/* Citi Sprint: official red, charcoal and white brand palette.
   The deeper red on controls keeps small white text readable. */
html[data-company="CS"]{
  color-scheme:light;
  --accent:#d71926;
  --ink:#231f20;
  --muted:#6c6265;
  --canvas:#f5f4f4;
  --surface:#fff;
  --surface-raised:#f0eded;
  --hover:#e9e4e5;
  --line:#dfd8da;
  --line-strong:#b1a5a9;
  --chart-grid:#e4dde0;
  --chart-track:#e8e1e3;
  --green:#23774e;
  --red:#b54725;
  --accent-soft:#fff0f1;
  --accent-line:#e6b0b5;
  --tooltip-bg:#fff;
  --shadow:0 3px 14px rgb(35 31 32 / 4%);
  --sidebar-bg:#fff;
  --on-accent:#fff;
  --accent-detail:#fff;
  --primary-hover:#bf0d18;
  --secondary-hover-border:#847278;
  --strong-ink:#231f20;
  --notice-ink:#96313a;
  --heading-secondary:#7d6d73;
  --table-head:#f0eded;
  --table-ink:#453c40;
  --status-ink:#5f5358;
  --success-bg:#eaf5ee;
  --success-ink:#216241;
  --success-line:#b8d8c4;
  --warning-bg:#fff2e8;
  --warning-ink:#954d20;
  --warning-line:#e5c6aa;
  --error-bg:#fff0f1;
  --error-ink:#a91c29;
  --error-line:#e7b3b8;
  --orbit-line:#ef1b2728;
  --orbit-ink:#d7192650;
  --accent-shadow:#ef1b2712;
  --chart-blue:#3c6f9a;
  --chart-purple:#8c619f;
  --chart-gold:#a67a2c;
  --chart-blue-alt:#477c8c;
  --chart-pink:#b15b7a;
  --chart-lime:#687d39;
  --chart-sage:#527969;
  --chart-orange:#b87739;
  --chart-indigo:#6768a6;
  --chart-neutral:#84777d;
  --chart-neutral-alt:#817778;
}

html[data-company="CS"] .wordmark{padding-left:0}
html[data-company="CS"] .wordmark [data-brand-line-one],
html[data-company="CS"] .wordmark [data-brand-line-two],
html[data-company="CS"] .wordmark small{display:none}
html[data-company="CS"] .brand-logo,
html[data-company="CS"] .login-brand .brand-logo{
  position:static;display:block;width:190px;max-width:100%;height:auto;
  aspect-ratio:320/151;object-fit:contain;border-radius:0;outline:none;
}
html[data-company="CS"] .login-brand .brand-logo{width:280px}

@media(max-width:760px){
  html[data-company="CS"] .sidebar .wordmark{min-height:0;align-self:center}
  html[data-company="CS"] .sidebar .brand-logo{width:160px}
  html[data-company="CS"] .login-brand .brand-logo{width:220px}
}

@media print{
  html[data-company="CS"]{--canvas:#fff;--surface:#fff;--shadow:none}
  html[data-company="CS"] .kpi-card.featured{background:#fff;color:var(--ink)}
  html[data-company="CS"] .kpi-card.featured .kpi-label,
  html[data-company="CS"] .kpi-card.featured .kpi-note,
  html[data-company="CS"] .kpi-card.featured .kpi-symbol{color:var(--ink)}
}
