/* Bright operations palette. Customer consultation pages never opt into this class.
   Explicit dark mode keeps the existing palette and component treatments. */
:root:not([data-theme='dark']) body.ds-admin-bright {
  color-scheme: light;
  --ds-canvas: #fafbfd;
  --ds-surface: #ffffff;
  --ds-surface-sunken: #f3f5f7;
  --ds-surface-heading: #f5f6f8;
  --ds-border: #dce6f0;
  --ds-border-strong: #bfcedd;
  --ds-text: #202b3a;
  --ds-text-secondary: #566579;
  --ds-text-tertiary: #607086;
  --ds-text-on-accent: #ffffff;
  --ds-accent: #00699e;
  --ds-accent-hover: #055c87;
  --ds-accent-active: #0a4c70;
  --ds-accent-soft: #dff3ff;
  --ds-accent-ring: rgba(0, 105, 158, 0.25);
  --ds-success: #1e8e5a;
  --ds-success-soft: #e3f5ec;
  --ds-warning: #94620f;
  --ds-warning-soft: #fff4dc;
  --ds-danger: #c23934;
  --ds-danger-soft: #fbe7e6;
  --ds-info: #2f6fbf;
  --ds-info-soft: #e7f0fc;
  --ds-shadow-sm: 0 1px 3px rgba(32, 43, 58, 0.04);
  --ds-shadow-md: 0 4px 14px rgba(32, 43, 58, 0.06);
  --ds-shadow-lg: 0 10px 28px rgba(32, 43, 58, 0.09);
}

/* Deep indigo gradients with a circular highlight highlight welcome and sign-in panels. */
:root:not([data-theme='dark']) .ds-admin-bright .cp-dashboard-greeting,
:root:not([data-theme='dark']) .ds-admin-bright .pa-brand {
  background:
    radial-gradient(circle at 94% 4%, rgba(140, 157, 255, 0.52) 0%, rgba(140, 157, 255, 0.18) 10%, transparent 24%),
    radial-gradient(circle at 58% 110%, rgba(109, 77, 199, 0.42) 0%, transparent 38%),
    linear-gradient(125deg, #141632 0%, #20205a 55%, #2e57c8 100%);
  border-color: #363d7b;
  color: #ffffff;
  box-shadow: 0 8px 22px rgba(17, 27, 62, 0.14);
}
:root:not([data-theme='dark']) .ds-admin-bright .cp-greeting-copy h1,
:root:not([data-theme='dark']) .ds-admin-bright .pa-story h2,
:root:not([data-theme='dark']) .ds-admin-bright .pa-slogan > p {
  color: #ffffff;
}
:root:not([data-theme='dark']) .ds-admin-bright .cp-greeting-copy p,
:root:not([data-theme='dark']) .ds-admin-bright .cp-dashboard-profile__details dt,
:root:not([data-theme='dark']) .ds-admin-bright .cp-dashboard-profile__contact span,
:root:not([data-theme='dark']) .ds-admin-bright .pa-story > p,
:root:not([data-theme='dark']) .ds-admin-bright .pa-slogan > span,
:root:not([data-theme='dark']) .ds-admin-bright .pa-brand-footer {
  color: #dff3ff;
}
:root:not([data-theme='dark']) .ds-admin-bright .cp-dashboard-profile__contact,
:root:not([data-theme='dark']) .ds-admin-bright .pa-slogan {
  border-color: rgba(185, 231, 254, 0.25);
}
:root:not([data-theme='dark']) .ds-admin-bright .cp-greeting-avatar {
  color: var(--ds-accent);
  box-shadow: 0 0 0 3px #ffffff, var(--ds-shadow-sm);
}
:root:not([data-theme='dark']) .ds-admin-bright .cp-dashboard-profile__edit {
  background: rgba(123, 214, 254, 0.16);
  color: #ffffff;
  border-color: rgba(185, 231, 254, 0.35);
}
:root:not([data-theme='dark']) .ds-admin-bright .cp-dashboard-profile__edit:hover {
  background: var(--ds-accent-soft);
  color: var(--ds-accent-hover);
  border-color: var(--ds-accent);
}

/* Sales figures carry the accent; large headers stay bright. */
:root:not([data-theme='dark']) .ds-admin-bright .cp-main .ds-card.cp-dashboard-sales > .cp-section-head {
  background: var(--ds-surface);
  color: var(--ds-text);
  border-bottom-color: var(--ds-border);
  box-shadow: none;
}
:root:not([data-theme='dark']) .ds-admin-bright .cp-main .ds-card.cp-dashboard-sales > .cp-section-head h2 {
  color: var(--ds-text);
}
:root:not([data-theme='dark']) .ds-admin-bright .cp-main .ds-card.cp-dashboard-sales > .cp-section-head .ds-hint {
  color: var(--ds-text-secondary);
}
:root:not([data-theme='dark']) .ds-admin-bright .cp-main .ds-card.cp-dashboard-sales > .cp-section-head .ds-badge {
  background: var(--ds-accent-soft);
  color: var(--ds-accent);
  border-color: #b9e7fe;
}

/* Ranking repeats the same premium blue gradient at a compact scale. */
:root:not([data-theme='dark']) .ds-admin-bright .cp-ranking-shortcut {
  background:
    radial-gradient(circle at 94% 4%, rgba(140, 157, 255, 0.5) 0%, rgba(140, 157, 255, 0.16) 12%, transparent 28%),
    linear-gradient(120deg, #141632 0%, #20205a 55%, #2e57c8 100%);
  color: #ffffff;
  border-color: #363d7b;
  box-shadow: var(--ds-shadow-sm);
}
:root:not([data-theme='dark']) .ds-admin-bright .cp-ranking-shortcut:hover,
:root:not([data-theme='dark']) .ds-admin-bright .cp-ranking-shortcut[aria-current='page'] {
  background:
    radial-gradient(circle at 94% 4%, rgba(140, 157, 255, 0.55) 0%, transparent 28%),
    linear-gradient(120deg, #1a1c40 0%, #28286b 55%, #3562d5 100%);
  border-color: #00699e;
  box-shadow: var(--ds-shadow-md);
}
:root:not([data-theme='dark']) .ds-admin-bright .cp-ranking-shortcut__copy small,
:root:not([data-theme='dark']) .ds-admin-bright .cp-ranking-shortcut__arrow {
  color: #ffffff;
}
:root:not([data-theme='dark']) .ds-admin-bright .cp-ranking-shortcut__icon {
  background: #fff4dc;
  color: #94620f;
}

/* Shared administrator and staff sign-in screens. */
:root:not([data-theme='dark']) .ds-admin-bright .pa-logo {
  color: var(--ds-accent);
}
:root:not([data-theme='dark']) .ds-admin-bright .pa-logo span {
  color: var(--ds-text-secondary);
  border-color: #b9e7fe;
}
:root:not([data-theme='dark']) .ds-admin-bright .pa-brand::after {
  border-color: rgba(185, 231, 254, 0.14);
  box-shadow: 0 0 0 70px rgba(123, 214, 254, 0.04), 0 0 0 140px rgba(123, 214, 254, 0.03);
}
:root:not([data-theme='dark']) .ds-admin-bright .pa-tag,
:root:not([data-theme='dark']) .ds-admin-bright .pa-role {
  background: rgba(255, 255, 255, 0.65);
  color: var(--ds-text);
  border-color: #b9e7fe;
}
:root:not([data-theme='dark']) .ds-admin-bright .pa-role:hover {
  background: #ffffff;
}
:root:not([data-theme='dark']) .ds-admin-bright .pa-role.is-current {
  background: #ffffff;
  color: var(--ds-accent);
  border-color: var(--ds-accent);
  box-shadow: var(--ds-shadow-sm);
}

@media (max-width: 640px) {
  :root:not([data-theme='dark']) .ds-admin-bright .cp-consultation-overview {
    background: #f0f9ff;
    color: var(--ds-text);
    border-color: #b9e7fe;
    box-shadow: var(--ds-shadow-sm);
  }
  :root:not([data-theme='dark']) .ds-admin-bright .cp-overview-heading h2,
  :root:not([data-theme='dark']) .ds-admin-bright .cp-overview-heading time,
  :root:not([data-theme='dark']) .ds-admin-bright .cp-overview-footnote,
  :root:not([data-theme='dark']) .ds-admin-bright .cp-consultation-metrics .cp-consultation-metric > span,
  :root:not([data-theme='dark']) .ds-admin-bright .cp-consultation-metrics .cp-consultation-metric small {
    color: var(--ds-text-secondary);
  }
  :root:not([data-theme='dark']) .ds-admin-bright .cp-consultation-metrics .cp-consultation-metric {
    color: var(--ds-text);
    border-color: #b9e7fe;
  }
  :root:not([data-theme='dark']) .ds-admin-bright .cp-consultation-metrics .cp-consultation-metric strong,
  :root:not([data-theme='dark']) .ds-admin-bright .cp-overview-heading a {
    color: var(--ds-accent);
  }
  :root:not([data-theme='dark']) .ds-admin-bright .cp-consultation-metrics .cp-consultation-metric strong.cp-metric-zero {
    color: var(--ds-text-secondary);
  }
  :root:not([data-theme='dark']) .ds-admin-bright .cp-consultation-metrics .cp-consultation-metric:focus-visible {
    outline-color: var(--ds-accent);
  }
}

/* Brand marks retain CAR2 red independently of the interface accent. */
:root:not([data-theme='dark']) .ds-admin-bright .ds-topbar__brand,
:root:not([data-theme='dark']) .ds-admin-bright .cp-brand {
  color: #d32a42;
}
:root:not([data-theme='dark']) .ds-admin-bright .pa-logo {
  color: #d32a42;
  background: #ffffff;
  padding: 10px 16px;
  border-radius: var(--ds-radius-md);
}
