/* RXConnection customer layer. OneDigital guide, pp. 4-8 (HEX labels).
 * Shared IPC Global design tokens and semantic status colors stay unchanged.
 * The supplied full-color customer logo is displayed unchanged on white.
 */
:root[data-customer-brand="rxconnection"] {
  --navy: #00344F;
  --blue: #0078A2;
  --blue-hover: #00344F;
  --sky: #4FB3CD;
  --ink: #25282A;
  --customer-green: #8EB935;
  --customer-yellow: #FFC60B;
  --customer-orange: #F47D20;
}
[data-customer-brand="rxconnection"] .brand-rule {
  background: linear-gradient(90deg, var(--blue), var(--customer-green), var(--customer-yellow), var(--customer-orange));
}
.customer-masthead {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 12px 28px;
  background: var(--white);
  border-bottom: 1px solid var(--line);
  min-width: 0;
  flex-shrink: 0;
}
.customer-logo { display: block; flex: 0 0 auto; width: 220px; max-width: 100%; height: auto; aspect-ratio: 2157 / 302; }
[data-customer-brand="rxconnection"] .app-footer { background: var(--white); color: var(--navy); border-top: 1px solid var(--line); }
[data-customer-brand="rxconnection"] .app-footer p { color: var(--navy); }
.customer-footer-logo { width: 180px; max-width: 100%; height: auto; }
/* At phone width the header already names the product, so the logo strip is dropped (GLB-01); the logo shows once, here, on wider screens. */
@media (max-width: 599px) {
  .customer-masthead { display: none; }
}