/* User-owned appearance. The default light theme is intentionally unchanged. */
.ui-theme-profile-card { max-width: 900px; }
.ui-theme-profile-card h2 { margin: 2px 0 8px; }
.ui-theme-profile-card p { margin: 0 0 14px; }
.ui-theme-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ui-theme-choice {
  display: grid;
  gap: 4px;
  min-height: 74px;
  padding: 13px 16px;
  border: 2px solid #dce9f4;
  border-radius: 8px;
  background: #fff;
  color: #142e52;
  text-align: left;
  cursor: pointer;
}
.ui-theme-choice span { color: #546b88; font-size: 13px; }
.ui-theme-choice.is-selected { border-color: #3478a9; box-shadow: 0 0 0 2px #e8f4fb; }
.ui-theme-choice:focus-visible { outline: 3px solid #77b9e5; outline-offset: 2px; }
@media (max-width: 520px) { .ui-theme-options { grid-template-columns: 1fr; } }

html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="dark"] body.app-has-sidebar {
  --brand: #9dc5dc;
  --brand-2: #b9d7e8;
  --brand-3: #b9d7e8;
  --brand-orange-tint: #443827;
  --brand-orange-ink: #f0c996;
  --bg: #0d1b2b;
  --panel: #172c41;
  --ink: #e9f2fa;
  --text: #e9f2fa;
  --muted: #abc0d1;
  --line: #2d4961;
  --line-strong: #426078;
  --accent: #9dc5dc;
  --accent2: #b9d7e8;
  --surface: #172c41;
  --surface-muted: #1c344b;
  --good: #86c9a6;
  --bad: #f3a39a;
  --warn: #f0c996;
  --shadow: 0 3px 14px rgba(2, 12, 24, .16);
  --shadow-lg: 0 10px 26px rgba(2, 12, 24, .2);
  background: var(--bg);
  color: var(--ink);
}

/* Shared shell, navigation and the actual daily mascot slide. */
html[data-theme="dark"] body.app-has-sidebar .app-frame { background: #0d1b2b; }
html[data-theme="dark"] body.app-has-sidebar .app-sidebar {
  background: #11283e; border-right-color: #2d4961; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .sidebar-brand,
html[data-theme="dark"] body.app-has-sidebar .sidebar-version { border-color: #2d4961; }
html[data-theme="dark"] body.app-has-sidebar .sidebar-brand img { filter: brightness(0) invert(1); }
html[data-theme="dark"] body.app-has-sidebar .sidebar-brand-caption,
html[data-theme="dark"] body.app-has-sidebar .sidebar-section-label,
html[data-theme="dark"] body.app-has-sidebar .sidebar-version { color: #abc0d1; }
html[data-theme="dark"] body.app-has-sidebar .sidebar-motto { color: #9dc5dc; }
html[data-theme="dark"] body.app-has-sidebar .sidebar-motto__heart { stroke: #9dc5dc; }
html[data-theme="dark"] body.app-has-sidebar .sidebar-motto__wave { stroke: #5d91b1; }
html[data-theme="dark"] body.app-has-sidebar .app-sidebar .nav-chip,
html[data-theme="dark"] body.app-has-sidebar .app-sidebar .nav-group-summary { color: #e9f2fa; }
html[data-theme="dark"] body.app-has-sidebar .app-sidebar .nav-icon {
  background: #172c41; border-color: #2d4961; color: #9dc5dc;
}
html[data-theme="dark"] body.app-has-sidebar .app-sidebar .nav-chip:hover,
html[data-theme="dark"] body.app-has-sidebar .app-sidebar .nav-group-summary:hover,
html[data-theme="dark"] body.app-has-sidebar .app-sidebar .nav-chip.is-active,
html[data-theme="dark"] body.app-has-sidebar .app-sidebar .nav-group[open] > .nav-group-summary {
  background: #203e55; border-color: #749fbb; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .app-sidebar .nav-badge {
  background: #442c2b; border-color: #7e5551; color: #f3b2a9;
}
html[data-theme="dark"] body.app-has-sidebar .app-topbar.nav {
  background: #132a40; border-bottom-color: #2d4961; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .topbar-page-title,
html[data-theme="dark"] body.app-has-sidebar .topbar-account-menu > summary,
html[data-theme="dark"] body.app-has-sidebar .topbar-account-menu .nav-user b { color: #e9f2fa; }
html[data-theme="dark"] body.app-has-sidebar .topbar-account-menu > summary:hover,
html[data-theme="dark"] body.app-has-sidebar .topbar-account-menu[open] > summary { background: #203e55; }
html[data-theme="dark"] body.app-has-sidebar .topbar-account-links,
html[data-theme="dark"] body.app-has-sidebar .nav-group-menu {
  background: #172c41; border-color: #2d4961; box-shadow: 0 12px 28px rgba(2, 12, 24, .35);
}
html[data-theme="dark"] body.app-has-sidebar .topbar-account-links a { color: #e9f2fa; }
html[data-theme="dark"] body.app-has-sidebar .topbar-account-links a:hover { background: #203e55; }
html[data-theme="dark"] body.app-has-sidebar .topbar-account-links a:last-child { border-color: #2d4961; }
html[data-theme="dark"] body.app-has-sidebar .daily-mascot-hero > div,
html[data-theme="dark"] body.app-has-sidebar .home-page .home-hero-mascot > div {
  background-color: #15334d;
  border-color: #2d4961;
  background-image:
    linear-gradient(90deg, rgba(17,43,65,.99) 0%, rgba(17,43,65,.98) 30%, rgba(17,43,65,.85) 49%, rgba(17,43,65,.38) 69%, rgba(12,35,55,.2) 100%),
    var(--home-hero-art);
}
html[data-theme="dark"] body.app-has-sidebar .daily-mascot-hero .home-hero-greeting,
html[data-theme="dark"] body.app-has-sidebar .daily-mascot-hero .home-hero-section { color: #86c9a6; }
html[data-theme="dark"] body.app-has-sidebar .daily-mascot-hero .daily-mascot-title { color: #e9f2fa; }
html[data-theme="dark"] body.app-has-sidebar .daily-mascot-hero .home-hero-message { color: #b9d7e8; }
html[data-theme="dark"] body.app-has-sidebar .daily-mascot-hero:is(.daily-mascot-hero--holiday, .daily-mascot-hero--birthday) > div {
  background-color: #071c44;
  background-image:
    linear-gradient(90deg, rgba(4,17,48,.96) 0%, rgba(4,17,48,.91) 34%, rgba(4,17,48,.45) 65%, transparent 100%),
    var(--home-hero-art);
}
html[data-theme="dark"] body.app-has-sidebar .daily-mascot-hero:is(.daily-mascot-hero--holiday, .daily-mascot-hero--birthday) .home-hero-greeting { color: #e0f0ff; }
html[data-theme="dark"] body.app-has-sidebar .daily-mascot-hero:is(.daily-mascot-hero--holiday, .daily-mascot-hero--birthday) .home-hero-section { color: #ffe09b; }
html[data-theme="dark"] body.app-has-sidebar .daily-mascot-hero:is(.daily-mascot-hero--holiday, .daily-mascot-hero--birthday) .daily-mascot-title { color: #fff; }
html[data-theme="dark"] body.app-has-sidebar .daily-mascot-hero:is(.daily-mascot-hero--holiday, .daily-mascot-hero--birthday) .home-hero-message { color: #f1f7ff; }
html[data-theme="dark"] body.app-has-sidebar .daily-mascot-hero .home-hero-credit { color: #abc0d1; }
html[data-theme="dark"] body.app-has-sidebar .daily-mascot-hero .home-hero-holiday {
  background: #1d443d; border-color: #416e5c; color: #b7e0c4;
}

/* Common operational surfaces; status text/badges retain their semantic labels. */
html[data-theme="dark"] body.app-has-sidebar :is(h1, h2, h3, h4, h5, h6) { color: #e9f2fa; }
html[data-theme="dark"] body.app-has-sidebar :is(p, li, dt, dd, label, legend, summary) { border-color: #2d4961; }
html[data-theme="dark"] body.app-has-sidebar :is(.muted, .small.muted, .hint, .helper-text) { color: #abc0d1; }
html[data-theme="dark"] body.app-has-sidebar a { color: #9dc5dc; }
html[data-theme="dark"] body.app-has-sidebar a:hover { color: #d4eaf7; }
html[data-theme="dark"] body.app-has-sidebar :is(.panel, .stat, .kpi-card, .month-close-panel,
  .home-overview, .home-workspaces, .home-employee-tasks, .home-summary-card,
  .home-workspace-card, .month-close-route-notice, .workspace-hero,
  .training-card, .training-lesson-card, .task-list-panel, .task-detail-panel,
  .rd-panel, .sales-plan-board, .payment-imports-panel,
  .legal-workbench-card, .legal-case-card, .legal-task-card,
  .ui-theme-profile-card) {
  background-color: #172c41;
  background-image: none;
  border-color: #2d4961;
  color: #e9f2fa;
  box-shadow: var(--shadow);
}
html[data-theme="dark"] body.app-has-sidebar .home-workspace-card__icon {
  background: #203e55; border-color: #426078; color: #9dc5dc;
}
html[data-theme="dark"] body.app-has-sidebar .home-workspace-card__title,
html[data-theme="dark"] body.app-has-sidebar .stat b,
html[data-theme="dark"] body.app-has-sidebar .kpi-card__value { color: #e9f2fa; }
html[data-theme="dark"] body.app-has-sidebar .home-workspace-card__detail { color: #abc0d1; }
html[data-theme="dark"] body.app-has-sidebar :is(.workspace-page, .payments-rating-page,
  .task-center, .sales-plan-page, .month-close-overview-page, .au-workspace-page,
  .training-workspace-page, .training-lesson-page, .onboarding-page, .rd-calculator-page) {
  --workspace-navy: #e9f2fa;
  --workspace-ink: #d5e5f1;
  --workspace-muted: #abc0d1;
  --workspace-gold: #86c9a6;
  --workspace-line: #2d4961;
  color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .workspace-eyebrow { color: #86c9a6; }

/* Forms, tables, overlays and their empty/error states. */
html[data-theme="dark"] body.app-has-sidebar :is(input, select, textarea) {
  background: #1c344b; border-color: #426078; color: #e9f2fa;
  color-scheme: dark;
}
html[data-theme="dark"] body.app-has-sidebar :is(input, textarea)::placeholder { color: #94aec2; }
html[data-theme="dark"] body.app-has-sidebar :is(input, select, textarea):disabled {
  background: #14283b; color: #91a9ba;
}
/* Choice cards must not inherit the light-mode white surface or pale label text. */
html[data-theme="dark"] body.app-has-sidebar .option-choice {
  background: #203e55;
  border-color: #426078;
  color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .option-choice span {
  color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .option-choice:hover {
  background: #274b66;
  border-color: #749fbb;
}
html[data-theme="dark"] body.app-has-sidebar .option-choice:has(input:checked) {
  background: #1e4968;
  border-color: #9dc5dc;
  box-shadow: inset 4px 0 0 #9dc5dc;
}
html[data-theme="dark"] body.app-has-sidebar .option-choice input[type="radio"],
html[data-theme="dark"] body.app-has-sidebar .option-choice input[type="checkbox"] {
  accent-color: #9dc5dc;
}
html[data-theme="dark"] body.app-has-sidebar :is(button, .button, .nav-chip, .filter) {
  border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar :is(button.secondary, .button.secondary,
  .filter, .nav-chip, .month-close-badge, .count, .pill) {
  background: #203e55; border-color: #426078; color: #dcebf5;
}
html[data-theme="dark"] body.app-has-sidebar :is(button, input, select, textarea, a, summary):focus-visible {
  outline: 3px solid #9dc5dc; outline-offset: 2px;
}
html[data-theme="dark"] body.app-has-sidebar :is(table, thead, tbody, tr, th, td) {
  border-color: #2d4961; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar table,
html[data-theme="dark"] body.app-has-sidebar .table-scroll {
  background-color: #172c41 !important;
}
html[data-theme="dark"] body.app-has-sidebar label { color: #d5e5f1; }
html[data-theme="dark"] body.app-has-sidebar :is(th, thead tr, .data-head,
  .month-close-table-head) { background: #203e55; color: #d5e5f1; }
html[data-theme="dark"] body.app-has-sidebar :is(td, tbody tr, .data-row) { background: #172c41; }
html[data-theme="dark"] body.app-has-sidebar :is(tbody tr:hover, .data-row:hover) { background: #1c344b; }
html[data-theme="dark"] body.app-has-sidebar :is(.empty-state, .empty-table-row,
  .empty-hint, .no-results, .form-error, .alert, .notice, .toast,
  .modal, .modal-content, dialog, .dropdown-menu) {
  background: #1c344b; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar dialog::backdrop { background: rgba(1, 9, 18, .75); }
html[data-theme="dark"] body.app-has-sidebar .ui-theme-choice {
  background: #1c344b; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .ui-theme-choice span { color: #abc0d1; }
html[data-theme="dark"] body.app-has-sidebar .ui-theme-choice.is-selected {
  border-color: #9dc5dc; box-shadow: 0 0 0 2px #203e55;
}

/* Training routes use their own solid cards and an illustrated header. */
html[data-theme="dark"] body.app-has-sidebar .onboarding-page .onboarding-hero-panel,
html[data-theme="dark"] body.app-has-sidebar .onboarding-page .onboarding-hero-panel.os,
html[data-theme="dark"] body.app-has-sidebar .training-lesson-page .training-lesson-hero,
html[data-theme="dark"] body.app-has-sidebar .workspace-hero--training {
  background-color: #172c41;
  background-image: linear-gradient(90deg, #172c41 0%, rgba(23,44,65,.98) 46%, rgba(23,44,65,.3) 100%),
    url('/assets/home-workspace-documents.jpg');
  border-color: #2d4961;
}
/* Keep the intentionally light lesson callouts legible within the dark shell. */
html[data-theme="dark"] body.app-has-sidebar .training-lesson-page :is(.training-source-band, .training-next-card) {
  background: #f8f7f1;
  border-color: #d7dfdf;
  color: #24384e;
}
html[data-theme="dark"] body.app-has-sidebar .training-lesson-page .training-source-band {
  border-left-color: #c66a23;
}
html[data-theme="dark"] body.app-has-sidebar .training-lesson-page :is(.training-source-band h2, .training-next-card b) {
  color: #19344d;
}
html[data-theme="dark"] body.app-has-sidebar .training-lesson-page :is(.training-source-band p, .training-next-card p, .training-next-card ol, .training-next-card li) {
  color: #41556a;
}
html[data-theme="dark"] body.app-has-sidebar .training-lesson-page .training-hero-stats span {
  background: #f8fbff;
  border-color: #c8d7e2;
  color: #254763;
}
html[data-theme="dark"] body.app-has-sidebar .training-lesson-page .training-hero-stats .todo {
  background: #fff4de;
  border-color: #e3bf81;
  color: #754008;
}
html[data-theme="dark"] body.app-has-sidebar .training-lesson-page .training-hero-stats .done {
  background: #e8f5eb;
  border-color: #a8d2b4;
  color: #175a37;
}
html[data-theme="dark"] body.app-has-sidebar .training-lesson-page .training-step {
  color: #254763;
}
html[data-theme="dark"] body.app-has-sidebar .training-lesson-page .training-lesson-card p {
  color: #d5e5f1;
}
html[data-theme="dark"] body.app-has-sidebar .training-lesson-page .training-lesson-note {
  background: #203e55;
  border-color: #426078;
}
html[data-theme="dark"] body.app-has-sidebar .training-lesson-page .training-lesson-note.risk {
  background: #442c2b;
  border-color: #7e5551;
}
html[data-theme="dark"] body.app-has-sidebar .training-lesson-page .training-lesson-note.risk b {
  color: #f3b2a9;
}
html[data-theme="dark"] body.app-has-sidebar .onboarding-page :is(.onboarding-route-step,
  .onboarding-resource-link, .onboarding-lesson-card, .onboarding-cta),
html[data-theme="dark"] body.app-has-sidebar .manager-dashboard-page :is(.action-tile,
  .certificate-route-card, .learning-route-summary, .month-close-disabled-help) {
  background: #172c41;
  border-color: #2d4961;
  color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .onboarding-page :is(.onboarding-route-icon,
  .onboarding-resource-icon, .onboarding-step, .onboarding-emoji),
html[data-theme="dark"] body.app-has-sidebar .manager-dashboard-page .action-tile-icon {
  background: #203e55; color: #b9d7e8;
}
html[data-theme="dark"] body.app-has-sidebar .onboarding-page :is(.onboarding-route-step b,
  .onboarding-resource-link b, .onboarding-step),
html[data-theme="dark"] body.app-has-sidebar .manager-dashboard-page :is(.action-tile-title,
  .certificate-route-card summary) { color: #e9f2fa; }
/* The same route cards also appear in the personal profile, outside .onboarding-page. */
html[data-theme="dark"] body.app-has-sidebar .onboarding-route-step {
  background: #172c41; border-color: #2d4961; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .onboarding-route-step:nth-child(1) { border-left-color: #66a8ff; }
html[data-theme="dark"] body.app-has-sidebar .onboarding-route-step:nth-child(2) { border-left-color: #a98aff; }
html[data-theme="dark"] body.app-has-sidebar .onboarding-route-step:nth-child(3) { border-left-color: #72c99a; }
html[data-theme="dark"] body.app-has-sidebar .onboarding-route-step:nth-child(4) { border-left-color: #f0c996; }
html[data-theme="dark"] body.app-has-sidebar .onboarding-route-step.current {
  background: #203e55; border-color: #749fbb;
}
html[data-theme="dark"] body.app-has-sidebar .onboarding-route-step :is(b, em, small) { color: #e9f2fa; }
html[data-theme="dark"] body.app-has-sidebar .onboarding-route-step :is(em, small) { color: #abc0d1; }
html[data-theme="dark"] body.app-has-sidebar .onboarding-route-step .onboarding-route-icon {
  background: #203e55; color: #b9d7e8;
}
html[data-theme="dark"] body.app-has-sidebar .onboarding-route-step.done .onboarding-route-icon {
  background: #1d443d; color: #b7e0c4;
}
html[data-theme="dark"] body.app-has-sidebar .onboarding-route-step.current .onboarding-route-icon {
  background: #294761; color: #d4eaf7;
}
html[data-theme="dark"] body.app-has-sidebar .readonly-value {
  background: #1c344b; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .manager-dashboard-page .month-close-disabled-help {
  background: #443827; border-color: #705a3d; color: #f0d8ad;
}
html[data-theme="dark"] body.app-has-sidebar .month-close-disabled-help,
html[data-theme="dark"] body.app-has-sidebar .task-center .task-data-warning {
  background: #443827; border-color: #705a3d; color: #f0d8ad;
}
html[data-theme="dark"] body.app-has-sidebar .manager-dashboard-page .action-tile:is(.is-disabled,
  .onboarding-test-disabled, .test-status-locked) { background: #14283b; color: #abc0d1; }
html[data-theme="dark"] body.app-has-sidebar .mini-test-question {
  background: #172c41; border-color: #2d4961; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .mini-test-option {
  background: #1c344b; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .mini-test-option:is(:hover, :focus-visible) {
  background: #294761;
}
html[data-theme="dark"] body.app-has-sidebar .mini-test-option.right {
  background: #1d443d; border-color: #416e5c; color: #b7e0c4;
}
html[data-theme="dark"] body.app-has-sidebar .mini-test-option.chosen-wrong {
  background: #442c2b; border-color: #7e5551; color: #f3b2a9;
}

/* Task overview, including the information farther down the page. */
html[data-theme="dark"] body.app-has-sidebar .task-center :is(.task-list-columns,
  .task-summary-card, .task-recipient-link, .task-new-link) {
  background: #1c344b; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .task-center :is(.task-summary-card,
  .task-recipient-link, .task-new-link):is(:hover, :focus-visible, [aria-current]) {
  background: #294761; border-color: #749fbb;
}
html[data-theme="dark"] body.app-has-sidebar .task-center .task-direction-tabs a[aria-current="page"] {
  background: #294761; border-color: #749fbb; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .task-center .workspace-hero--tasks {
  background-color: #172c41;
  background-image: linear-gradient(90deg, #172c41 0%, rgba(23,44,65,.98) 44%, rgba(23,44,65,.28) 100%),
    url('/assets/home-workspace-tasks.jpg');
}
html[data-theme="dark"] body.app-has-sidebar .task-center :is(.task-summary-card--danger b,
  .task-summary-card--warning b) { color: #f0c996; }

/* Legal workbench and Supervision have dense domain-specific navigation/forms. */
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page :is(
  .legal-workbench-primary-tabs, .legal-workbench-attention-banner,
  .legal-workbench-filterbar, .legal-workbench-bulk-accept-form),
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page form:not([class]),
html[data-theme="dark"] body.app-has-sidebar .cabinet-zone-head,
html[data-theme="dark"] body.app-has-sidebar .supervision-page details {
  background: #172c41;
  border-color: #2d4961;
  color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page :is(
  .legal-workbench-filterbar, .legal-workbench-bulk-accept-form) {
  background: #1c344b;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page :is(
  .legal-workbench-attention-banner--calm, .legal-workbench-bulk-accept-form) :is(p, span, label),
html[data-theme="dark"] body.app-has-sidebar .cabinet-zone-head :is(h2, p) {
  color: #d5e5f1;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page :is(
  .legal-workbench-primary-tabs, .legal-workbench-filterbar, .legal-workbench-bulk-accept-form) a {
  color: #b9d7e8;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page :is(
  .legal-workbench-table-form .table-scroll, .legal-workbench-table,
  .legal-workbench-indicator-legend) {
  background: #172c41; border-color: #2d4961; color: #e9f2fa;
}
/* Workbench rows have their own status palette; the generic dark table rule
   must not leave light-theme links, action cards or semantic text on navy. */
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-table--procedures tbody .legal-workbench-row--neutral > td {
  background: #172c41;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-table--procedures tbody .legal-workbench-row--critical > td {
  background: #342c39;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-table--procedures tbody .legal-workbench-row--soon > td {
  background: #3b342c;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-table--procedures tbody .legal-workbench-row--sent > td {
  background: #1d393a;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-table--procedures tbody .legal-workbench-row--waiting-act > td {
  background: #2c3049;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-table--procedures tbody tr:hover > td {
  box-shadow: inset 0 1px 0 #749fbb, inset 0 -1px 0 #749fbb;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-table--procedures :is(.legal-workbench-cell--client, .legal-workbench-cell--case, .legal-workbench-cell--actions) {
  color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-table--procedures td.legal-workbench-cell--client a:first-child,
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-table--procedures td.legal-workbench-cell--case a {
  color: #c5e4f7;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-table--procedures td.legal-workbench-cell--client a:first-child:hover,
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-table--procedures td.legal-workbench-cell--case a:hover {
  color: #fff;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-client-meta,
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-result-mark small,
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-action-item span {
  color: #b8ccdc;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-transition-mark {
  color: #b8ccdc; border-bottom-color: #52758e;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-transition-mark:hover {
  color: #fff; border-bottom-color: #9dc5dc;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-row-links a,
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-table--procedures td.legal-workbench-cell--responsible a {
  background: #24435a; border-color: #52758e; color: #e0f0fa;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-table--procedures td.legal-workbench-cell--case a {
  background: transparent; color: #c4eee6;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-row-links a:hover,
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-table--procedures td.legal-workbench-cell--responsible a:hover {
  background: #31556d; color: #fff;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-table--procedures td.legal-workbench-cell--case a:hover {
  background: transparent; color: #fff; text-decoration: underline;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-procedure,
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-working-date-kind--hearing {
  background: #24435a; border-color: #52758e; color: #d6eafa;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-procedure--rd,
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-working-date-kind--waiting_act {
  background: #383450; border-color: #736899; color: #e1d5ff;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-procedure--rd_to_ri,
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-working-date-kind--control {
  background: #4b3d2c; border-color: #806a49; color: #f7d8a0;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-working-date-kind--missing {
  background: #26394b; border-color: #52677b; color: #cad9e5;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-working-date > summary::after,
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-working-date-link {
  color: #bce8de;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-attention-label { color: #b8ccdc; }
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-attention-label--critical { color: #ffb4ad; }
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-attention-label--soon { color: #f7d29b; }
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-attention-label--sent { color: #afe0c1; }
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-attention-label--waiting-act { color: #d9c9ff; }
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-row-indicator--critical { background: #f3a39a; }
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-row-indicator--soon { background: #f0c996; }
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-row-indicator--sent { background: #86c9a6; }
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-row-indicator--waiting-act { background: #bba8f0; }
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-action-item,
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-action-history-toggle {
  background: #203e55; border-color: #52758e; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-action-item:hover,
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-action-history-toggle:hover {
  background: #294d68; border-color: #8db5cf;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-comment-preview { color: #c8d9e6; }
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-comment-preview:is(:hover, :focus-visible) {
  background: #294761; color: #fff; outline-color: #9dc5dc;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-result-mark { color: #b7e0c4; }
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-ready-value--no {
  background: #26394b; border-color: #52677b; color: #cad9e5;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-completion-value {
  color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-completion-ring::after { background: #203e55; }
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-working-date-form {
  background: #1c344b; border-color: #52758e; color: #e9f2fa;
}
/* These three surfaces are mounted on document.body, outside the page node. */
html[data-theme="dark"] body.app-has-sidebar :is(
  .legal-workbench-comment-tooltip, .legal-workbench-action-history-popover,
  .legal-workbench-action-dialog, .legal-workbench-action-dialog-close) {
  background: #1c344b; border-color: #52758e; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-action-detail :is(h3, a) { color: #c5e4f7; }
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-indicator-legend {
  background: #1c344b; border-color: #426078; color: #d5e5f1;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-indicator-legend summary {
  color: #d5e5f1;
}
html[data-theme="dark"] body.app-has-sidebar .supervision-page :is(.supervision-summary,
  .supervision-empty-state, .supervision-import-panel) {
  background: #1c344b; border-color: #426078; color: #e9f2fa;
}

/* Employee calendar and directory tables keep day semantics without a white canvas. */
html[data-theme="dark"] body.app-has-sidebar :is(.people-calendar-grid, .employee-directory-page table) {
  background: #172c41; border-color: #2d4961; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .employee-directory-table-scroll > table {
  background: #172c41; border-color: #2d4961; color: #e9f2fa;
}

/* Quality review keeps severity recognizable without pale summary cards. */
html[data-theme="dark"] body.app-has-sidebar .quality-summary-card,
html[data-theme="dark"] body.app-has-sidebar .upload-dropzone {
  background: #172c41; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .quality-summary-card.danger {
  background: #442c2b; border-left-color: #f3a39a;
}
html[data-theme="dark"] body.app-has-sidebar .quality-summary-card.warn {
  background: #443827; border-left-color: #f0c996;
}
html[data-theme="dark"] body.app-has-sidebar .quality-summary-card.pending {
  background: #1d3552; border-left-color: #9dc5dc;
}
html[data-theme="dark"] body.app-has-sidebar .quality-summary-card :is(b, span) {
  color: #e9f2fa;
}

/* Sales planning uses independent heads, filters and matrix colors. */
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page .sales-plan-topbar {
  background-color: #172c41;
  background-image: linear-gradient(90deg, #172c41 0%, rgba(23,44,65,.98) 46%, rgba(23,44,65,.3) 100%),
    url('/assets/home-workspace-hero.jpg');
  border-color: #2d4961;
  padding-right: 280px;
}
@media (max-width: 1250px) {
  html[data-theme="dark"] body.app-has-sidebar .task-center .workspace-hero--tasks,
  html[data-theme="dark"] body.app-has-sidebar .training-lesson-page .training-lesson-hero,
  html[data-theme="dark"] body.app-has-sidebar .sales-plan-page .sales-plan-topbar {
    background-image: linear-gradient(135deg, #172c41, #203e55);
    padding-right: 20px;
  }
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page :is(
  .sales-plan-current-week, .sales-plan-overview, .sales-plan-board-head,
  .sales-plan-search-form, .sales-plan-secondary, .sales-plan-view-tab.is-active) {
  background: #172c41; border-color: #2d4961; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .sales-approval-page .compact-save {
  background: #9dc5dc; border-color: #9dc5dc; color: #11283e;
}
html[data-theme="dark"] body.app-has-sidebar .sales-approval-page .compact-save:hover {
  background: #b9d7e8; border-color: #b9d7e8;
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page .sales-plan-overview-item {
  background: #1c344b; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page .sales-plan-overview-item.is-fact {
  background: #1d443d; border-top-color: #86c9a6;
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page .sales-plan-overview-item.is-week {
  background: #443827; border-top-color: #f0c996;
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page :is(
  .sales-plan-overview-item, .sales-plan-board-head, .sales-plan-search-form) :is(b, span, p, label) {
  color: #d5e5f1;
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page :is(
  .sales-plan-column-head, .sales-fact-column-head) {
  background-color: #203e55 !important; color: #e9f2fa !important;
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page .sales-office-section-row td,
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page .sales-person-cell {
  background: #1c344b; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page .sales-office-section-label {
  background: linear-gradient(90deg, #203e55, #172c41);
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page .sales-office-section-row :is(span, b) {
  color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page .sales-office-section-row b {
  background: #294761; border-color: #426078;
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page .sales-day-plan-cell {
  background: #1d3552;
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page .sales-day-fact-cell {
  background: #1d443d;
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page .sales-day-comment-cell {
  background: #172c41;
}

/* RD calculator retains red/green outcome semantics on dark result surfaces. */
html[data-theme="dark"] body.app-has-sidebar .rd-calculator-page .rd-calculator-hero {
  background-color: #172c41;
  background-image: linear-gradient(90deg, #172c41 0%, rgba(23,44,65,.98) 48%, rgba(23,44,65,.3) 100%),
    url('/assets/home-workspace-legal.jpg');
  border-color: #2d4961;
}
html[data-theme="dark"] body.app-has-sidebar .rd-calculator-page :is(
  .rd-option-box, .rd-option, .rd-crm-box, .rd-crm-head,
  .rd-crm-text, .rd-math-row, .rd-trusted-panel) {
  background: #1c344b; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .rd-calculator-page .rd-math-row.strong {
  background: #203e55;
}
html[data-theme="dark"] body.app-has-sidebar .rd-calculator-page .rd-trusted-panel,
html[data-theme="dark"] body.app-has-sidebar .rd-calculator-page .rd-math-row.good {
  background: #1d443d; border-color: #416e5c;
}
html[data-theme="dark"] body.app-has-sidebar .rd-calculator-page .rd-verdict-card.verdict-ri,
html[data-theme="dark"] body.app-has-sidebar .rd-calculator-page .rd-verdict-card.verdict-stop {
  background: #442c2b; border-color: #7e5551; color: #f3b2a9;
}
html[data-theme="dark"] body.app-has-sidebar .rd-calculator-page .rd-verdict-card.verdict-rd {
  background: #1d443d; border-color: #416e5c; color: #b7e0c4;
}
html[data-theme="dark"] body.app-has-sidebar .rd-calculator-page :is(
  .rd-math-row span, .rd-math-row b, .rd-option span, .rd-crm-head label) {
  color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .rd-calculator-page :is(.rd-hero-note, .ghost-button) {
  background: #203e55; border-color: #426078; color: #e9f2fa;
}

html[data-theme="dark"] body.app-has-sidebar .badge {
  background: #203e55; border-color: #426078; color: #dcebf5;
}

/* A few domain cards intentionally use light canvases in the default theme.
   Dark-mode text tokens must never be painted over those canvases. Prefer a
   dark surface for operational cards; keep the leaderboard podium light. */
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page :is(
  .sales-region-grid, .sales-region-card, .sales-region-card-head,
  .sales-region-kpi, .sales-region-mini, .sales-office-plans,
  .sales-region-action, .sales-plan-board-head),
html[data-theme="dark"] body.app-has-sidebar .sales-plan-board-head,
html[data-theme="dark"] body.app-has-sidebar .sales-interview-stat {
  background: #1c344b;
  background-image: none;
  border-color: #426078;
  color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page .sales-region-kpi-plan,
html[data-theme="dark"] body.app-has-sidebar .sales-interview-stat.ok {
  border-left-color: #0f8a68;
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page .sales-region-kpi-progress {
  border-left-color: #2563eb;
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page .sales-region-kpi-gap,
html[data-theme="dark"] body.app-has-sidebar .sales-interview-stat.warn {
  border-left-color: #d89000;
}
html[data-theme="dark"] body.app-has-sidebar .sales-interview-stat.bad {
  border-left-color: #b42318;
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page :is(
  .sales-region-card h3, .sales-office-plans b, .sales-region-action b),
html[data-theme="dark"] body.app-has-sidebar .sales-interview-stat b {
  color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .sales-plan-page :is(
  .sales-region-card p, .sales-region-kpi span, .sales-region-mini span,
  .sales-region-action span, .sales-region-action small),
html[data-theme="dark"] body.app-has-sidebar .sales-interview-stat :is(span, small) {
  color: #b8ccdc;
}
html[data-theme="dark"] body.app-has-sidebar .sales-region-autosave-status.ok { color: #86c9a6; }
html[data-theme="dark"] body.app-has-sidebar .sales-region-autosave-status.bad { color: #f3a39a; }
html[data-theme="dark"] body.app-has-sidebar .sales-region-autosave-status.pending { color: #f0c996; }
html[data-theme="dark"] body.app-has-sidebar .sales-leader-card,
html[data-theme="dark"] body.app-has-sidebar .sales-leader-card :is(b, span, strong) {
  color: #172f43;
}
html[data-theme="dark"] body.app-has-sidebar .sales-leader-card .sales-leader-office {
  color: #4b6377;
}
html[data-theme="dark"] body.app-has-sidebar .sales-leader-card > strong {
  color: #115e83;
}
html[data-theme="dark"] body.app-has-sidebar .sales-leader-table-avatar.avatar-placeholder {
  color: #325570;
}

html[data-theme="dark"] body.app-has-sidebar .task-center :is(
  .task-lead-dashboard, .task-list-row, .task-recipient-count, .task-lead-pill) {
  background: #1c344b;
  border-color: #426078;
  color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .task-center .task-list-row:is(
  :hover, :focus-visible, [aria-current="true"]) {
  background: #294761;
}
html[data-theme="dark"] body.app-has-sidebar .task-center .task-list-row-main small {
  color: #b8ccdc;
}
html[data-theme="dark"] body.app-has-sidebar .task-center .task-status--awaiting_review {
  background: #24435a; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .payments-page .payment-import-item,
html[data-theme="dark"] body.app-has-sidebar .payments-page .payment-import-item:is(:hover, .active) {
  background: #1c344b; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .payments-page .payment-import-item small {
  color: #b8ccdc;
}
html[data-theme="dark"] body.app-has-sidebar .people-calendar-event {
  background: #24435a; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .people-calendar-event-duty {
  background: #383450;
}
html[data-theme="dark"] body.app-has-sidebar .people-calendar-event-sick-leave {
  background: #443827;
}
html[data-theme="dark"] body.app-has-sidebar .people-calendar-event-absence {
  background: #26394b;
}
html[data-theme="dark"] body.app-has-sidebar .people-calendar-event-arrived {
  background: #1d4838;
}
html[data-theme="dark"] body.app-has-sidebar .people-calendar-event-late {
  background: #56372f;
}
html[data-theme="dark"] body.app-has-sidebar .people-calendar-event :is(span, small) {
  color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .risk-panel,
html[data-theme="dark"] body.app-has-sidebar .regulatory-workbench,
html[data-theme="dark"] body.app-has-sidebar .reg-sidebar,
html[data-theme="dark"] body.app-has-sidebar :is(.reg-tile, .reg-panel),
html[data-theme="dark"] body.app-has-sidebar .attention-card,
html[data-theme="dark"] body.app-has-sidebar .attention-list li,
html[data-theme="dark"] body.app-has-sidebar :is(
  .review-action, .review-queue-total, .review-queue-card,
  .review-queue-item, .queue-filter-chip) {
  background: #1c344b; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar :is(
  .risk-panel, .reg-sidebar, .reg-tile, .reg-panel,
  .attention-card, .review-action, .review-queue-total,
  .review-queue-card, .review-queue-item, .queue-filter-chip)
  :is(b, strong, small, span, p, li, h2, h3) {
  color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar :is(
  .review-queue-card, .review-queue-item, .review-queue-total,
  .attention-card) :is(.review-queue-meta, small, .muted) {
  color: #b8ccdc;
}
html[data-theme="dark"] body.app-has-sidebar .queue-filter-chip:is(.active, :hover) {
  background: #9dc5dc; border-color: #9dc5dc; color: #10263b;
}
html[data-theme="dark"] body.app-has-sidebar .queue-filter-chip span {
  background: #294761; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .queue-filter-chip:is(.active, :hover) span {
  background: #fff; color: #172f43;
}
html[data-theme="dark"] body.app-has-sidebar .legal-attorney-page .attorney-button.secondary,
html[data-theme="dark"] body.app-has-sidebar .legal-attorney-page .attorney-button.secondary:hover,
html[data-theme="dark"] body.app-has-sidebar .au-workspace-page :is(
  .au-recent, .au-recent li, .au-issue, .au-action-secondary) {
  background: #1c344b; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .employee-termination-details .employee-termination-form,
html[data-theme="dark"] body.app-has-sidebar :is(
  td.employee-danger-action, th.employee-danger-action,
  td.month-close-danger-action, th.month-close-danger-action) {
  background: #342c39; border-color: #7e5551; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .danger-lite,
html[data-theme="dark"] body.app-has-sidebar .danger-lite:hover {
  background: #442c2b; border-color: #7e5551; color: #f3b2a9;
}

/* Regulatory cards follow the account theme, not the device color scheme. */
html[data-theme="dark"] body.app-has-sidebar .regulatory-workbench .reg-drawer {
  background: #11283e; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .regulatory-workbench .reg-table-wrap {
  background: #172c41; border-color: #426078;
}
html[data-theme="dark"] body.app-has-sidebar .regulatory-workbench .reg-table th {
  background: #203e55; color: #d5e5f1;
}
html[data-theme="dark"] body.app-has-sidebar .regulatory-workbench .reg-tabs {
  background: #203e55;
}
html[data-theme="dark"] body.app-has-sidebar .regulatory-workbench .reg-tabs a[aria-current="page"] {
  background: #172c41; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .regulatory-workbench :is(
  .reg-chip, .reg-filter, .reg-quick a, .reg-secondary, .reg-choice span,
  .reg-field input, .reg-field select, .reg-field textarea,
  .reg-filters input, .reg-filters select, .reg-stage-choice select,
  .reg-doc-form select, .reg-doc-form input[type="file"]) {
  background: #203e55; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .regulatory-workbench :is(
  .reg-chip, .reg-filter)[aria-current="page"] {
  background: #30395b; border-color: #7486d7; color: #e3e9ff;
}
html[data-theme="dark"] body.app-has-sidebar .regulatory-workbench .reg-quick a[aria-current="page"] {
  background: #9dc5dc; border-color: #9dc5dc; color: #10263b;
}
html[data-theme="dark"] body.app-has-sidebar .regulatory-workbench .reg-choice input:checked + span {
  background: #9dc5dc; border-color: #9dc5dc; color: #10263b;
}
html[data-theme="dark"] body.app-has-sidebar .regulatory-workbench :is(
  .reg-field > label, .reg-group h3, .reg-drawer-sub, .reg-muted,
  .reg-subtitle, .reg-events, .reg-readonly) {
  color: #d5e5f1;
}
html[data-theme="dark"] body.app-has-sidebar .regulatory-workbench .reg-overdue {
  color: #ffb4ad;
}
html[data-theme="dark"] body.app-has-sidebar .regulatory-workbench .reg-hot {
  color: #f7d29b;
}

/* Contrast: bright brand actions need dark ink, muted copy needs light ink. */
html[data-theme="dark"] body.app-has-sidebar :is(a.button, button.button, button.primary):not(.ghost):not(.secondary) {
  background: #9dc5dc; border-color: #9dc5dc; color: #10263b;
}
html[data-theme="dark"] body.app-has-sidebar :is(a.button, button.button, button.primary):not(.ghost):not(.secondary):hover {
  background: #c2ddeb; border-color: #c2ddeb; color: #10263b;
}
html[data-theme="dark"] body.app-has-sidebar :is(a.button.ghost, button.button.ghost, button.ghost) {
  background: #203e55; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar :is(.month-close-kicker,
  .legal-workbench-filter-more-hint, .legal-workbench-bulk-count,
  .people-calendar-day-kind, .people-calendar-legend > span) {
  color: #d5e5f1;
}
html[data-theme="dark"] body.app-has-sidebar .month-close-disabled-help b {
  color: #f0d8ad;
}
html[data-theme="dark"] body.app-has-sidebar .supervision-page :is(.workspace-hero, .cabinet-zone-head, .stats-grid) span {
  color: #d5e5f1;
}
html[data-theme="dark"] body.app-has-sidebar .mini-test-question > b {
  color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .legal-attorney-page :is(.attorney-hero__description,
  .attorney-eyebrow, .attorney-button, .attorney-summary span) {
  color: #d5e5f1;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-page .legal-workbench-bulk-count,
html[data-theme="dark"] body.app-has-sidebar .legal-attorney-page .attorney-summary > span {
  background: #203e55; border-color: #426078; color: #d5e5f1;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-indicator-legend__body p,
html[data-theme="dark"] body.app-has-sidebar .payments-rating-page .payments-compact-hero .kicker,
html[data-theme="dark"] body.app-has-sidebar .supervision-page .supervision-hero-stats span {
  color: #d5e5f1;
}
html[data-theme="dark"] body.app-has-sidebar .supervision-page .supervision-hero-stats div {
  background: #203e55; border-color: #426078;
}

/* The home daily totals and month-close approval history are nested cards,
   so the shared panel rules do not cover their independent light surfaces. */
html[data-theme="dark"] body.app-has-sidebar .home-sales-daily-block,
html[data-theme="dark"] body.app-has-sidebar .month-close-recent-approvals {
  background: #172c41; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .home-sales-daily-block-head {
  background: #203e55; border-color: #426078;
}
html[data-theme="dark"] body.app-has-sidebar .home-sales-daily-metric + .home-sales-daily-metric {
  border-color: #426078;
}
html[data-theme="dark"] body.app-has-sidebar :is(
  .home-sales-daily-block-head b, .home-sales-daily-metric b,
  .month-close-history-head h3) {
  color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar :is(
  .home-sales-daily-block-head span, .home-sales-daily-metric span,
  .month-close-history-head .muted, .month-close-history-controls label span,
  .month-close-history-pagination .muted) {
  color: #d5e5f1;
}
html[data-theme="dark"] body.app-has-sidebar :is(
  .month-close-history-controls button, .month-close-history-pagination button) {
  background: #203e55; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar :is(
  .month-close-history-controls button:hover, .month-close-history-pagination button:hover) {
  background: #294761;
}

/* Month-close controls and selected regulatory navigation must not pair
   light surfaces with the dark theme's pale text. */
html[data-theme="dark"] body.app-has-sidebar .month-close-overview-page .month-close-filter-form {
  background: #1c344b; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .month-close-overview-page .month-close-paid-date-filter {
  color: #d5e5f1;
}
html[data-theme="dark"] body.app-has-sidebar .month-close-pagination a,
html[data-theme="dark"] body.app-has-sidebar .month-close-pagination .is-active {
  background: #203e55; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .month-close-pagination .is-active {
  background: #294761; border-color: #749fbb;
}
html[data-theme="dark"] body.app-has-sidebar .month-close-compare-muted {
  color: #3e5165;
}
html[data-theme="dark"] body.app-has-sidebar .reg-sidebar a[aria-current="page"] {
  color: #24384e;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-attention-banner__count--critical {
  color: #b42318;
}
html[data-theme="dark"] body.app-has-sidebar .legal-workbench-attention-banner__count--soon {
  color: #9a3f08;
}

/* Legal intake, task queue and document upload have independent form shells. */
html[data-theme="dark"] body.app-has-sidebar .legal-import-source-card,
html[data-theme="dark"] body.app-has-sidebar .o2-document-upload-box,
html[data-theme="dark"] body.app-has-sidebar :is(.legal-document-topbar.legal-task-topbar,
  .legal-task-table-wrap, .legal-task-filter-form, .legal-task-tabs,
  .legal-task-shortcut) {
  background: #172c41; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .legal-import-source-card:is(:hover, :focus-within, :has(input:checked)),
html[data-theme="dark"] body.app-has-sidebar .legal-task-tab.active {
  background: #294761; border-color: #749fbb; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar :is(.legal-import-source-card,
  .legal-task-topbar, .legal-task-filter-form, .o2-document-upload-box) :is(b, span, small, p, label) {
  color: #d5e5f1;
}

/* Shared disclosure controls, cards and invitation statistics. */
html[data-theme="dark"] body.app-has-sidebar details > summary,
html[data-theme="dark"] body.app-has-sidebar .upload-note,
html[data-theme="dark"] body.app-has-sidebar .registration-invites-header {
  background: #172c41; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .invite-stat {
  background: #203e55; border-color: #426078; color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .invite-stat.warn {
  background: #443827; color: #f0d8ad;
}
html[data-theme="dark"] body.app-has-sidebar .invite-stat.ok {
  background: #1d443d; color: #b7e0c4;
}
html[data-theme="dark"] body.app-has-sidebar .invite-stat.info {
  background: #1d3552; color: #b9d7e8;
}
html[data-theme="dark"] body.app-has-sidebar .people-calendar-grid td.people-calendar-outside {
  background: #14283b;
}
html[data-theme="dark"] body.app-has-sidebar .people-calendar-grid td.people-calendar-weekend {
  background: #2f303c;
}
html[data-theme="dark"] body.app-has-sidebar .people-calendar-grid td.people-calendar-holiday {
  background: #442c2b; box-shadow: inset 0 0 0 1px #7e5551;
}

/* Unstyled close/expand controls should not reintroduce light squares. */
html[data-theme="dark"] body.app-has-sidebar button:not([class]) {
  background: #203e55; border-color: #426078; color: #e9f2fa;
}

/* Keep long wishes and quotes separate from the mascot at phone width. */
@media (max-width: 760px) {
  html[data-theme="dark"] body.app-has-sidebar .daily-mascot-hero > div,
  html[data-theme="dark"] body.app-has-sidebar .home-page .home-hero-mascot > div {
    min-height: 430px;
    justify-content: flex-start;
    padding: 24px 18px 194px;
    background-color: #112b41;
    background-image:
      linear-gradient(180deg, #112b41 0%, #112b41 48%, rgba(17,43,65,.84) 69%, rgba(17,43,65,.14) 100%),
      var(--home-hero-art);
    background-position: center, right bottom;
    background-size: cover, auto 210px;
  }
  html[data-theme="dark"] body.app-has-sidebar .daily-mascot-hero:is(.daily-mascot-hero--holiday, .daily-mascot-hero--birthday) > div {
    min-height: 520px;
    padding: 24px 18px 296px;
    background-image:
      linear-gradient(180deg, #071c44 0%, rgba(7,28,68,.98) 42%, rgba(7,28,68,.16) 60%, transparent 80%),
      var(--home-hero-art);
    background-position: center, right bottom;
    background-size: cover, auto 280px;
  }
}

/* Keep the seller-call review controls legible in dark mode. */
html[data-theme="dark"] body.app-has-sidebar .okk-review-range {
  background: #1c344b;
  border-color: #426078;
  color: #e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .okk-review-advanced > summary { color: #a8d5f4; }
html[data-theme="dark"] body.app-has-sidebar .okk-review-check-item {
  background: #1c344b;
  border-color: #426078;
}
html[data-theme="dark"] body.app-has-sidebar .okk-review-check-fragment {
  background: #244059;
}
html[data-theme="dark"] body.app-has-sidebar .okk-quality-examples li {
  background: #1c344b;
  border-color: #426078;
  border-left-color: #8ec6e8;
}
html[data-theme="dark"] body.app-has-sidebar .okk-quality-tip { background: #244059; }
html[data-theme="dark"] body.app-has-sidebar .okk-quality-criterion { border-color: #426078; }
html[data-theme="dark"] body.app-has-sidebar .okk-quality-criterion summary:is(:hover, :focus-visible) { background: #244059; }
html[data-theme="dark"] body.app-has-sidebar .okk-quality-criterion-body blockquote { background: #244059; }
html[data-theme="dark"] body.app-has-sidebar .okk-quality-needs-review { color: #e4b76f; }
html[data-theme="dark"] body.app-has-sidebar .okk-review-sort:not(:disabled):is(:hover, :focus-visible) {
  background: #30526c;
}
html[data-theme="dark"] body.app-has-sidebar .okk-review-filters [data-okk-reset] {
  background: #30526c;
  border-color: #6689a3;
  color: #fff;
}
html[data-theme="dark"] body.app-has-sidebar .okk-review-avatar.avatar-placeholder {
  background: #203e55;
  color: #e9f2fa;
}

/* Keep the OКК cover visually consistent with the selected dark theme. */
html[data-theme="dark"] body.app-has-sidebar .panel.okk-review-hero {
  border-color: #426078;
  background:
    linear-gradient(90deg, #173149 0%, rgba(23,49,73,.98) 42%, rgba(23,49,73,.85) 68%, rgba(23,49,73,.64) 100%),
    url('/assets/home-workspace-hero.jpg') right center / cover no-repeat;
}
html[data-theme="dark"] body.app-has-sidebar .okk-review-hero-kicker { color: #f0c996; }
html[data-theme="dark"] body.app-has-sidebar .okk-review-hero :is(h1, .okk-review-hero-stats dd) { color: #f3f8fd; }
html[data-theme="dark"] body.app-has-sidebar .okk-review-hero :is(.okk-review-hero-lede, .okk-review-hero-note, .okk-review-hero-stats dt) { color: #c3d4e0; }
html[data-theme="dark"] body.app-has-sidebar .okk-review-hero-stats > div {
  border-color: #55718a;
  background: rgba(28,52,75,.82);
}

/* Printing is always high-contrast on paper, independent of account choice. */
/* Month-close approval cards have pale semantic backgrounds in the light theme.
   Override the entire card surface, not only its text, in the dark theme. */
html[data-theme="dark"] body.app-has-sidebar .month-close-approvals :is(.month-close-proposed-before-final, .month-close-proposal-card) {
  background: #1b344d;
  border-color: #4c7393;
  color: #edf5fb;
}
html[data-theme="dark"] body.app-has-sidebar .month-close-approvals .month-close-proposal-card {
  border-left-color: #8ec6e8;
}
html[data-theme="dark"] body.app-has-sidebar .month-close-approvals .month-close-decision-card {
  background: #1c3d39;
  border-color: #4d806c;
  border-left-color: #91d4a8;
  color: #edf8f1;
}
html[data-theme="dark"] body.app-has-sidebar .month-close-approvals .month-close-mini-label {
  background: #284c66;
  color: #d4edff;
}
html[data-theme="dark"] body.app-has-sidebar .month-close-approvals .month-close-decision-card .month-close-mini-label {
  background: #2a5849;
  color: #d1f4de;
}
html[data-theme="dark"] body.app-has-sidebar .month-close-approvals :is(.month-close-proposed-before-final, .month-close-decision-card) :is(p, small) {
  color: #d4e5ee;
}

/* Printing is always high-contrast on paper, independent of account choice. */
@media print {
  html[data-theme="dark"] body.app-has-sidebar { background: #fff; color: #111; }
  html[data-theme="dark"] body.app-has-sidebar .panel.okk-review-hero {
    background: #fff;
    color: #111;
  }
  html[data-theme="dark"] body.app-has-sidebar :is(.panel, table, th, td) {
    background: #fff; color: #111; border-color: #777;
  }
  html[data-theme="dark"] body.app-has-sidebar :is(
    .home-sales-daily-block, .home-sales-daily-block-head,
    .month-close-recent-approvals, .month-close-history-controls button,
    .month-close-history-pagination button) {
    background: #fff; color: #111; border-color: #777;
  }
  html[data-theme="dark"] body.app-has-sidebar :is(
    .home-sales-daily-block-head b, .home-sales-daily-block-head span,
    .home-sales-daily-metric b, .home-sales-daily-metric span,
    .month-close-history-head h3, .month-close-history-head .muted,
    .month-close-history-controls label span, .month-close-history-pagination .muted) {
    color: #111;
  }
  html[data-theme="dark"] body.app-has-sidebar .month-close-approvals :is(
    .month-close-proposed-before-final, .month-close-proposal-card,
    .month-close-decision-card, .month-close-mini-label) {
    background: #fff; color: #111; border-color: #777;
  }
  html[data-theme="dark"] body.app-has-sidebar .month-close-approvals .month-close-decision-card .month-close-mini-label {
    background: #fff; color: #111;
  }
  html[data-theme="dark"] body.app-has-sidebar .month-close-approvals :is(.month-close-proposed-before-final, .month-close-decision-card) :is(p, small) {
    color: #111;
  }
}

html[data-theme="dark"] body.app-has-sidebar .okk-targeted-quote { background: #244059; }

html[data-theme="dark"] body.app-has-sidebar .calendar-workspace .calendar-tabs a.is-active {
  color: #f5f8ff;
  background: #355a99;
}

/* Today's company calendar lookup. */
html[data-theme="dark"] body.app-has-sidebar .calendar-availability-person {
  background:#20364c; border-color:#426078; color:#e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .calendar-availability-date {
  background:#203e55; color:#b9d7e8;
}
html[data-theme="dark"] body.app-has-sidebar .calendar-availability-mark {
  background:#29445b; color:#e9f2fa;
}
html[data-theme="dark"] body.app-has-sidebar .calendar-availability-mark.is-pending {
  background:#4f2633; border-color:#9d4657; color:#ffd3d8;
}
html[data-theme="dark"] body.app-has-sidebar .calendar-availability-empty { color:#abc0d1; }