html.light-mode {
  color-scheme: light;
}

html.light-mode,
html.light-mode body {
  background:
    radial-gradient(circle at top left, rgba(92, 68, 176, 0.08), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #fcfbff 38%, #f7f4fd 100%) !important;
  color: #0c0a10 !important;
}

html.light-mode nav,
html.light-mode .nav-enhance-ready nav,
html.light-mode .hero,
html.light-mode .summary-bar,
html.light-mode .controls-bar {
  background: #ffffff !important;
  background-image: none !important;
  border-color: rgba(92, 68, 176, 0.14) !important;
  box-shadow: none !important;
}

html.light-mode .hero,
html.light-mode .summary-bar,
html.light-mode .controls-bar {
  color: #0c0a10 !important;
}

html.light-mode .hero::before,
html.light-mode .hero::after,
html.light-mode .summary-bar::before,
html.light-mode .summary-bar::after,
html.light-mode .controls-bar::before,
html.light-mode .controls-bar::after {
  opacity: 0 !important;
  display: none !important;
}

html.light-mode .hero h1,
html.light-mode .hero .hero-kicker,
html.light-mode .hero .hero-sub,
html.light-mode .hero .hero-blurb,
html.light-mode .hero .hero-event-name,
html.light-mode .hero .hero-panel-copy,
html.light-mode .hero .hero-panel-points span,
html.light-mode .hero .hero-proof-chip,
html.light-mode .hero .demo-ribbon-note,
html.light-mode .summary-bar .stat-label,
html.light-mode .summary-bar .stat-value,
html.light-mode .controls-bar .controls-label {
  text-shadow: none !important;
}

html.light-mode .hero h1,
html.light-mode .hero .hero-event-name,
html.light-mode .summary-bar .stat-value,
html.light-mode .controls-bar .btn-gold,
html.light-mode .section-title,
html.light-mode .panel-title,
html.light-mode .page-heading,
html.light-mode .account-welcome,
html.light-mode .verify-heading,
html.light-mode .modal-title {
  color: #5c44b0 !important;
}

html.light-mode .hero .hero-sub,
html.light-mode .hero .hero-blurb,
html.light-mode .hero .hero-panel-copy,
html.light-mode .hero .hero-panel-points span,
html.light-mode .hero .hero-proof-chip,
html.light-mode .hero .hero-kicker,
html.light-mode .summary-bar .stat-label,
html.light-mode .controls-bar .controls-label,
html.light-mode .page-sub,
html.light-mode .account-email,
html.light-mode .verify-sub,
html.light-mode .verify-email {
  color: #635a78 !important;
}

html.light-mode .hero .hero-panel,
html.light-mode .panel,
html.light-mode .panel-box,
html.light-mode .table-wrap,
html.light-mode .modal,
html.light-mode .modal-box,
html.light-mode .form-panel,
html.light-mode .faq-panel,
html.light-mode .session-card,
html.light-mode .auth-form,
html.light-mode .card,
html.light-mode .brief-card,
html.light-mode .cu-card,
html.light-mode .matrix-wrap,
html.light-mode .result-panel,
html.light-mode .dish-list,
html.light-mode .list-panel,
html.light-mode .page table,
html.light-mode .page code,
html.light-mode .code-block,
html.light-mode .error-log-inner,
html.light-mode .traffic-card,
html.light-mode .notice,
html.light-mode .section-card,
html.light-mode .results-card,
html.light-mode .summary-card,
html.light-mode .side-note-card,
html.light-mode .status-card,
html.light-mode .note-card,
html.light-mode .simple-shell-card,
html.light-mode .control-deck {
  background: #f8f6fd !important;
  border-color: rgba(92, 68, 176, 0.14) !important;
  color: #0c0a10 !important;
  box-shadow: 0 12px 30px rgba(92, 68, 176, 0.05) !important;
}

html.light-mode .list-panel,
html.light-mode .summary-bar,
html.light-mode .controls-bar,
html.light-mode .panel-header,
html.light-mode .section-head,
html.light-mode .brief-card-header,
html.light-mode .cu-card-header,
html.light-mode .result-hero,
html.light-mode .list-header,
html.light-mode .modal-header,
html.light-mode .auth-tabs,
html.light-mode .page thead th,
html.light-mode thead th {
  background: #ffffff !important;
  border-color: rgba(92, 68, 176, 0.12) !important;
  color: #635a78 !important;
}

html.light-mode .page,
html.light-mode .wrap,
html.light-mode .main,
html.light-mode .main-wrap,
html.light-mode .editor-panel,
html.light-mode .layout,
html.light-mode #root,
html.light-mode #root > div {
  background-color: transparent !important;
}

html.light-mode .session-name,
html.light-mode .event-title,
html.light-mode .traffic-path,
html.light-mode .name-cell,
html.light-mode .auth-heading,
html.light-mode h1,
html.light-mode h2,
html.light-mode h3,
html.light-mode th,
html.light-mode td,
html.light-mode label,
html.light-mode strong,
html.light-mode b {
  color: #0c0a10 !important;
}

html.light-mode .muted,
html.light-mode .compact-note,
html.light-mode .event-meta,
html.light-mode .date-cell,
html.light-mode .email-cell,
html.light-mode .traffic-note,
html.light-mode .traffic-recent-time,
html.light-mode .traffic-lastseen,
html.light-mode .session-meta,
html.light-mode .session-preview-note,
html.light-mode .page-sub,
html.light-mode p.muted,
html.light-mode .small,
html.light-mode .field-hint,
html.light-mode .settings-hint,
html.light-mode .quick-hint,
html.light-mode .card-empty,
html.light-mode .list-empty,
html.light-mode .empty-state,
html.light-mode .demo-ribbon-note,
html.light-mode .demo-ribbon-kicker,
html.light-mode .demo-ribbon-copy,
html.light-mode .demo-ribbon-actions,
html.light-mode .form-status,
html.light-mode .faq-answer,
html.light-mode .page li,
html.light-mode .page p {
  color: #635a78 !important;
}

html.light-mode input,
html.light-mode select,
html.light-mode textarea,
html.light-mode option,
html.light-mode .field input,
html.light-mode .field select,
html.light-mode .field textarea,
html.light-mode .item-input,
html.light-mode .line-input,
html.light-mode .field-input,
html.light-mode .quick-amount-input,
html.light-mode .prep-num-input,
html.light-mode .prep-note-input,
html.light-mode .par-input,
html.light-mode .add-cat-input,
html.light-mode .alloc-type,
html.light-mode .country-select,
html.light-mode .save-input,
html.light-mode .code-block {
  background: #ffffff !important;
  color: #0c0a10 !important;
  border-color: rgba(92, 68, 176, 0.18) !important;
}

html.light-mode input::placeholder,
html.light-mode textarea::placeholder {
  color: #857aa0 !important;
}

html.light-mode button:not(.btn-demo):not(.btn-demo-primary):not(.btn-gold):not(.primary):not(.danger),
html.light-mode .btn-sm,
html.light-mode .btn-session-go,
html.light-mode .btn-sessions,
html.light-mode .btn-inline,
html.light-mode .panel-tab,
html.light-mode .auth-tab,
html.light-mode .matrix-toggle,
html.light-mode .session-pill,
html.light-mode .traffic-chip,
html.light-mode .session-tool,
html.light-mode .brief-item-svc,
html.light-mode .mode-toggle,
html.light-mode .view-toggle,
html.light-mode .alloc-chip {
  background: rgba(92, 68, 176, 0.06) !important;
  color: #5c44b0 !important;
  border-color: rgba(92, 68, 176, 0.18) !important;
  box-shadow: none !important;
}

html.light-mode .btn-auth,
html.light-mode .btn-submit,
html.light-mode .btn-gold,
html.light-mode button.primary,
html.light-mode .btn-demo-primary {
  background: linear-gradient(180deg, #6f56cb 0%, #5c44b0 100%) !important;
  border-color: #5c44b0 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(92, 68, 176, 0.18) !important;
}

html.light-mode .btn-delete,
html.light-mode .btn-delete-account,
html.light-mode .btn-danger,
html.light-mode .badge-unverified {
  background: rgba(168, 50, 40, 0.06) !important;
  border-color: rgba(168, 50, 40, 0.22) !important;
  color: #a83228 !important;
}

html.light-mode .badge-verified,
html.light-mode .cnt-green,
html.light-mode .variance-banner.ok,
html.light-mode .notice.ok {
  background: rgba(30, 110, 46, 0.08) !important;
  border-color: rgba(30, 110, 46, 0.2) !important;
  color: #1e6e2e !important;
}

html.light-mode .variance-banner.warn,
html.light-mode .notice.warn,
html.light-mode .cnt-amber {
  background: rgba(138, 96, 16, 0.08) !important;
  border-color: rgba(138, 96, 16, 0.2) !important;
  color: #8a6010 !important;
}

html.light-mode .variance-banner.none,
html.light-mode .cnt-muted,
html.light-mode .cnt-gold {
  background: rgba(92, 68, 176, 0.05) !important;
  border-color: rgba(92, 68, 176, 0.14) !important;
  color: #635a78 !important;
}

html.light-mode tbody tr,
html.light-mode .event-item,
html.light-mode .traffic-row,
html.light-mode .traffic-recent-row,
html.light-mode .session-row,
html.light-mode .brief-item,
html.light-mode .recon-row,
html.light-mode .matrix-table thead tr,
html.light-mode .matrix-table th,
html.light-mode .matrix-table td,
html.light-mode .ingr-row td,
html.light-mode .items-table tr,
html.light-mode .totals-table,
html.light-mode .notes-table,
html.light-mode .lines-table th,
html.light-mode .lines-table td,
html.light-mode .ov-table th,
html.light-mode .ov-table td,
html.light-mode .lib-table th,
html.light-mode .lib-table td,
html.light-mode #staff_table th,
html.light-mode #staff_table td,
html.light-mode #ov_table th,
html.light-mode #ov_table td,
html.light-mode #tmpl_table th,
html.light-mode #tmpl_table td,
html.light-mode #elig-table th,
html.light-mode #elig-table td,
html.light-mode #slot-elig-table th,
html.light-mode #slot-elig-table td,
html.light-mode #lock-table th,
html.light-mode #lock-table td,
html.light-mode #roles-table th,
html.light-mode #roles-table td,
html.light-mode #feas-table th,
html.light-mode #feas-table td,
html.light-mode .page table th,
html.light-mode .page table td {
  border-color: rgba(92, 68, 176, 0.1) !important;
}

html.light-mode tbody tr:hover td,
html.light-mode .brief-item:hover,
html.light-mode .session-card:hover,
html.light-mode .nav-tools-item:hover {
  background: rgba(92, 68, 176, 0.04) !important;
}

html.light-mode .footer,
html.light-mode #foh-footer {
  background: rgba(255, 255, 255, 0.94) !important;
  color: #635a78 !important;
  border-color: rgba(92, 68, 176, 0.14) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

html.light-mode .demo-ribbon-wrap,
html.light-mode .demo-ribbon-wrap::before,
html.light-mode .demo-ribbon-wrap::after {
  background: #f4effd !important;
  border-color: rgba(92, 68, 176, 0.14) !important;
  color: inherit !important;
}

html.light-mode .demo-ribbon-title {
  color: #5c44b0 !important;
  text-shadow: none !important;
}

html.light-mode .demo-ribbon-note,
html.light-mode .demo-ribbon-kicker,
html.light-mode .nav-tools-kicker,
html.light-mode .nav-tools-group-label,
html.light-mode .nav-tools-item-desc {
  color: #635a78 !important;
}

html.light-mode .nav-enhance-ready nav {
  background: rgba(255, 255, 255, 0.98) !important;
  border-bottom-color: rgba(92, 68, 176, 0.14) !important;
}

html.light-mode .nav-enhance-ready .nav-wordmark-foh,
html.light-mode .nav-enhance-ready .nav-link:hover,
html.light-mode .nav-enhance-ready #nav-support-icon:hover,
html.light-mode .nav-enhance-ready #nav-support-icon.active,
html.light-mode .nav-enhance-ready #nav-account-icon:hover,
html.light-mode .nav-enhance-ready #nav-account-icon.logged-in,
html.light-mode .nav-links > a.nav-current-link,
html.light-mode .nav-links > .nav-tools-toggle.is-active,
html.light-mode .nav-links > .nav-tools-toggle[aria-expanded="true"],
html.light-mode .nav-tools-title,
html.light-mode .nav-tools-item.is-active .nav-tools-item-name,
html.light-mode .nav-tools-item-name {
  color: #5c44b0 !important;
}

html.light-mode .nav-enhance-ready .nav-wordmark-sub,
html.light-mode .nav-enhance-ready .nav-link,
html.light-mode .nav-links > .nav-tools-toggle,
html.light-mode .nav-enhance-ready #nav-beta,
html.light-mode .nav-enhance-ready #nav-support-icon,
html.light-mode .nav-enhance-ready #nav-account-icon,
html.light-mode .nav-tools-close,
html.light-mode .nav-tools-item-arrow {
  color: #635a78 !important;
}

html.light-mode .nav-enhance-ready .nav-divider,
html.light-mode .nav-enhance-ready #nav-support-icon,
html.light-mode .nav-enhance-ready #nav-beta,
html.light-mode .nav-tools-close,
html.light-mode .nav-tools-item,
html.light-mode .nav-tools-group:not(:last-child),
html.light-mode .nav-tools-group-label,
html.light-mode .nav-tools-header {
  border-color: rgba(92, 68, 176, 0.14) !important;
}

html.light-mode .nav-enhance-ready #nav-support-icon::after,
html.light-mode .nav-tools-panel {
  background: #ffffff !important;
  color: #635a78 !important;
  border-color: rgba(92, 68, 176, 0.16) !important;
  box-shadow: 0 24px 60px rgba(92, 68, 176, 0.12) !important;
}

html.light-mode .nav-tools-item {
  background: #f8f6fd !important;
}

html.light-mode .nav-tools-item::before {
  background: linear-gradient(180deg, transparent, rgba(92, 68, 176, 0.45), transparent) !important;
}

html.light-mode .nav-tools-backdrop {
  background: rgba(92, 68, 176, 0.08) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* Targeted fixes from visual review */
html.light-mode .hero-outer,
html.light-mode .hero-outer[style],
html.light-mode .hero-card,
html.light-mode .summary-card,
html.light-mode .metric,
html.light-mode .hero-panel,
html.light-mode .revenue-stream-shell,
html.light-mode .revenue-overview-card,
html.light-mode .workflow-recommend,
html.light-mode .scenario-stat,
html.light-mode .calc-display,
html.light-mode .rev-stream-card,
html.light-mode .rev-stream-card[data-kind="flat"],
html.light-mode .threshold-card,
html.light-mode .selected-card,
html.light-mode .quad-card,
html.light-mode .meta-pill {
  background: #ffffff !important;
  background-image: none !important;
  border-color: rgba(92, 68, 176, 0.14) !important;
  box-shadow: 0 12px 30px rgba(92, 68, 176, 0.05) !important;
}

html.light-mode .hero-card h1,
html.light-mode .hero-card .panel-title,
html.light-mode .hero-card .matrix-title,
html.light-mode .hero-outer h1,
html.light-mode .hero-outer .hero-note-title,
html.light-mode .hero-outer .hero-kicker,
html.light-mode .hero-outer .hero-copy h1,
html.light-mode .hero .hero-panel .eyebrow,
html.light-mode .metric .value,
html.light-mode .summary-number,
html.light-mode .summary-stat-value,
html.light-mode .threshold-value,
html.light-mode .selected-name,
html.light-mode .quad-name,
html.light-mode .matrix-title,
html.light-mode .quad-label,
html.light-mode .page-heading,
html.light-mode .hero h1 {
  color: #5c44b0 !important;
}

html.light-mode .hero-card .hero-copy,
html.light-mode .hero-copy,
html.light-mode .hero-outer .hero-sub,
html.light-mode .hero-outer .hero-note-item,
html.light-mode .hero-sub,
html.light-mode .hero-blurb,
html.light-mode .summary-copy,
html.light-mode .summary-stat-label,
html.light-mode .matrix-sub,
html.light-mode .selected-hint,
html.light-mode .quad-note,
html.light-mode .meta-pill,
html.light-mode .revenue-overview-label,
html.light-mode .workflow-panel-copy,
html.light-mode .workflow-panel-sub,
html.light-mode .workflow-recommend-copy,
html.light-mode .revenue-stream-summary,
html.light-mode .rev-stream-rate-label,
html.light-mode .hero-note-title,
html.light-mode .hero-note-item,
html.light-mode .hero-note-list {
  color: #635a78 !important;
}

html.light-mode .hero-panel-points,
html.light-mode .hero-panel-points span,
html.light-mode .hero-sub,
html.light-mode .hero-blurb,
html.light-mode .hero-panel-copy,
html.light-mode .metric .label,
html.light-mode .workflow-chip,
html.light-mode .rev-stream-pill.active,
html.light-mode .mode-btn.active,
html.light-mode .sst-btn.active,
html.light-mode .revenue-overview-value,
html.light-mode .rev-stream-value,
html.light-mode .result-row-val.gold,
html.light-mode .line-cost-cell,
html.light-mode .calc-display {
  color: #5c44b0 !important;
}

html.light-mode .hero-panel-points span::before,
html.light-mode .hero-kicker::before,
html.light-mode .workflow-chip,
html.light-mode .rev-stream-pill,
html.light-mode .mode-toggle,
html.light-mode .scenario-size-toggle,
html.light-mode .sst-btn,
html.light-mode .summary-stat,
html.light-mode .threshold-card,
html.light-mode .meta-pill {
  border-color: rgba(92, 68, 176, 0.16) !important;
}

html.light-mode .mode-toggle,
html.light-mode .scenario-size-toggle,
html.light-mode .rev-stream-amount,
html.light-mode .rev-stream-name,
html.light-mode .lines-table td input,
html.light-mode .field input[type=text],
html.light-mode .field input[type=number],
html.light-mode .field input[type=date],
html.light-mode .workflow-recommend,
html.light-mode .revenue-stream-shell,
html.light-mode .revenue-overview-card,
html.light-mode .scenario-stat,
html.light-mode .calc-display {
  background: #ffffff !important;
}

html.light-mode .card,
html.light-mode .section-card,
html.light-mode .metric {
  background: #ffffff !important;
  background-image: none !important;
}

html.light-mode .card::before,
html.light-mode .hero::before,
html.light-mode .hero-panel::before,
html.light-mode .metric::before {
  display: none !important;
}

html.light-mode #root [style*="rgba(0,0,0,0.4)"],
html.light-mode #root [style*="rgba(0, 0, 0, 0.4)"],
html.light-mode #root [style*="background:rgba(0,0,0,0.4)"],
html.light-mode #root [style*="background: rgba(0,0,0,0.4)"],
html.light-mode #root [style*="background: rgba(0, 0, 0, 0.4)"] {
  background: #ffffff !important;
  background-image: none !important;
  border-color: rgba(92, 68, 176, 0.14) !important;
}

html.light-mode .btn-gold,
html.light-mode .btn-gold:hover,
html.light-mode .btn.btn-gold,
html.light-mode .btn.btn-gold:hover,
html.light-mode .btn-primary,
html.light-mode .btn-primary:hover {
  color: #ffffff !important;
}

/* Global accent unification: purple only in light mode */
html.light-mode {
  accent-color: #5c44b0;
  scrollbar-color: rgba(92,68,176,0.48) rgba(92,68,176,0.08);
}

html.light-mode * {
  scrollbar-color: rgba(92,68,176,0.48) rgba(92,68,176,0.08);
}

html.light-mode *::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(92,68,176,0.52), rgba(61,46,133,0.52)) !important;
  border-radius: 999px;
}

html.light-mode *::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(92,68,176,0.66), rgba(61,46,133,0.66)) !important;
}

html.light-mode *::-webkit-scrollbar-track {
  background: linear-gradient(180deg, rgba(92,68,176,0.10), rgba(92,68,176,0.04)) !important;
  border-color: rgba(92,68,176,0.08) !important;
}

html.light-mode .nav-enhance-ready .nav-wordmark-foh,
html.light-mode .nav-enhance-ready .nav-link:hover,
html.light-mode .nav-enhance-ready .nav-link.active,
html.light-mode .nav-enhance-ready #nav-support-icon:hover,
html.light-mode .nav-enhance-ready #nav-support-icon.active,
html.light-mode .nav-enhance-ready #nav-account-icon:hover,
html.light-mode .nav-enhance-ready #nav-account-icon.logged-in,
html.light-mode .nav-enhance-ready #nav-theme-toggle:hover,
html.light-mode .nav-links > a.nav-current-link,
html.light-mode .nav-links > .nav-tools-toggle.is-active,
html.light-mode .nav-links > .nav-tools-toggle[aria-expanded="true"],
html.light-mode .nav-tools-title,
html.light-mode .nav-tools-item.is-active .nav-tools-item-name,
html.light-mode .nav-tools-item-name,
html.light-mode #nav-admin-link,
html.light-mode #nav-beta,
html.light-mode .nav-tooltip {
  color: #5c44b0 !important;
}

html.light-mode .nav-enhance-ready #nav-support-icon,
html.light-mode .nav-enhance-ready #nav-account-icon,
html.light-mode .nav-enhance-ready #nav-beta,
html.light-mode .nav-enhance-ready #nav-theme-toggle,
html.light-mode #nav-admin-link {
  border-color: rgba(92,68,176,0.18) !important;
}

html.light-mode .nav-enhance-ready #nav-support-icon:hover,
html.light-mode .nav-enhance-ready #nav-account-icon:hover,
html.light-mode .nav-enhance-ready #nav-account-icon.logged-in,
html.light-mode .nav-enhance-ready #nav-theme-toggle:hover,
html.light-mode #nav-admin-link:hover {
  border-color: rgba(92,68,176,0.38) !important;
  box-shadow: 0 0 10px rgba(92,68,176,0.12) !important;
}

html.light-mode .empty-card,
html.light-mode #table-empty {
  background: #ffffff !important;
  color: #635a78 !important;
  border-color: rgba(92,68,176,0.14) !important;
}

html.light-mode [class*="gold"],
html.light-mode .stat-value.gold,
html.light-mode .cnt-gold,
html.light-mode .event-tool,
html.light-mode .session-pill.has,
html.light-mode .traffic-count,
html.light-mode .workflow-chip,
html.light-mode .quad-badge,
html.light-mode .quad-chip,
html.light-mode .summary-stat-value,
html.light-mode .metric-value,
html.light-mode .revenue-overview-value,
html.light-mode .rev-stream-value,
html.light-mode .result-row-val.gold,
html.light-mode .result-margin-pct,
html.light-mode .selected-stat-value,
html.light-mode .panel-title,
html.light-mode .summary-label,
html.light-mode .metric-label,
html.light-mode .status-line.good,
html.light-mode .status-line,
html.light-mode .btn-sessions:hover,
html.light-mode .btn-session-go,
html.light-mode .btn-inline,
html.light-mode .btn-add-line:hover,
html.light-mode .btn-copy-float:hover,
html.light-mode .btn-ghost:hover,
html.light-mode .alloc-chip:hover,
html.light-mode .brief-item.active,
html.light-mode .cu-card-total,
html.light-mode .cash-taken-label,
html.light-mode .cash-taken-val,
html.light-mode .denom-total-val,
html.light-mode .recon-val.gold,
html.light-mode .prep-to-prep.needed,
html.light-mode .note-toggle:hover,
html.light-mode .note-toggle.has-note,
html.light-mode .note-toggle.open,
html.light-mode .dlib-badge,
html.light-mode .ov-mode-badge,
html.light-mode .view-toggle-btn.active,
html.light-mode .mode-btn.active,
html.light-mode .sst-btn.active,
html.light-mode .scenario-size-toggle::after,
html.light-mode .matrix-dot,
html.light-mode .threshold-value,
html.light-mode .hero-note-title,
html.light-mode .feas-summary-value,
html.light-mode .sep-item-fix,
html.light-mode .acct-user-name,
html.light-mode .auth-note a,
html.light-mode .verify-resend button,
html.light-mode .resend-link,
html.light-mode .payment-link a,
html.light-mode .footer-right,
html.light-mode .grand-amount,
html.light-mode .deposit-amount {
  color: #5c44b0 !important;
}

html.light-mode .matrix-dot,
html.light-mode .hero-note-item::before,
html.light-mode .staff-role-tag-dot,
html.light-mode .demo-kicker-dot {
  background: #5c44b0 !important;
  box-shadow: 0 0 0 0 rgba(92,68,176,0.35) !important;
}

html.light-mode .session-pill.has,
html.light-mode .traffic-chip,
html.light-mode .session-tool,
html.light-mode .workflow-chip,
html.light-mode .quad-badge,
html.light-mode .quad-chip,
html.light-mode .brief-item-svc,
html.light-mode .staff-filter-chip.active,
html.light-mode .staff-role-tag,
html.light-mode .baseline-status-chip,
html.light-mode #baseline-status-chip,
html.light-mode .hero-proof-chip,
html.light-mode .revenue-overview-card,
html.light-mode .rev-stream-pill.active,
html.light-mode .rev-stream-card,
html.light-mode .rev-stream-card[data-kind="flat"],
html.light-mode .feas-summary-card,
html.light-mode .feas-note-card,
html.light-mode .daybox,
html.light-mode .gantt-labour-label,
html.light-mode .gantt-labour-cell,
html.light-mode #account-load-banner,
html.light-mode #progress-card,
html.light-mode #scale-status-block {
  border-color: rgba(92,68,176,0.16) !important;
}

html.light-mode .session-pill.has,
html.light-mode .traffic-chip,
html.light-mode .session-tool,
html.light-mode .workflow-chip,
html.light-mode .quad-badge,
html.light-mode .quad-chip,
html.light-mode .brief-item-svc,
html.light-mode .staff-filter-chip.active,
html.light-mode .staff-role-tag,
html.light-mode .hero-note-panel,
html.light-mode .feas-summary-card,
html.light-mode .feas-note-card,
html.light-mode .daybox,
html.light-mode .gantt-labour-label,
html.light-mode .gantt-labour-cell,
html.light-mode #account-load-banner,
html.light-mode #progress-card,
html.light-mode #scale-status-block,
html.light-mode [style*="rgba(201,169,110,.03)"],
html.light-mode [style*="rgba(201,169,110,0.03)"],
html.light-mode [style*="rgba(201,169,110,.02)"],
html.light-mode [style*="rgba(201,169,110,0.02)"],
html.light-mode [style*="rgba(201,169,110,.07)"],
html.light-mode [style*="rgba(201,169,110,0.07)"],
html.light-mode [style*="rgba(201,169,110,.08)"],
html.light-mode [style*="rgba(201,169,110,0.08)"],
html.light-mode [style*="rgba(201,169,110,.1)"],
html.light-mode [style*="rgba(201,169,110,0.1)"],
html.light-mode [style*="rgba(201,169,110,.12)"],
html.light-mode [style*="rgba(201,169,110,0.12)"],
html.light-mode [style*="rgba(201,169,110,.14)"],
html.light-mode [style*="rgba(201,169,110,0.14)"] {
  background: rgba(92,68,176,0.05) !important;
}

html.light-mode [style*="#c9a96e"],
html.light-mode [style*="color:#c9a96e"],
html.light-mode [style*="color: #c9a96e"],
html.light-mode [style*="color:#7a6040"],
html.light-mode [style*="color: #7a6040"] {
  color: #5c44b0 !important;
}

html.light-mode [style*="border:1px solid rgba(201,169,110"],
html.light-mode [style*="border-color:rgba(201,169,110"],
html.light-mode [style*="border-color: rgba(201,169,110"],
html.light-mode [style*="border-bottom:1px solid rgba(201,169,110"],
html.light-mode [style*="border-top:1px solid rgba(201,169,110"] {
  border-color: rgba(92,68,176,0.16) !important;
}

html.light-mode input[type="checkbox"],
html.light-mode input[type="radio"],
html.light-mode .chk input {
  accent-color: #5c44b0 !important;
}

html.light-mode .ghost,
html.light-mode button.ghost,
html.light-mode .ctx-item:hover,
html.light-mode .feas-note-action,
html.light-mode .staff-filter-chip,
html.light-mode .btn-ghost,
html.light-mode .btn-sample,
html.light-mode .btn-presets,
html.light-mode .btn-roles,
html.light-mode .btn-add-staff,
html.light-mode .btn-add-override,
html.light-mode .btn-add-template,
html.light-mode #btn-print-rota,
html.light-mode [id^="btn-"]:not(.primary):not(.danger):not(.btn-demo):not(.btn-demo-primary) {
  color: #5c44b0 !important;
  border-color: rgba(92,68,176,0.18) !important;
  background: #ffffff !important;
}

html.light-mode .ghost:hover,
html.light-mode button.ghost:hover,
html.light-mode .feas-note-action:hover,
html.light-mode .staff-filter-chip:hover,
html.light-mode .btn-ghost:hover,
html.light-mode [id^="btn-"]:not(.primary):not(.danger):not(.btn-demo):not(.btn-demo-primary):hover {
  color: #5c44b0 !important;
  border-color: rgba(92,68,176,0.34) !important;
  background: rgba(92,68,176,0.06) !important;
}

/* Final hard overrides for local page CSS that still beats shared light mode */
html.light-mode #nav-calculator.nav-current-link,
html.light-mode #nav-rota.nav-current-link,
html.light-mode #nav-tips.nav-current-link,
html.light-mode #nav-menu.nav-current-link,
html.light-mode #nav-eventpnl.nav-current-link,
html.light-mode #nav-allergens.nav-current-link,
html.light-mode #nav-cashup.nav-current-link,
html.light-mode #nav-menueng.nav-current-link,
html.light-mode #nav-prep.nav-current-link,
html.light-mode #nav-briefing.nav-current-link,
html.light-mode #nav-calculator.active,
html.light-mode #nav-rota.active,
html.light-mode #nav-tips.active,
html.light-mode #nav-menu.active,
html.light-mode #nav-eventpnl.active,
html.light-mode #nav-allergens.active,
html.light-mode #nav-cashup.active,
html.light-mode #nav-menueng.active,
html.light-mode #nav-prep.active,
html.light-mode #nav-briefing.active,
html.light-mode #nav-calculator[style],
html.light-mode #nav-rota[style],
html.light-mode #nav-tips[style],
html.light-mode #nav-menu[style],
html.light-mode #nav-eventpnl[style],
html.light-mode #nav-allergens[style],
html.light-mode #nav-cashup[style],
html.light-mode #nav-menueng[style],
html.light-mode #nav-prep[style],
html.light-mode #nav-briefing[style] {
  color: #5c44b0 !important;
  border-bottom-color: #5c44b0 !important;
}

html.light-mode #nav-account-icon.logged-in,
html.light-mode #nav-support-icon.active,
html.light-mode #nav-admin-link,
html.light-mode #nav-theme-toggle {
  color: #5c44b0 !important;
  border-color: rgba(92,68,176,0.38) !important;
}

/* Tips specific: remove remaining dark greys and gold drift */
html.light-mode .mode-switch,
html.light-mode .control-deck,
html.light-mode .simple-shell-card,
html.light-mode .simple-cut-card,
html.light-mode .subpanel,
html.light-mode .simple-staff-table,
html.light-mode .side-note-card,
html.light-mode .side-note-card .metric,
html.light-mode .metric,
html.light-mode .ledger-row,
html.light-mode .ledger-toggle,
html.light-mode .split-row,
html.light-mode .results-card,
html.light-mode .summary-card,
html.light-mode .status-card,
html.light-mode .note-card,
html.light-mode .notice,
html.light-mode pre,
html.light-mode .table-wrap {
  background: #ffffff !important;
  background-image: none !important;
  border-color: rgba(92,68,176,0.14) !important;
  box-shadow: 0 10px 28px rgba(92,68,176,0.05) !important;
}

html.light-mode .mode-switch::before,
html.light-mode .card::before,
html.light-mode body::before {
  display: none !important;
}

html.light-mode .mode-switch-indicator {
  background: linear-gradient(90deg, rgba(92,68,176,0.22), rgba(92,68,176,0.82), rgba(92,68,176,0.22)) !important;
}

html.light-mode .mode-switch button {
  color: #635a78 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.light-mode .mode-switch button.active {
  color: #5c44b0 !important;
  background: rgba(92,68,176,0.06) !important;
  box-shadow: inset 0 0 0 1px rgba(92,68,176,0.08) !important;
}

html.light-mode .mode-switch button:hover {
  color: #5c44b0 !important;
  background: rgba(92,68,176,0.04) !important;
}

html.light-mode .simple-shell-title,
html.light-mode .results-title,
html.light-mode .group-summary-name,
html.light-mode .metric .value,
html.light-mode .simple-stat-grid .metric .value,
html.light-mode .ledger-text.strong {
  color: #5c44b0 !important;
}

html.light-mode .simple-shell-sub,
html.light-mode .simple-cut-copy,
html.light-mode .house-note,
html.light-mode .quiet-list,
html.light-mode .status,
html.light-mode .ledger-text,
html.light-mode .ledger-text.muted,
html.light-mode .group-summary-meta,
html.light-mode .footer,
html.light-mode .footer div,
html.light-mode .footer span {
  color: #635a78 !important;
}

html.light-mode .ledger-chip,
html.light-mode .simple-cut-card,
html.light-mode .ledger-toggle,
html.light-mode .notice,
html.light-mode .split-row {
  background: #ffffff !important;
}

html.light-mode .ledger-chip {
  color: #5c44b0 !important;
  border-color: rgba(92,68,176,0.14) !important;
}

html.light-mode .ledger-cell input,
html.light-mode .ledger-cell select,
html.light-mode .simple-staff-table,
html.light-mode .table-wrap input,
html.light-mode .table-wrap select,
html.light-mode .simple-cut-card select,
html.light-mode pre {
  background: #ffffff !important;
  color: #0c0a10 !important;
  border-color: rgba(92,68,176,0.18) !important;
}

html.light-mode .simple-staff-table thead th,
html.light-mode .ledger-head,
html.light-mode .ledger-cell-label,
html.light-mode .metric .label,
html.light-mode .simple-stat-grid .metric .label,
html.light-mode th {
  color: #635a78 !important;
}

html.light-mode .simple-staff-table tbody tr:hover,
html.light-mode .table-wrap tbody tr:hover td,
html.light-mode .ledger-row:hover {
  background: rgba(92,68,176,0.03) !important;
}

html.light-mode .toggle input,
html.light-mode .ledger-toggle input {
  accent-color: #5c44b0 !important;
}

html.light-mode .footer {
  background: rgba(255,255,255,0.96) !important;
  border-top-color: rgba(92,68,176,0.12) !important;
}

html.light-mode .footer [style*="#c9a96e"] {
  color: #5c44b0 !important;
}

/* Final hover cleanup: remove dark hover/tooltips in light mode */
html.light-mode .btn-icon .btn-icon-tip,
html.light-mode #nav-support-icon::after,
html.light-mode .tooltip,
html.light-mode [role="tooltip"] {
  background: #ffffff !important;
  color: #5c44b0 !important;
  border-color: rgba(92,68,176,.18) !important;
  box-shadow: 0 10px 24px rgba(92,68,176,.12) !important;
}

html.light-mode .dish-item:hover,
html.light-mode .lib-qp-item:hover,
html.light-mode .dlib-card:hover,
html.light-mode .ov-table tbody tr:hover,
html.light-mode .btn-icon:hover,
html.light-mode .btn-lib:hover,
html.light-mode .btn-dlib-load:hover,
html.light-mode .lib-qp-addbtn:hover,
html.light-mode .lf-btn:hover,
html.light-mode .ov-filter-btn:hover,
html.light-mode .ov-print-btn:hover,
html.light-mode .ov-back:hover,
html.light-mode .mode-btn:hover,
html.light-mode .btn-add:hover,
html.light-mode .btn-add-ingr:hover,
html.light-mode .btn-ghost:hover {
  background: rgba(92,68,176,.06) !important;
  border-color: rgba(92,68,176,.28) !important;
  color: #5c44b0 !important;
}

/* Final accessibility sweep */
html.light-mode .btn-gold,
html.light-mode .btn.btn-gold,
html.light-mode .btn-primary,
html.light-mode button.btn-gold {
  color: #ffffff !important;
}

html.light-mode .matrix-table tbody tr:hover .dish-name-cell {
  background: #ffffff !important;
}

/* Final contrast hardening for light mode primary/demo actions */
html.light-mode .btn-demo-primary,
html.light-mode .btn-demo-primary:hover,
html.light-mode .btn-gold,
html.light-mode .btn-gold:hover,
html.light-mode .btn.btn-gold,
html.light-mode .btn.btn-gold:hover,
html.light-mode .btn-primary,
html.light-mode .btn-primary:hover,
html.light-mode .generate-btn,
html.light-mode .generate-btn:hover {
  color: #ffffff !important;
  background: linear-gradient(160deg, #5c44b0 0%, #3d2e85 100%) !important;
  border-color: transparent !important;
}

html.light-mode .btn-demo-primary:hover,
html.light-mode .btn-gold:hover,
html.light-mode .btn.btn-gold:hover,
html.light-mode .btn-primary:hover,
html.light-mode .generate-btn:hover {
  background: linear-gradient(160deg, #6d54c4 0%, #4d3a99 100%) !important;
}

/* Final light-mode hardening for demo and generate actions */
html.light-mode .btn-demo,
html.light-mode .btn-demo-primary,
html.light-mode .btn-gold,
html.light-mode .btn.btn-gold,
html.light-mode .btn-primary,
html.light-mode .generate-btn,
html.light-mode .btn-add-ingr,
html.light-mode .btn-add-line,
html.light-mode .btn-demo:hover,
html.light-mode .btn-demo-primary:hover,
html.light-mode .btn-gold:hover,
html.light-mode .btn.btn-gold:hover,
html.light-mode .btn-primary:hover,
html.light-mode .generate-btn:hover,
html.light-mode .btn-add-ingr:hover,
html.light-mode .btn-add-line:hover,
html.light-mode .btn-demo:active,
html.light-mode .btn-demo-primary:active,
html.light-mode .btn-gold:active,
html.light-mode .btn.btn-gold:active,
html.light-mode .btn-primary:active,
html.light-mode .generate-btn:active,
html.light-mode .btn-add-ingr:active,
html.light-mode .btn-add-line:active {
  color: #ffffff !important;
  background: linear-gradient(160deg, #5c44b0 0%, #3d2e85 100%) !important;
  border-color: transparent !important;
  filter: none !important;
}

html.light-mode .btn-demo:hover,
html.light-mode .btn-demo-primary:hover,
html.light-mode .btn-gold:hover,
html.light-mode .btn.btn-gold:hover,
html.light-mode .btn-primary:hover,
html.light-mode .generate-btn:hover,
html.light-mode .btn-add-ingr:hover,
html.light-mode .btn-add-line:hover,
html.light-mode .btn-demo:active,
html.light-mode .btn-demo-primary:active,
html.light-mode .btn-gold:active,
html.light-mode .btn.btn-gold:active,
html.light-mode .btn-primary:active,
html.light-mode .generate-btn:active,
html.light-mode .btn-add-ingr:active,
html.light-mode .btn-add-line:active {
  background: linear-gradient(160deg, #6d54c4 0%, #4d3a99 100%) !important;
}

/* Corrective follow-up: primary button states in light mode */
html.light-mode .primary,
html.light-mode .primary:hover,
html.light-mode .primary:active,
html.light-mode .primary:focus-visible {
  background: linear-gradient(160deg, #5c44b0 0%, #3d2e85 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

html.light-mode .primary:hover,
html.light-mode .primary:active {
  background: linear-gradient(160deg, #6d54c4 0%, #4d3a99 100%) !important;
}

/* Demo ribbon corrective pass: keep light ribbon, fix CTA buttons only inside the ribbon */
html.light-mode .demo-ribbon-wrap,
html.accessible-mode .demo-ribbon-wrap {
  background: #f4effd !important;
  border-bottom: 1px solid rgba(92, 68, 176, 0.14) !important;
  color: #0c0a10 !important;
}

html.light-mode .demo-ribbon-wrap::before,
html.light-mode .demo-ribbon-wrap::after,
html.accessible-mode .demo-ribbon-wrap::before,
html.accessible-mode .demo-ribbon-wrap::after {
  background: transparent !important;
}

html.light-mode .demo-ribbon-title,
html.accessible-mode .demo-ribbon-title {
  color: #5c44b0 !important;
  text-shadow: none !important;
}

html.light-mode .demo-ribbon-note,
html.light-mode .demo-ribbon-kicker,
html.accessible-mode .demo-ribbon-note,
html.accessible-mode .demo-ribbon-kicker {
  color: #635a78 !important;
}

html.light-mode .demo-ribbon .btn-demo,
html.accessible-mode .demo-ribbon .btn-demo {
  background: #ffffff !important;
  color: #5c44b0 !important;
  border: 1px solid rgba(92, 68, 176, 0.18) !important;
  box-shadow: none !important;
}

html.light-mode .demo-ribbon .btn-demo:hover,
html.light-mode .demo-ribbon .btn-demo:active,
html.accessible-mode .demo-ribbon .btn-demo:hover,
html.accessible-mode .demo-ribbon .btn-demo:active {
  background: rgba(92, 68, 176, 0.08) !important;
  color: #5c44b0 !important;
  border-color: rgba(92, 68, 176, 0.28) !important;
}

html.light-mode .demo-ribbon .btn-demo.btn-demo-primary,
html.accessible-mode .demo-ribbon .btn-demo.btn-demo-primary {
  background: linear-gradient(160deg, #5c44b0 0%, #3d2e85 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 10px 24px rgba(92, 68, 176, 0.18) !important;
}

html.light-mode .demo-ribbon .btn-demo.btn-demo-primary:hover,
html.light-mode .demo-ribbon .btn-demo.btn-demo-primary:active,
html.accessible-mode .demo-ribbon .btn-demo.btn-demo-primary:hover,
html.accessible-mode .demo-ribbon .btn-demo.btn-demo-primary:active {
  background: linear-gradient(160deg, #6d54c4 0%, #4d3a99 100%) !important;
  color: #ffffff !important;
}

/* Menu Builder quick-pick: full light treatment */
html.light-mode .lib-quickpick,
html.accessible-mode .lib-quickpick {
  background: #f8f6fd !important;
  border-color: rgba(92, 68, 176, 0.14) !important;
  box-shadow: 0 12px 28px rgba(92, 68, 176, 0.06) !important;
}

html.light-mode .lib-qp-header,
html.accessible-mode .lib-qp-header {
  background: #ffffff !important;
  border-bottom-color: rgba(92, 68, 176, 0.12) !important;
}

html.light-mode .lib-qp-title,
html.accessible-mode .lib-qp-title {
  color: #5c44b0 !important;
}

html.light-mode .lib-qp-search,
html.accessible-mode .lib-qp-search {
  background: #ffffff !important;
  color: #0c0a10 !important;
  border-color: rgba(92, 68, 176, 0.18) !important;
}

html.light-mode .lib-qp-search::placeholder,
html.accessible-mode .lib-qp-search::placeholder,
html.light-mode .lib-qp-close,
html.accessible-mode .lib-qp-close,
html.light-mode .lib-qp-meta,
html.accessible-mode .lib-qp-meta,
html.light-mode .lib-qp-empty,
html.accessible-mode .lib-qp-empty {
  color: #635a78 !important;
}

html.light-mode .lib-qp-close:hover,
html.accessible-mode .lib-qp-close:hover,
html.light-mode .lib-qp-name,
html.accessible-mode .lib-qp-name {
  color: #0c0a10 !important;
}

html.light-mode .lib-qp-list,
html.accessible-mode .lib-qp-list {
  background: #f8f6fd !important;
}

html.light-mode .lib-qp-item,
html.accessible-mode .lib-qp-item {
  background: transparent !important;
  border-bottom-color: rgba(92, 68, 176, 0.08) !important;
}

html.light-mode .lib-qp-addbtn,
html.accessible-mode .lib-qp-addbtn {
  background: rgba(92, 68, 176, 0.06) !important;
  color: #5c44b0 !important;
  border-color: rgba(92, 68, 176, 0.18) !important;
}