:root {
  --theme-switch-off: #80908f;
  --theme-switch-thumb: #eef2f6;
  --theme-switch-on: #6366f1;
  --theme-focus: #f5824e;
}
/* Theme preferences affect screens only, never printed client documents. */
#authUserMenu { display: flex; align-items: center; gap: 8px; }
#authUserMenu[hidden] { display: none !important; }
#themeSwitch.theme-switch {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 48px; width: 48px; min-width: 48px; min-height: 44px;
  padding: 4px; border: 0; background: transparent; box-shadow: none;
}
.theme-switch-track { display: block; width: 40px; height: 24px; padding: 3px; background: var(--theme-switch-off); border-radius: 20px; }
.theme-switch-track > span { display: block; width: 18px; height: 18px; border-radius: 50%; background: var(--theme-switch-thumb); transition: transform .18s ease; }
#themeSwitch[aria-checked="true"] .theme-switch-track { background: var(--theme-switch-on); }
#themeSwitch[aria-checked="true"] .theme-switch-track > span { transform: translateX(16px); }
#themeSwitch:focus-visible { outline: 3px solid var(--theme-focus); outline-offset: 2px; border-radius: 6px; }
@media (prefers-reduced-motion: reduce) { .theme-switch-track > span { transition: none; } }
@media screen {
  html[data-theme="dark"] {
    color-scheme: dark;
    --bg-page: #0B0B0B;
    --bg-surface: rgba(255,255,255,.05);
    --bg-raised: rgba(255,255,255,.08);
    --border: rgba(255,255,255,.08);
    --border-hover: rgba(255,255,255,.16);
    --control-border: #95847C;
    --text-1: #F5EDE9;
    --text-2: #B5A49C;
    --text-3: #8A7A73;
    --brand: #D85A30;
    --brand-deep: #993C1D;
    --brand-soft: #F0997B;
    /* Slightly lifted to pass 4.5:1 on the highlighted KPI. */
    --brand-tint: #F7C7B6;
    --warn: #FAC775;
    --warn-bar: #EF9F27;
    --ok: #5DCAA5;
    --ok-bar: #1D9E75;
    --danger: #F5A6A0;
    --info: #B5D7E8;
    --bg-ok: rgba(29,158,117,.16);
    --bg-warn: rgba(239,159,39,.16);
      --bg-danger: rgba(180,63,54,.16);
    --bg-info: rgba(90,145,170,.16);
    --bg-active: rgba(216,90,48,.14);
    --bg-hover: rgba(255,255,255,.06);
    --scrim: rgba(0,0,0,.6);
    --overlay-base: rgba(11,11,11,.97);
    --scroll-thumb: rgba(255,255,255,.22);
    --gradient-top: #2A1409;
    --gradient-mid: #160B05;
    --page-gradient: linear-gradient(180deg,var(--gradient-top) 0%,var(--gradient-mid) 38%,var(--bg-page) 100%);
    --overlay-gradient: linear-gradient(var(--bg-surface),var(--bg-surface)),linear-gradient(var(--overlay-base),var(--overlay-base));
    --shadow: 0 18px 50px rgba(0,0,0,.3);
    --shadow-soft: 0 3px 14px rgba(0,0,0,.16);
    --shadow-hover: 0 12px 28px rgba(0,0,0,.24);
    --theme-switch-on: var(--brand);
    --theme-switch-thumb: var(--text-1);
    --theme-focus: var(--brand-soft);
    --bg: var(--bg-page); --surface: var(--bg-surface); --surface-soft: var(--bg-raised);
    --ink: var(--text-1); --text: var(--text-1); --muted: var(--text-2);
    --line: var(--border); --line-strong: var(--border-hover);
    --accent: var(--ok); --accent-dark: var(--brand-deep); --accent-soft: var(--bg-ok);
    --orange: var(--brand); --orange-dark: var(--brand-deep); --orange-soft: var(--bg-active);
    --blue: var(--info); --blue-soft: var(--bg-info); --gray-soft: var(--bg-raised); --gray-ink: var(--text-2);
    --amber: var(--warn); --amber-soft: var(--bg-warn);
    --red: var(--danger); --red-soft: var(--bg-danger);
    --green: var(--ok); --green-soft: var(--bg-ok);
  }
  html[data-theme="dark"] body.workspace-ui { background: var(--bg-page) !important; isolation: isolate; color: var(--text-1); }
  html[data-theme="dark"] body.workspace-ui .main,
  html[data-theme="dark"] body.workspace-ui .view { background: transparent !important; }
  html[data-theme="dark"] body.workspace-ui :is(.sidebar,.panel,.metric,.table-wrap,.user-popover,.sidebar-status,.form-box,.record-step-nav,.record-context-bar,.report-document-head,.report-totals,.report-total-card,.reservation-identity,.reservation-side-panel-head,.reservation-side-panel-context,.reservation-side-panel-nav,.reservation-side-panel-body,.reservation-side-panel-action-row-secondary,.reservation-main-detail-box,.reservation-extras-detail,.record-timeline-detail,.provider-key-value,.side-panel-universal-section,.detail-grid section,.detail-grid li,.extra-balance-card,.record-timeline-head,dialog,.dialog-card,.dialog-head,.dialog-footer,#reservationSidePanel,#recordDialog,#recordForm,.form-sections) {
    background: var(--bg-surface) !important; color: var(--text-1) !important; border-color: var(--border) !important;
  }
  html[data-theme="dark"] body.workspace-ui :is(h1,h2,h3,h4,label,.eyebrow,.nav-parent,.nav-item,.user-chip,.side-panel-nav-chip,.record-field-label,.mobile-card-value,.report-total-card strong,.reservation-identity-balance strong) { color: var(--text-1) !important; }
  html[data-theme="dark"] body.workspace-ui :is(p,small,.muted,.cell-subtitle,.sidebar-status span) { color: var(--text-2); }
  html[data-theme="dark"] body.workspace-ui :is(input,select,textarea,.row-action,.global-search,.table-filter-tools,.table-filter-panel,.table-filter-toggle,.mobile-menu-btn,.record-step-button) {
    background: var(--bg-raised) !important; color: var(--text-1) !important; border-color: var(--border-hover) !important;
  }
  html[data-theme="dark"] body.workspace-ui ::placeholder { color: var(--text-2) !important; opacity: 1; }
  html[data-theme="dark"] body.workspace-ui :is(table,thead,tbody,tr,td,th) { background-color: var(--bg-surface) !important; color: var(--text-1) !important; border-color: var(--border) !important; }
  html[data-theme="dark"] body.workspace-ui th { background-color: var(--bg-raised) !important; color: var(--text-2) !important; }
  html[data-theme="dark"] body.workspace-ui .view .table-wrap table > tbody > tr.mobile-redesign-row { background: var(--bg-surface) !important; border-color: var(--border) !important; --balance-color: var(--warn); }
  html[data-theme="dark"] body.workspace-ui .view .table-wrap table > tbody > tr.mobile-redesign-row[data-status="paid"] { --balance-color: var(--ok); }
  html[data-theme="dark"] body.workspace-ui .view .table-wrap table > tbody > tr.mobile-redesign-row[data-status="overdue"] { --balance-color: var(--danger); }
  html[data-theme="dark"] body.workspace-ui :is(.status.paid,.status.good) { background: var(--bg-ok) !important; color: var(--ok) !important; }
  html[data-theme="dark"] body.workspace-ui .status.pending { background: var(--bg-warn) !important; color: var(--warn) !important; }
  html[data-theme="dark"] body.workspace-ui .status.partial { background: var(--bg-info) !important; color: var(--info) !important; }
  html[data-theme="dark"] body.workspace-ui :is(.status.overdue,.status.cancelled) { background: var(--bg-danger) !important; color: var(--danger) !important; }
  html[data-theme="dark"] body.workspace-ui :is(.nav-item.active,.side-panel-nav-chip.is-active,.record-step-button.active) { background: var(--bg-active) !important; color: var(--brand-soft) !important; }
  html[data-theme="dark"] #reservationSidePanel :is(.reservation-side-panel-quick-actions button,.reservation-side-panel-nav .side-panel-nav-chip) { background: var(--bg-raised) !important; color: var(--text-1) !important; border-color: var(--border-hover) !important; }
  html[data-theme="dark"] #reservationSidePanel .reservation-side-panel-nav .side-panel-nav-chip.is-active { background: var(--bg-active) !important; color: var(--brand-soft) !important; }
  html[data-theme="dark"] body.workspace-ui .supplier-card { color: var(--text-1); }
  html[data-theme="dark"] body.workspace-ui .sidebar .brand { background: transparent; }
  html[data-theme="dark"] body.workspace-ui #sidebarSystemStatus { background: var(--bg-raised) !important; border-color: var(--border-hover) !important; color: var(--text-1) !important; }
  html[data-theme="dark"] body.workspace-ui :is(.metric span,.metric strong,.panel-head p,.panel-head span,.table-empty-state,.change-requests-panel p,#sidebarStatusTitle) { color: var(--text-2) !important; }
  html[data-theme="dark"] body.workspace-ui :is(.metric.alert strong,.metric.warn strong) { color: var(--warn) !important; }
  html[data-theme="dark"] body.workspace-ui .metric.good strong { color: var(--ok) !important; }
  html[data-theme="dark"] body.workspace-ui :is(.form-box,.reservation-main-detail-box,.reservation-extras-detail,.report-totals) :is(li,.auto-description,.extra-balance-metric,.report-total-card) { background: var(--bg-raised) !important; color: var(--text-1) !important; border-color: var(--border-hover) !important; }
  html[data-theme="dark"] body.workspace-ui :is(.form-section,.form-section-head,.form-section-body,.record-dialog-summary,.record-summary-item,.dialog-actions,.form-actions,.record-step-nav,.record-step-nav button) { background: var(--bg-surface) !important; color: var(--text-1) !important; border-color: var(--border) !important; }
}
@media print { #themeSwitch { display: none !important; } }
@media screen {
  html[data-theme="dark"] body.workspace-ui #dashboard :is(table,thead,tbody,tr,td,th,.table-empty-state) {
    background: var(--bg-surface) !important; color: var(--text-2) !important; border-color: var(--border) !important;
  }
  html[data-theme="dark"] body.workspace-ui #dashboard .metric.warn strong,
  html[data-theme="dark"] body.workspace-ui #dashboard .metric.alert strong { color: var(--warn) !important; }
  html[data-theme="dark"] body.workspace-ui #dashboard .metric.good strong { color: var(--ok) !important; }
}
/* Shared controls and secondary surfaces, including dynamically rendered forms. */
@media screen {
  html[data-theme="dark"] body.workspace-ui :is(
    .table-filter-panel-head > strong,.dash-filter-range,.dash-filter-range label,
    .table-filter-panel-clear,.table-search-clear,.table-pagination-prev,.table-pagination-next,
    .supplier-card-ledger-wrap,.report-preview,.side-panel-overview-tile,
    .auto-folio,.hotel-room-editor,.package-components-field,.payment-application-field,
    .deadline-extension-summary,.extra-reservation-summary,.payment-application-row,
    .payment-application-preview,.payment-application-summary,.package-component-row,
    .hotel-room-row,.passenger-row,.form-box-index,.auto-description,.record-context-item,.report-column-picker label,.record-capture-summary,.record-capture-summary article,.record-step-tab > span,
    .extra-balance-metric,.extra-balance-grid > div,.bars,.bar-track,.upcoming-events-summary
  ) { background: var(--bg-raised) !important; color: var(--text-1) !important; border-color: var(--border-hover) !important; }
  html[data-theme="dark"] body.workspace-ui button:not(.primary):not(.supplier-card):not(.theme-switch):not(.user-chip):not(.register-client-payment):not(.register-package-payment):not(.register-supplier-payment):not(.table-search-btn:not(.table-search-clear)) {
    background-color: var(--bg-raised) !important; background-image: none !important;
    color: var(--text-1) !important; border-color: var(--border-hover) !important;
  }
  html[data-theme="dark"] body.workspace-ui :is(.detail-grid,.side-panel-overview-tile,.form-box,.auto-folio,.extra-reservation-summary,.deadline-extension-summary,.payment-application-preview) :is(strong,span,small,label) { color: var(--text-1) !important; }
  html[data-theme="dark"] body.workspace-ui :is(.detail-grid li > strong,.side-panel-overview-tile > span,.form-box label,.table-filter-panel label,.report-preview.empty) { color: var(--text-2) !important; }
  html[data-theme="dark"] body.workspace-ui :is(.primary,.register-client-payment,.register-package-payment,.register-supplier-payment,.table-search-btn:not(.table-search-clear)) { color: var(--text-1) !important; }
  html[data-theme="dark"] body.workspace-ui :is(.primary,.register-client-payment,.register-package-payment,.register-supplier-payment) :is(span,svg) { color: inherit !important; }
  html[data-theme="dark"] body.workspace-ui button:disabled { opacity: .55; }
  html[data-theme="dark"] body.workspace-ui :is(button,input,select,textarea):focus-visible { outline: 2px solid var(--brand-soft) !important; outline-offset: 2px; }
  html[data-theme="dark"] body.workspace-ui .table-filter-panel-clear { color: var(--danger) !important; }
  html[data-theme="dark"] body.workspace-ui .side-panel-overview-tile :is(.status,.purchase-module-pill) { color: var(--text-1) !important; }
  html[data-theme="dark"] body.workspace-ui button:is(.nav-item.active,.side-panel-nav-chip.is-active,.record-step-button.active) { background: var(--bg-active) !important; color: var(--brand-soft) !important; }
  html[data-theme="dark"] body.workspace-ui .record-capture-summary article > span { color: var(--text-2) !important; }
  html[data-theme="dark"] body.workspace-ui .record-step-tab > span { box-shadow: 0 0 0 3px var(--border) !important; border-color: var(--border-hover) !important; }
  html[data-theme="dark"] body.workspace-ui .record-step-tab.active > span,
  html[data-theme="dark"] body.workspace-ui .record-step-tab[aria-selected="true"] > span { background: var(--brand-deep) !important; color: var(--text-1) !important; }
  html[data-theme="dark"] body.workspace-ui .view .table-wrap table > tbody > tr.table-empty-row,
  html[data-theme="dark"] body.workspace-ui .view .table-wrap table > tbody > tr.table-empty-row > td { background: var(--bg-surface) !important; color: var(--text-2) !important; border-color: var(--border) !important; }
}
@media screen {
  /* A fixed page layer keeps the atmosphere stable throughout long lists. */
  html[data-theme="dark"] body.workspace-ui::before {
    content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
    background: var(--page-gradient);
  }
  html[data-theme="dark"] body.workspace-ui :is(.topbar,.main,.view,.app) { background: transparent !important; }
  html[data-theme="dark"] body.workspace-ui .topbar { border-color: transparent !important; box-shadow: none !important; backdrop-filter: blur(16px); }

  /* Only surface boundaries carry a tint; nested content does not stack it. */
  html[data-theme="dark"] body.workspace-ui :is(table,thead,tbody,tr,td,.form-sections,#recordForm,.dialog-head,.dialog-footer,.form-section-head,.form-section-body,.detail-grid li,.provider-key-value,.reservation-side-panel-head,.reservation-side-panel-context,.reservation-side-panel-body) { background: transparent !important; }
  html[data-theme="dark"] body.workspace-ui #dashboard :is(table,thead,tbody,tr,td,.table-empty-state) { background: transparent !important; }
  html[data-theme="dark"] body.workspace-ui :is(.sidebar,dialog,.user-popover,#reservationSidePanel,.reservation-side-panel-action-row-secondary) { background: var(--overlay-gradient) !important; }
  html[data-theme="dark"] body.workspace-ui .mobile-nav-backdrop,
  html[data-theme="dark"] body.workspace-ui dialog::backdrop { background: var(--scrim) !important; }

  /* Restore KPI hierarchy without changing grid placement or spacing. */
  html[data-theme="dark"] body.workspace-ui #dashboard .metric { background: var(--bg-surface) !important; border: 1px solid var(--border) !important; }
  html[data-theme="dark"] body.workspace-ui #dashboard .metric::before,
  html[data-theme="dark"] body.workspace-ui #dashboard .metric::after { display: none !important; }
  html[data-theme="dark"] body.workspace-ui #dashboard .metric span { color: var(--text-2) !important; font-size: 11px !important; }
  html[data-theme="dark"] body.workspace-ui #dashboard .metric strong { color: var(--text-1) !important; font-size: 19px !important; font-weight: 500 !important; }
  html[data-theme="dark"] body.workspace-ui #dashboard .metric:first-child { background: var(--brand-deep) !important; border-color: transparent !important; }
  html[data-theme="dark"] body.workspace-ui #dashboard .metric:first-child span { color: var(--brand-tint) !important; }
  html[data-theme="dark"] body.workspace-ui #dashboard .metric:is(.alert,.warn) { border-left: 3px solid var(--warn-bar) !important; border-radius: 0 !important; }
  html[data-theme="dark"] body.workspace-ui #dashboard .metric:is(.alert,.warn) strong { color: var(--warn) !important; }
  html[data-theme="dark"] body.workspace-ui #dashboard .metric.good { border-left: 3px solid var(--ok-bar) !important; border-radius: 0 !important; }
  html[data-theme="dark"] body.workspace-ui #dashboard .metric.good strong { color: var(--ok) !important; }

  html[data-theme="dark"] body.workspace-ui .sidebar :is(.nav-parent,.nav-item) { background: transparent !important; box-shadow: none !important; color: var(--text-2) !important; border-color: transparent !important; }
  html[data-theme="dark"] body.workspace-ui .sidebar :is(.nav-parent,.nav-item):not(.active):hover { background: var(--bg-hover) !important; color: var(--text-1) !important; }
  html[data-theme="dark"] body.workspace-ui .sidebar .nav-item.active { background: var(--bg-active) !important; box-shadow: inset 3px 0 var(--brand) !important; border-radius: 0 !important; color: var(--brand-soft) !important; font-weight: 500 !important; }
  html[data-theme="dark"] body.workspace-ui .sidebar .nav-parent[aria-expanded="true"] { color: var(--brand-soft) !important; }
  html[data-theme="dark"] body.workspace-ui .sidebar .brand { background: transparent !important; }
  html[data-theme="dark"] body.workspace-ui .sidebar { scrollbar-color: var(--scroll-thumb) transparent; }
  html[data-theme="dark"] body.workspace-ui .sidebar::-webkit-scrollbar-thumb { background: var(--scroll-thumb); }
  html[data-theme="dark"] body.workspace-ui .sidebar::-webkit-scrollbar-track { background: transparent; }
  html[data-theme="dark"] body.workspace-ui #userAvatar { background: var(--brand-deep) !important; color: var(--text-1) !important; }
  html[data-theme="dark"] #themeSwitch[aria-checked="true"] .theme-switch-track { background: var(--brand) !important; }

  /* Theme accents supersede legacy inline and module-specific palettes. */
  html[data-theme="dark"] body.workspace-ui :is(.purchase-module-pill,.supplier-card,.record-component-chip) { background: var(--bg-raised) !important; color: var(--text-1) !important; border-color: var(--border) !important; }
  html[data-theme="dark"] body.workspace-ui .supplier-card::before,
  html[data-theme="dark"] body.workspace-ui .supplier-card::after { background: transparent !important; }
  html[data-theme="dark"] body.workspace-ui :is(.primary,.register-client-payment,.register-package-payment,.register-supplier-payment) { background: var(--brand-deep) !important; color: var(--text-1) !important; border-color: var(--brand) !important; }
  html[data-theme="dark"] body.workspace-ui :is(.table-search-btn:not(.table-search-clear),.table-search-group button[type="submit"]) { background: var(--brand-deep) !important; color: var(--text-1) !important; border-color: var(--brand) !important; }
  html[data-theme="dark"] #reservationSidePanel #reservationSidePanelActions :is(.register-client-payment,.register-package-payment,.register-supplier-payment) { background: var(--brand-deep) !important; border-color: var(--brand) !important; }
  html[data-theme="dark"] body.workspace-ui :is(a,.row-action,.record-field-label,.sidebar-status-line strong) { color: var(--brand-soft); }
  html[data-theme="dark"] body.workspace-ui .bar-fill { background: var(--brand) !important; }
  html[data-theme="dark"] body.workspace-ui :is(input,select,textarea,button) { accent-color: var(--brand-deep); }
  html[data-theme="dark"] body.workspace-ui :is(input,select,textarea):not(:disabled) { border-color: var(--control-border) !important; }
}
@media screen {
  html[data-theme="dark"] body.workspace-ui #sidebar :is(.nav-parent,.nav-item) {
    background: transparent !important; box-shadow: none !important; border-color: transparent !important; color: var(--text-2) !important;
  }
  html[data-theme="dark"] body.workspace-ui #sidebar :is(.nav-parent,.nav-item):not(.active):hover { background: var(--bg-hover) !important; color: var(--text-1) !important; }
  html[data-theme="dark"] body.workspace-ui #sidebar .nav-item.active { background: var(--bg-active) !important; box-shadow: inset 3px 0 var(--brand) !important; color: var(--brand-soft) !important; }
  html[data-theme="dark"] body.workspace-ui #sidebar .nav-parent[aria-expanded="true"] { background: transparent !important; color: var(--brand-soft) !important; }
  html[data-theme="dark"] body.workspace-ui #recordDialog :is(.dialog-card,#recordForm,.form-sections,.form-section-body,.record-capture-summary) { background: transparent !important; }
  html[data-theme="dark"] body.workspace-ui #reservationSidePanel :is(.reservation-side-panel-head,.reservation-side-panel-context,.reservation-side-panel-body,.detail-grid li,.provider-key-value) { background: transparent !important; }
  html[data-theme="dark"] body.workspace-ui #sidebarStatusText { color: var(--text-2) !important; }
}
@media screen {
  html[data-theme="dark"] body.workspace-ui .view .table-wrap table:is(#clientPaymentsTable,#packagesTable,#flightsTable,#hotelsTable,#transfersTable,#groupsTable,#cashMovementsTable) > tbody > tr.mobile-redesign-row .purchase-module-pill {
    background: var(--bg-raised) !important; color: var(--text-1) !important;
  }
}
/* All table families share the same foreground and surface in dark mode. */
@media screen {
  html[data-theme="dark"] body.workspace-ui .view .table-wrap :is(#upcomingEventsTable,table) > tbody > tr:not(.detail-row) > td {
    color: var(--text-1) !important;
    border-color: var(--border) !important;
  }
  html[data-theme="dark"] body.workspace-ui .view .table-wrap :is(#upcomingEventsTable,table) > tbody > tr:not(.detail-row) > td::before,
  html[data-theme="dark"] body.workspace-ui .view .table-wrap table :is(.cell-subtitle,.record-field-label) {
    color: var(--text-2) !important;
  }
  html[data-theme="dark"] body.workspace-ui .view .table-wrap :is(#upcomingEventsTable,table) > tbody > tr:not(.detail-row) > td.amount {
    color: var(--ok) !important;
  }
}
@media screen and (max-width: 720px) {
  html[data-theme="dark"] body.workspace-ui .view .table-wrap { background: var(--bg-surface) !important; }
  html[data-theme="dark"] body.workspace-ui .view .table-wrap > table:not(.nested-table),
  html[data-theme="dark"] body.workspace-ui .view .table-wrap > table:not(.nested-table) > tbody { background: transparent !important; }
  html[data-theme="dark"] body.workspace-ui .view .table-wrap > :is(#upcomingEventsTable,table):not(.nested-table) > tbody > tr:not(.detail-row) {
    background: var(--bg-surface) !important;
    border-color: var(--border) !important;
  }
  html[data-theme="dark"] body.workspace-ui .view .table-wrap > table:not(.nested-table) > tbody > tr:not(.detail-row) > td { background: transparent !important; }
}
/* Match the record selectors' specificity without changing their geometry. */
@media screen {
  html[data-theme="dark"] body.workspace-ui .view .table-wrap table:is(#flightsTable,#hotelsTable,#transfersTable,#groupsTable,#activitiesTable,#packagesTable,#clientPaymentsTable,#cashMovementsTable,[id]) > tbody > tr:is(.mobile-redesign-row,.expandable) {
    color: var(--text-1) !important;
    border-color: var(--border) !important;
    & :is(.record-key,.record-client,.record-total,.record-key .mobile-card-value,.record-client .mobile-card-value) { color: var(--text-1) !important; }
    & :is(.record-description,.record-departure,.record-return,.record-date,.record-seller,.record-field-label,.package-mobile-title,.cell-subtitle) { color: var(--text-2) !important; }
    & :is(.record-description,.record-departure,.record-return,.record-date,.record-seller) :is(.mobile-card-value,.stay-mobile-dates,span) { color: var(--text-2) !important; }
    & :is(.record-balance,.record-date,.record-status) { border-color: var(--border) !important; }
    & :is(.record-paid,.record-amount,.record-payment) { color: var(--ok) !important; }
    & .record-balance { color: var(--warn) !important; }
    &[data-status="paid"] .record-balance { color: var(--ok) !important; }
    & .record-component-chip { background: var(--bg-surface) !important; color: var(--text-1) !important; border-color: var(--border) !important; }
  }
  html[data-theme="dark"] body.workspace-ui .view .table-wrap #groupsTable > tbody > tr.mobile-redesign-row .record-balance { color: var(--ok) !important; }
  html[data-theme="dark"] body.workspace-ui :is(.view,dialog,#reservationSidePanel) .status {
    border-color: var(--border) !important;
    &.paid { background: var(--bg-ok) !important; color: var(--ok) !important; }
    &:is(.pending,.confirming) { background: var(--bg-warn) !important; color: var(--warn) !important; }
    &:is(.partial,.processing) { background: var(--bg-info) !important; color: var(--info) !important; }
    &:is(.overdue,.cancelled) { background: var(--bg-danger) !important; color: var(--danger) !important; text-decoration-color: currentColor; }
  }
  html[data-theme="dark"] body.workspace-ui :is(.view,dialog,#reservationSidePanel) .provider-financial-warning {
    background: var(--bg-warn) !important; color: var(--warn) !important; border-color: var(--warn) !important;
  }
  html[data-theme="dark"] body.workspace-ui #reservationSidePanel :is(.reservation-provider-purchase-detail,.reservation-provider-amounts-detail) { background: var(--bg-surface) !important; color: var(--text-1) !important; border-color: var(--border) !important; }
}