:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b1220;
  --panel: #111c2d;
  --line: #2a3d54;
  --text: #aab5be;
  --muted: #788591;
  --cyan: #64c9bf;
  --brand-color: #64c9bf;
  --brand-soft: #183438;
  --dark-surface: #111c2d;
  --dark-surface-raised: #172438;
  --dark-surface-subtle: #0e1928;
  --dark-border: #2a3d54;
  --bg-soft: #172438;
}

:root[data-theme="dark"] body,
:root[data-theme="dark"] .app-shell {
  background: var(--bg);
  color: var(--text);
}

:root[data-theme="dark"] .sidebar,
:root[data-theme="dark"] .topbar {
  background: var(--dark-surface);
  border-color: var(--dark-border);
  box-shadow: 0 8px 26px #0004;
}

:root[data-theme="dark"] :is(.filter-panel, .panel, .metric-card, [class*="-panel"], [class*="-card"]) {
  background: var(--dark-surface);
  border-color: var(--dark-border);
  box-shadow: 0 8px 26px #0003;
  color: var(--text);
}

:root[data-theme="dark"] :is([class$="-row"], [class$="-item"], [class$="-pill"], [class$="-tab"], [class$="-option"], [class$="-controls"], [class$="-fields"]) {
  background-color: var(--dark-surface-raised);
  border-color: var(--dark-border);
  color: var(--text);
}

:root[data-theme="dark"] :is(.container, .sidebar, .topbar, .chart-settings-dialog) :is(h1, h2, h3, h4, p, span, strong, b, small, label, a, td, th, li, button) {
  color: var(--text);
}

:root[data-theme="dark"] :is(.muted, .note, .nav-caption, .sidebar-foot, .account-name, .market-item, .metric-card small, .field label, th, footer, [class*="-subtitle"], [class*="-hint"], [class*="-note"]) {
  color: var(--muted);
}

:root[data-theme="dark"] :is(.eyebrow, .market-strip-label, .tonnage-total strong, .home-note-icon, .account-action, .text-link) {
  color: var(--brand-color);
}

:root[data-theme="dark"] .brand-logo-light {
  display: none;
}

:root[data-theme="dark"] .brand-logo-dark {
  display: block;
}

:root[data-theme="dark"] :is(.brand-logo-dark, .auth-brand img) {
  opacity: .88;
}

:root[data-theme="dark"] .side-link {
  color: #b6c2cf;
}

:root[data-theme="dark"] .side-link:hover,
:root[data-theme="dark"] .side-link.active {
  background: var(--brand-soft);
  color: var(--brand-color);
}

:root[data-theme="dark"] :is(.menu-toggle, #theme-toggle, .button.secondary, .period-chip, .tag, .source-badge, .chip, .report-year-pill, .shipment-week-tab, .admin-workspace-tab, .chart-settings-trigger) {
  background: var(--dark-surface-raised);
  border-color: var(--dark-border);
  color: var(--text);
}

:root[data-theme="dark"] .dashboard-month-pill {
  background: var(--dark-surface-raised);
  border-color: #40556b;
  color: #d3dde7;
}

:root[data-theme="dark"] .dashboard-month-pill:hover {
  background: #203447;
  border-color: var(--brand-color);
  color: #e6fffb;
}

:root[data-theme="dark"] .dashboard-month-pill.selected,
:root[data-theme="dark"] .dashboard-month-pill.selected:hover {
  background: var(--brand-color);
  border-color: #a0f5eb;
  color: #092321;
  box-shadow: 0 0 0 2px #64c9bf66, 0 3px 10px #0005;
}

:root[data-theme="dark"] .dashboard-month-pill.disabled {
  background: #121d2b;
  border-color: #28384b;
  color: #8d9baa;
  opacity: 1;
}

:root[data-theme="dark"] .dashboard-month-pill:focus-visible {
  outline: 2px solid var(--brand-color);
  outline-offset: 2px;
}

:root[data-theme="dark"] :is(.button.primary, input[type="submit"], button.primary) {
  background: var(--brand-color);
  border-color: var(--brand-color);
  color: #092321;
}

:root[data-theme="dark"] :is(input, select, textarea, .field input, .field select, .field textarea, .login-form input, .chart-settings-search) {
  color-scheme: dark;
  background: var(--dark-surface-subtle);
  border-color: var(--dark-border);
  color: var(--text);
}

:root[data-theme="dark"] :is(input, select, textarea)::placeholder {
  color: #91a4b9;
}

:root[data-theme="dark"] :is(table, .table-wrap) {
  color: var(--text);
}

:root[data-theme="dark"] :is(th, td, .recent-import-row, .admin-escalation-row) {
  border-color: var(--dark-border);
}

:root[data-theme="dark"] tbody tr:hover,
:root[data-theme="dark"] :is(.period-chip:hover, .period-chip.selected, .admin-workspace-tab:hover) {
  background: #1d3445;
}

:root[data-theme="dark"] :is(.message, .home-note, .home-status, .tonnage-total, .chart-settings-dialog, .chart-settings-close, .chart-settings-option, .admin-intro-card, .admin-rule-intro, .admin-escalation-table, .admin-labor-wage-card, .admin-user-create, .admin-user-list) {
  background: var(--dark-surface);
  border-color: var(--dark-border);
  color: var(--text);
}

:root[data-theme="dark"] .chart-settings-backdrop {
  background: #030811c9;
}

:root[data-theme="dark"] .donut::before {
  background: var(--dark-surface);
  border-color: var(--dark-border);
}

:root[data-theme="dark"] .home-donut-hole,
:root[data-theme="dark"] .sales-customer-pie-hole {
  fill: var(--dark-surface);
  stroke: var(--dark-border);
}

:root[data-theme="dark"] .shipment-donut::before,
:root[data-theme="dark"] .donut::before {
  background: var(--dark-surface);
  border-color: var(--dark-border);
  box-shadow: none;
}

:root[data-theme="dark"] :is(.home-donut-center strong, .shipment-donut-center strong, .sales-customer-pie-center strong) {
  color: var(--text);
}

:root[data-theme="dark"] :is(.home-donut-center span, .shipment-donut-center span, .sales-customer-pie-center span, .home-donut-selection-label, .shipment-donut-selection-label) {
  color: var(--muted);
}

:root[data-theme="dark"] :is(.home-donut-selection-values, .shipment-donut-selection-values, .sales-customer-total, .sales-customer-list li > b) {
  color: var(--brand-color);
}

:root[data-theme="dark"] :is(.tonnage-value-label, .chart-date-label, .chart-week-label, .chart-axis-label, .chart-unit-label, .sales-customer-value-label, .sales-unit-price-change-axis-label, .sales-unit-price-change-month) {
  fill: #bdc9d5;
  stroke: var(--dark-surface);
}

:root[data-theme="dark"] :is(.chart-grid-line, .chart-grid-strong, .chart-baseline, .sales-unit-price-change-gridline) {
  stroke: var(--dark-border);
}

:root[data-theme="dark"] :is(.brand-product, .brand-name, .topbar-title, .page-heading h1, .section-heading h2, .period-panel-heading h2, .metric-card strong, .metric-label, .market-item strong, .admin-panel-heading h1, .admin-rule-column > h2, .admin-rule-list-heading h2) {
  color: var(--text);
}

:root[data-theme="dark"] :is(.market-trend.up, .positive-difference, .mapping-status.mapped) {
  color: #6db894;
}

:root[data-theme="dark"] :is(.market-trend.down, .negative-difference, .errorlist, .login-error) {
  color: #d799a2;
}

:root[data-theme="dark"] .mapping-status.mapped {
  background: #17392f;
  border-color: #2d654f;
}

:root[data-theme="dark"] .mapping-status.raw-only {
  background: var(--dark-surface-raised);
  border-color: var(--dark-border);
  color: #b6c2cf;
}

:root[data-theme="dark"] .theme-icon-sun,
:root:not([data-theme="dark"]) .theme-icon-moon {
  display: none;
}

/* Keep the MTG report table readable when its light palette is active. */
:root[data-theme="dark"] .dashboard-report-page .shipment-table {
  border-color: var(--dark-border);
  background: var(--dark-surface-subtle);
  color: var(--text);
}

:root[data-theme="dark"] .dashboard-report-page .shipment-table th,
:root[data-theme="dark"] .dashboard-report-page .shipment-table td {
  border-color: var(--dark-border) !important;
  background: var(--dark-surface-subtle) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] .dashboard-report-page .shipment-table .shipment-column-head th {
  background: #1b3442 !important;
  color: #b2c1bd !important;
}

:root[data-theme="dark"] .dashboard-report-page .shipment-table .shipment-subhead th {
  background: #182d3c !important;
  color: #b4c3cf !important;
}

:root[data-theme="dark"] .dashboard-report-page .shipment-table .shipment-clear-total td,
:root[data-theme="dark"] .dashboard-report-page .shipment-table .shipment-budget-cell,
:root[data-theme="dark"] .dashboard-report-page .shipment-table .shipment-total td {
  background: #173b3a !important;
  color: #b4c2bf !important;
}

:root[data-theme="dark"] .dashboard-report-page .shipment-table .shipment-clear-child td,
:root[data-theme="dark"] .dashboard-report-page .shipment-table .shipment-icdas-subtotal td,
:root[data-theme="dark"] .dashboard-report-page .shipment-table .shipment-product-detail td,
:root[data-theme="dark"] .dashboard-report-page .shipment-table .shipment-division-name,
:root[data-theme="dark"] .dashboard-report-page .shipment-table .shipment-division-empty {
  background: var(--dark-surface-raised) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] .dashboard-report-page .shipment-table .shipment-tuvenan td {
  background: #3b2a20 !important;
  color: #cfad8e !important;
}

:root[data-theme="dark"] .dashboard-report-page .shipment-table .shipment-rock td {
  background: #293641 !important;
  color: #bdc9d5 !important;
}

:root[data-theme="dark"] .dashboard-report-page .shipment-table .shipment-second_quality td {
  background: #3c252b !important;
  color: #c28d94 !important;
}

:root[data-theme="dark"] .dashboard-report-page .shipment-table .shipment-overburden td {
  background: #322a42 !important;
  color: #dbc8f3 !important;
}

:root[data-theme="dark"] .dashboard-report-page .shipment-mobile-summary-row {
  border-color: var(--dark-border) !important;
  background: var(--dark-surface-subtle) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] .dashboard-report-page .shipment-mobile-clear_size,
:root[data-theme="dark"] .dashboard-report-page .shipment-mobile-summary-row.shipment-mobile-total {
  background: #173b3a !important;
  color: #b4c2bf !important;
}

:root[data-theme="dark"] .dashboard-report-page .shipment-mobile-tuvenan {
  background: #3b2a20 !important;
  color: #cfad8e !important;
}

:root[data-theme="dark"] .dashboard-report-page .shipment-mobile-rock {
  background: #293641 !important;
  color: #bdc9d5 !important;
}

:root[data-theme="dark"] .dashboard-report-page .shipment-mobile-second_quality {
  background: #3c252b !important;
  color: #c28d94 !important;
}

:root[data-theme="dark"] .dashboard-report-page .shipment-mobile-overburden {
  background: #322a42 !important;
  color: #dbc8f3 !important;
}

:root[data-theme="dark"] .reports-group-heading{color:#92a0b2}
:root[data-theme="dark"] .topbar-workspace-form select{border-color:#34495f;background:#101d2c;color:#cfdfeb}
:root[data-theme="dark"] .topbar-workspace-form select:disabled{background:#162536;color:#9eafb9}

/* Product details and category filters use fixed light colors in the base theme. */
:root[data-theme="dark"] .shipment-product-category-filter,
:root[data-theme="dark"] .shipment-sticky-product-groups {
  border-color: var(--dark-border) !important;
  background: var(--dark-surface) !important;
  box-shadow: 0 8px 22px #0005;
}

:root[data-theme="dark"] .shipment-product-category-title {
  color: var(--muted) !important;
}

:root[data-theme="dark"] .shipment-product-category-chip {
  border-color: var(--dark-border) !important;
  background: var(--dark-surface-raised) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] .shipment-product-category-chip small {
  color: var(--muted) !important;
}

:root[data-theme="dark"] .shipment-product-category-chip:hover,
:root[data-theme="dark"] .shipment-product-category-chip.is-highlighted,
:root[data-theme="dark"] .shipment-product-category-chip.is-partial {
  border-color: #3d827a !important;
  background: #1c3e43 !important;
}

:root[data-theme="dark"] .shipment-breakdown-table .shipment-product-detail-row td {
  border-color: var(--dark-border) !important;
  background: #192a3a !important;
  color: #b9cbd7 !important;
}

:root[data-theme="dark"] .sales-customer-button-list-panel .sales-customer-list li,
:root[data-theme="dark"] .sales-turnover .sales-turnover-list-panel .sales-customer-list li {
  border-color: var(--dark-border) !important;
  background: var(--dark-surface-raised) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] .sales-customer-button-list-panel .sales-customer-list li:hover,
:root[data-theme="dark"] .sales-customer-button-list-panel .sales-customer-list li:focus-visible,
:root[data-theme="dark"] .sales-customer-button-list-panel .sales-customer-list li.is-highlighted {
  border-color: #3d827a !important;
  background: #1c3e43 !important;
}

:root[data-theme="dark"] .sales-customer-button-list-panel .sales-customer-list li strong,
:root[data-theme="dark"] .sales-turnover .sales-turnover-list-panel .sales-customer-list li strong {
  color: var(--text) !important;
}

:root[data-theme="dark"] .sales-customer-button-list-panel .sales-customer-list li small,
:root[data-theme="dark"] .sales-turnover .sales-turnover-list-panel .sales-customer-list li small {
  color: var(--muted) !important;
}

:root[data-theme="dark"] .shipment-goldmine-tag {
  border-color: #367469 !important;
  background: #183b3a !important;
  color: #89cbbf !important;
}

:root[data-theme="dark"] .delete-action,
:root[data-theme="dark"] .admin-remove-rule {
  border-color: #75434c;
  background: #33232b;
  color: #c28d94;
}

:root[data-theme="dark"] .delete-action:hover,
:root[data-theme="dark"] .admin-remove-rule:hover {
  border-color: #a45d67;
  background: #482832;
  color: #c89499;
}

/* Chart stages should sit quietly inside their cards, without light canvases. */
:root[data-theme="dark"] :is(
  .chart-panel,
  [class*="-chart-panel"],
  [class*="-chart-wrap"],
  [class*="-donut-layout"],
  [class*="-pie-wrap"],
  [class*="-history-scroll"]
) {
  background-color: var(--dark-surface-subtle) !important;
  border-color: var(--dark-border) !important;
  box-shadow: none;
}

:root[data-theme="dark"] :is(.sales-customer-chart-empty, .chart-empty-state) {
  border-color: var(--dark-border) !important;
  background: var(--dark-surface-subtle) !important;
  color: var(--muted) !important;
}

:root[data-theme="dark"] :is(
  .sales-customer-gridline,
  .sales-customer-axis,
  .chart-grid-line,
  .chart-grid-strong,
  .chart-baseline
) {
  stroke: #33465c;
}

:root[data-theme="dark"] :is(
  .sales-customer-x-label,
  .sales-customer-y-label,
  .sales-combo-x-label,
  .sales-combo-y-label
) {
  fill: #aebdce !important;
}

:root[data-theme="dark"] .budget-summary-table tbody tr:nth-child(even) {
  background: #172334;
}

:root[data-theme="dark"] .budget-summary-table thead .budget-summary-groups th {
  background: #172638;
  color: #b5c2d0;
  border-bottom-color: #30445b;
}

:root[data-theme="dark"] .budget-summary-table thead .budget-summary-columns th {
  background: #132033;
  color: #97aabc;
}

:root[data-theme="dark"] .budget-summary-table .budget-summary-total,
:root[data-theme="dark"] .budget-summary-table .budget-success-cell {
  color: #77c8bd;
}

:root[data-theme="dark"] .budget-summary-table .budget-difference-cell.positive {
  color: #78c9a5;
}

:root[data-theme="dark"] .budget-summary-table .budget-difference-cell.negative {
  color: #d99e9b;
}

:root[data-theme="dark"] .budget-summary-table .below-budget {
  color: #d99e9b;
}

:root[data-theme="dark"] .budget-summary-table .above-budget {
  color: #78c9a5;
}

/* Chart selection states must keep the dark palette instead of exposing light-theme fills. */
:root[data-theme="dark"] .sales-customer-bar.is-dimmed {
  fill: #35465a !important;
  opacity: .82 !important;
}

:root[data-theme="dark"] :is(
  .sales-customer-list li.is-highlighted,
  .sales-turnover-list-panel .sales-customer-list li.is-highlighted,
  .sales-unit-price-list li:hover,
  .sales-unit-price-list li.is-highlighted,
  .home-donut-legend-row.is-highlighted,
  .shipment-type-legend-row.is-highlighted
) {
  border-color: #3d827a !important;
  background: #1c3e43 !important;
  color: #b5c4c0 !important;
}

:root[data-theme="dark"] :is(.sales-unit-price-change-customer-button, .sales-unit-price-filter) {
  border-color: var(--dark-border) !important;
  background: var(--dark-surface-raised) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] .sales-unit-price-summary .sales-unit-price-average-summary {
  border-color: #315d5a !important;
  background: #173438 !important;
}

:root[data-theme="dark"] :is(
  .sales-unit-price-average-summary span,
  .sales-unit-price-average-summary strong,
  .sales-unit-price-average-summary em
) {
  color: #90cbbf !important;
}

:root[data-theme="dark"] :is(
  .sales-unit-price-change-customer-button:hover,
  .sales-unit-price-change-customer-button.is-active,
  .sales-unit-price-filter:hover,
  .sales-unit-price-filter[aria-pressed="true"]
) {
  border-color: #3d827a !important;
  background: #1c3e43 !important;
  color: #9dd8cd !important;
}

:root[data-theme="dark"] :is(
  .sales-customer-list li.is-highlighted strong,
  .sales-customer-list li.is-highlighted small,
  .sales-turnover-list-panel .sales-customer-list li.is-highlighted strong,
  .sales-turnover-list-panel .sales-customer-list li.is-highlighted small,
  .sales-unit-price-list li.is-highlighted strong,
  .sales-unit-price-list li.is-highlighted span,
  .sales-unit-price-list li.is-highlighted b,
  .home-donut-legend-row.is-highlighted strong,
  .home-donut-legend-row.is-highlighted small,
  .shipment-type-legend-row.is-highlighted strong,
  .shipment-type-legend-row.is-highlighted small
) {
  color: #c7d9d5 !important;
}

:root[data-theme="dark"] :is(
  .sales-customer-bar:focus-visible,
  .sales-customer-pie-segment.is-highlighted path,
  .sales-customer-pie-segment:focus-visible path,
  .home-donut-segment.is-highlighted path,
  .home-donut-segment:focus-visible path,
  .shipment-donut-segment.is-highlighted path,
  .shipment-donut-segment:focus-visible path
) {
  stroke: #64c9bf !important;
}

:root[data-theme="dark"] :is(
  .sales-customer-value-label,
  .sales-combo-turnover-label,
  .sales-combo-quantity-label,
  .sales-unit-price-value,
  .sales-unit-price-change-value
) {
  stroke: var(--dark-surface-subtle) !important;
}

:root[data-theme="dark"] .sales-unit-price-change-point {
  fill: var(--dark-surface-raised) !important;
  stroke: #64c9bf !important;
}

.sales-unit-price-change-value-backdrop {
  display: none;
}

:root[data-theme="dark"] .sales-unit-price-change-value-backdrop {
  display: block;
  fill: #18343a;
  stroke: #28645a;
  stroke-width: 1;
  filter: drop-shadow(0 2px 5px #0005);
  transition: fill .14s, stroke .14s, filter .14s;
  pointer-events: none;
}

:root[data-theme="dark"] .sales-unit-price-change-value-backdrop.is-highlighted {
  fill: #1d4840;
  stroke: #62b9a3;
  filter: drop-shadow(0 0 7px #18a591a8);
}

:root[data-theme="dark"] .sales-unit-price-change-value.is-highlighted {
  fill: #b1bfbc !important;
  stroke: transparent !important;
}

:root[data-theme="dark"] .shipment-history-label-bg {
  display: initial;
  fill: #18343a;
  fill-opacity: 1;
  stroke: #28645a;
  stroke-width: 1;
  filter: drop-shadow(0 2px 5px #0005);
}
:root[data-theme="dark"] .shipment-history-label-bg.is-period-highlight,
:root[data-theme="dark"] .shipment-history-label-bg.is-last-label {
  fill: #1d4840;
  stroke: #62b9a3;
}
:root[data-theme="dark"] .shipment-history-value-label {
  fill: #b1bfbc;
  stroke: #18343a;
}
:root[data-theme="dark"] .customer-analysis-history-point-label,
:root[data-theme="dark"] .customer-analysis-history-end-label {
  stroke: #172330;
}
:root[data-theme="dark"] .customer-analysis-history-value-card {
  display: initial;
}

:root[data-theme="dark"] .sales-combo-quantity-point {
  stroke: var(--dark-surface-subtle) !important;
}

:root[data-theme="dark"] :is(
  .sales-unit-price-change-axis-label,
  .sales-unit-price-change-month,
  .sales-unit-price-change-value,
  .sales-unit-price-value
) {
  fill: #c7d9d5 !important;
}

:root[data-theme="dark"] .sales-combo-turnover-label {
  fill: #91d8ce !important;
}

:root[data-theme="dark"] .sales-combo-turnover-label.is-inside {
  fill: #c7d9d5 !important;
}

:root[data-theme="dark"] .sales-combo-quantity-label {
  fill: #cf9298 !important;
}

:root[data-theme="dark"] .budget-summary-table thead .budget-summary-groups th:nth-child(2){background:#172b30}
:root[data-theme="dark"] .budget-summary-table thead .budget-summary-groups th:nth-child(3){background:#172638}
:root[data-theme="dark"] .budget-summary-table thead .budget-summary-groups th:nth-child(4){background:#172b30}
:root[data-theme="dark"] .budget-summary-table thead .budget-summary-groups th:nth-child(5){background:#172638}
:root[data-theme="dark"] .budget-summary-table thead .budget-summary-groups th:nth-child(6){background:#172b30}
:root[data-theme="dark"] .budget-summary-table thead .budget-summary-columns th:nth-child(n+2):nth-child(-n+4){background:#14262b}
:root[data-theme="dark"] .budget-summary-table thead .budget-summary-columns th:nth-child(n+5):nth-child(-n+7){background:#132231}
:root[data-theme="dark"] .budget-summary-table thead .budget-summary-columns th:nth-child(n+8):nth-child(-n+10){background:#14262b}
:root[data-theme="dark"] .budget-summary-table thead .budget-summary-columns th:nth-child(n+11):nth-child(-n+13){background:#132231}
:root[data-theme="dark"] .budget-summary-table thead .budget-summary-groups th:nth-child(n+2),:root[data-theme="dark"] .budget-summary-table thead .budget-summary-columns th:nth-child(2),:root[data-theme="dark"] .budget-summary-table thead .budget-summary-columns th:nth-child(5),:root[data-theme="dark"] .budget-summary-table thead .budget-summary-columns th:nth-child(8),:root[data-theme="dark"] .budget-summary-table thead .budget-summary-columns th:nth-child(11),:root[data-theme="dark"] .budget-summary-table tbody td:nth-child(2),:root[data-theme="dark"] .budget-summary-table tbody td:nth-child(5),:root[data-theme="dark"] .budget-summary-table tbody td:nth-child(8),:root[data-theme="dark"] .budget-summary-table tbody td:nth-child(11),:root[data-theme="dark"] .budget-summary-table tbody td:nth-child(14){border-left-color:#3a5551}

/* Lower the brightness of white and accent text in the dark Budget table. */
:root[data-theme="dark"] .budget-summary-table tbody th,:root[data-theme="dark"] .budget-summary-table tbody td{color:#bcc7d3}
:root[data-theme="dark"] .budget-summary-table thead .budget-summary-groups th{color:#b4c0cc}
:root[data-theme="dark"] .budget-summary-table thead .budget-summary-columns th{color:#8998a8}
:root[data-theme="dark"] .budget-summary-table .budget-summary-total,:root[data-theme="dark"] .budget-summary-table .budget-success-cell{color:#8fc8bb}
:root[data-theme="dark"] .budget-summary-table .budget-difference-cell.positive,:root[data-theme="dark"] .budget-summary-table .above-budget{color:#89c8ae}
:root[data-theme="dark"] .budget-summary-table .budget-difference-cell.negative,:root[data-theme="dark"] .budget-summary-table .below-budget{color:#d99b98}

/* Keep import-history pagination consistent with the dark admin surface. */
:root[data-theme="dark"] .admin-pagination a {
  border-color: var(--dark-border, #2b3d52);
  background: #17263a;
  color: #c0ccd8;
}

:root[data-theme="dark"] .admin-pagination a:hover,
:root[data-theme="dark"] .admin-pagination a.active {
  border-color: #319f94;
  background: #176e68;
  color: #b1bfbc;
}

:root[data-theme="dark"] .admin-pagination span {
  color: #9aa9b8;
}

/* Admin workspaces also contain compact editors that do not use the shared panel styles. */
:root[data-theme="dark"] .admin-workspace-tab:not(.active) {
  border-color: var(--dark-border);
  background: var(--dark-surface-raised);
  color: #b6c2cf;
}

:root[data-theme="dark"] .admin-workspace-tab:not(.active):hover {
  border-color: #39766f;
  background: #1a3440;
}

:root[data-theme="dark"] .admin-intro-card,
:root[data-theme="dark"] .admin-rule-intro {
  border-color: var(--dark-border);
  background: linear-gradient(130deg, #111c2d, #142338);
  color: var(--text);
}

:root[data-theme="dark"] .admin-intro-card h2,
:root[data-theme="dark"] .admin-rule-intro h2,
:root[data-theme="dark"] .admin-rule-column > h2,
:root[data-theme="dark"] .admin-rule-list-heading h2,
:root[data-theme="dark"] .admin-rule-group h3,
:root[data-theme="dark"] .admin-user-create h2,
:root[data-theme="dark"] .admin-user-list h2 {
  color: #cbd5df;
}

:root[data-theme="dark"] .admin-intro-card > p:not(.eyebrow),
:root[data-theme="dark"] .admin-rule-intro p:not(.eyebrow),
:root[data-theme="dark"] .admin-rule-group header > span,
:root[data-theme="dark"] .admin-rule-group li small,
:root[data-theme="dark"] .admin-help,
:root[data-theme="dark"] .admin-note {
  color: #9aa9b8;
}

:root[data-theme="dark"] .admin-preview-grid article {
  border-color: var(--dark-border);
  background: var(--dark-surface-raised);
}

:root[data-theme="dark"] .admin-preview-grid strong {
  color: #cbd5df;
}

:root[data-theme="dark"] .admin-preview-grid span {
  color: #9aa9b8;
}

:root[data-theme="dark"] .admin-add-details > summary {
  border-color: #315a5b;
  background: #17353a;
  color: #79c7bb;
}

:root[data-theme="dark"] .admin-add-details > summary:hover {
  border-color: #438d83;
  background: #1c4547;
}

:root[data-theme="dark"] .admin-inline-rule-form {
  border-color: var(--dark-border);
  background: #111c2d;
  box-shadow: 0 12px 30px #0008;
  color: var(--text);
}

:root[data-theme="dark"] .admin-inline-rule-form label,
:root[data-theme="dark"] .admin-rule-form label,
:root[data-theme="dark"] .admin-user-form label {
  color: #b9c7d5;
}

:root[data-theme="dark"] .admin-rule-group li {
  border-color: #293a50;
}

:root[data-theme="dark"] .admin-rule-group li strong,
:root[data-theme="dark"] .admin-user-list li strong {
  color: #becad6;
}

:root[data-theme="dark"] .admin-empty-group,
:root[data-theme="dark"] .admin-user-list li.admin-user-empty {
  border-color: #293a50;
  color: #9aa9b8;
}

:root[data-theme="dark"] .admin-rule-count,
:root[data-theme="dark"] .admin-user-list li > span {
  background: #19373a;
  color: #79c7bb;
}

:root[data-theme="dark"] .admin-escalation-table {
  border-color: var(--dark-border);
  background: var(--dark-surface);
}

:root[data-theme="dark"] .admin-escalation-table-head {
  background: #16283b;
}

:root[data-theme="dark"] .admin-escalation-table-head strong,
:root[data-theme="dark"] .admin-escalation-row > strong,
:root[data-theme="dark"] .admin-escalation-row > [role="cell"],
:root[data-theme="dark"] .admin-escalation-fixed-share {
  color: #70bcae;
}

:root[data-theme="dark"] .admin-escalation-row {
  border-color: var(--dark-border);
  background: #17263a;
}

:root[data-theme="dark"] .admin-labor-wage-card {
  border-color: var(--dark-border);
  background: #152438;
}

:root[data-theme="dark"] .admin-labor-wage-card h3 {
  color: #70bcae;
}

:root[data-theme="dark"] .admin-labor-wage-fields > label,
:root[data-theme="dark"] .admin-labor-wage-footer > span,
:root[data-theme="dark"] .admin-escalation-labor-rate,
:root[data-theme="dark"] .admin-escalation-labor-toggle,
:root[data-theme="dark"] .admin-escalation-lockbar > span {
  color: #aab9c8;
}

:root[data-theme="dark"] .admin-labor-wage-footer {
  border-color: var(--dark-border);
}

:root[data-theme="dark"] .admin-labor-wage-footer output {
  color: #70bcae;
}

:root[data-theme="dark"] .admin-escalation-lock {
  border-color: #315a5b;
  background: #17353a;
  color: #79c7bb;
}

:root[data-theme="dark"] .admin-escalation-lock:hover {
  border-color: #438d83;
  background: #1c4547;
}

:root[data-theme="dark"] .admin-escalation-fields:disabled .admin-escalation-row input,
:root[data-theme="dark"] .admin-escalation-fields:disabled .admin-labor-wage-input input {
  background: #101c2b;
  color: #9aa9b8;
}

:root[data-theme="dark"] .admin-user-list li {
  border-color: #293a50;
}

:root[data-theme="dark"] .admin-draft-badge {
  border-color: #315a5b;
  background: #17353a;
  color: #79c7bb;
}

/* Selected shipment rows previously inherited a pale light-theme highlight. */
:root[data-theme="dark"] .shipment-product-row.is-highlighted td,
:root[data-theme="dark"] .shipment-customer-row.is-highlighted td {
  border-color: #315b5b !important;
  background: #1c3e43 !important;
  color: #b5c4c0 !important;
}

:root[data-theme="dark"] .calculation-loading {
  border-color: #315a5b;
  background: #142338f2;
  color: #b5c4c0;
  box-shadow: 0 8px 26px #0008;
}

:root[data-theme="dark"] .calculation-loading__track {
  background: #26384b;
}

/* Keep SVG labels and highlights clear without using near-white text. */
:root[data-theme="dark"] :is(
  .tonnage-value-label,
  .chart-date-label,
  .chart-week-label,
  .chart-axis-label,
  .chart-unit-label,
  .sales-customer-value-label,
  .sales-unit-price-change-axis-label,
  .sales-unit-price-change-month,
  .sales-unit-price-change-value,
  .sales-unit-price-value,
  .shipment-history-value-label
) {
  fill: #bdc9d5 !important;
  color: #bdc9d5;
}

:root[data-theme="dark"] :is(
  .sales-unit-price-change-value.is-highlighted,
  .sales-unit-price-change-value-backdrop.is-highlighted + .sales-unit-price-change-value,
  .shipment-history-value-label.is-period-highlight,
  .shipment-history-value-label.is-last-label
) {
  fill: #b1bfbc !important;
}

:root[data-theme="dark"] :is(.sales-customer-pie-segment, .home-donut-segment, .shipment-donut-segment) path {
  stroke: #26394b !important;
}

:root[data-theme="dark"] :is(
  .sales-customer-pie-segment.is-highlighted,
  .home-donut-segment.is-highlighted,
  .shipment-donut-segment.is-highlighted
) path {
  stroke: #64c9bf !important;
}

/* Reconciliation and inline import dialogs have their own fixed light colors. */
:root[data-theme="dark"] :is(
  .reconciliation-customer-selector,
  .reconciliation-summary,
  .reconciliation-summary-meta > div,
  .reconciliation-section.unmatched
) {
  border-color: var(--dark-border);
  background: var(--dark-surface);
  color: var(--text);
}

:root[data-theme="dark"] :is(.reconciliation-summary-heading, .reconciliation-summary-table thead th) {
  color: #bdc9c6;
}

:root[data-theme="dark"] .reconciliation-download {
  background: #287d74 !important;
  border-color: #287d74 !important;
  color: #c2ceca !important;
  box-shadow: 0 5px 14px #0003;
}

:root[data-theme="dark"] :is(#reconciliation-dialog, .import-match-dialog) {
  border-color: var(--dark-border) !important;
  background: var(--dark-surface) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] :is(.customer-match-item, .reconciliation-summary-meta > div) {
  border-color: var(--dark-border);
}

:root[data-theme="dark"] .customer-match-item legend {
  color: var(--muted);
}

:root[data-theme="dark"] .brand-beta {
  color: #6db894 !important;
}

:root[data-theme="dark"] :is(.chart-date-label, .chart-week-label, .customer-analysis-daily-date-label) {
  fill: #b7c1ca !important;
  stroke: none !important;
  font-weight: 600;
  font-size: 9px !important;
}

:root[data-theme="dark"] :is(
  .chart-axis-label,
  .customer-analysis-daily-axis-label,
  .customer-analysis-history-axis-label,
  .sales-customer-y-label,
  .sales-combo-y-label,
  .sales-unit-price-change-axis-label
) {
  fill: #aab5be !important;
  stroke: none !important;
  font-weight: 500;
}

/* Give the login page the same low-glare surfaces and typography as the app. */
:root[data-theme="dark"] body.auth-page,
:root[data-theme="dark"] .auth-scene {
  background-color: #101a25;
  color: var(--text);
}

:root[data-theme="dark"] .auth-scene::after {
  background: linear-gradient(105deg, rgba(4, 29, 32, .9) 0%, rgba(8, 49, 49, .84) 47%, rgba(9, 34, 42, .87) 100%);
}

:root[data-theme="dark"] :is(.auth-brand, .auth-welcome, .auth-site-link) {
  color: #b7c1ca;
}

:root[data-theme="dark"] :is(.auth-overline, .auth-description, .auth-brand span, .auth-site-nav, .auth-site-link + .auth-site-link) {
  border-color: #9aafba66;
  color: #b6c4ce;
}

:root[data-theme="dark"] .auth-footer {
  color: #94a7b2;
}

:root[data-theme="dark"] .auth-card {
  border-color: var(--dark-border);
  background: #152233f2;
  color: var(--text);
  box-shadow: 0 24px 70px #0005;
}

:root[data-theme="dark"] .auth-card-mark {
  background: #20373a;
  color: #8ccdc3;
}

:root[data-theme="dark"] .auth-card .eyebrow,
:root[data-theme="dark"] .auth-lock-note span {
  color: #81c9bf;
}

:root[data-theme="dark"] .auth-card h2 {
  color: #b7c1ca;
}

:root[data-theme="dark"] :is(.auth-card-note, .auth-lock-note) {
  color: #9eafbc;
}

:root[data-theme="dark"] .auth-card .login-form label {
  color: #b9c6d1;
}

:root[data-theme="dark"] .auth-card .login-form input {
  border-color: var(--dark-border);
  background: var(--dark-surface-subtle);
  color: #b7c1ca;
}

:root[data-theme="dark"] .auth-card .login-form input:focus {
  outline-color: #64c9bf40;
  border-color: #5aa99f;
}

:root[data-theme="dark"] .auth-card .login-error {
  border-color: #68414a;
  background: #33252d;
  color: #c69095;
}

:root[data-theme="dark"] .auth-submit {
  background: #287d74;
  color: #b2c1bd;
  box-shadow: 0 7px 18px #0003;
}

:root[data-theme="dark"] .auth-submit:hover {
  background: #326f69;
}

:root[data-theme="dark"] .auth-shortcut {
  border-color: #8ba7a666;
  background: linear-gradient(135deg, #172b36ed, #1b3438dc);
  color: #b1c0bd;
  box-shadow: 0 10px 26px #0003;
}

:root[data-theme="dark"] .auth-shortcut:hover {
  border-color: #75aaa2;
  background: #1e393d;
}

  color: #74b8a9 !important;
}

  color: #bdcec8 !important;
}

  color: #76bb94 !important;
}

  color: #82939b !important;
}

  color: #91a0a4 !important;
}

  color: #b1bec5 !important;
}

:root[data-theme="dark"] .admin-workspace-tabs{border-color:var(--dark-border)}
:root[data-theme="dark"] .admin-rule-intro{background:var(--dark-surface)}
:root[data-theme="dark"] .admin-order-card-heading,:root[data-theme="dark"] .admin-reference-panel-heading{border-color:var(--dark-border)}
:root[data-theme="dark"] .admin-order-card-heading h2,:root[data-theme="dark"] .admin-reference-panel-heading h2{color:#d8e3ef}
:root[data-theme="dark"] .admin-order-card-heading p:not(.admin-order-kicker),:root[data-theme="dark"] .admin-reference-panel-heading p:not(.admin-order-kicker),:root[data-theme="dark"] .admin-catalog-form>label,:root[data-theme="dark"] .admin-reference-form label{color:#9aa9b8}
:root[data-theme="dark"] .admin-order-count,:root[data-theme="dark"] .admin-reference-company>span{border-color:#315a5b;background:#19373a;color:#79c7bb}
:root[data-theme="dark"] .admin-catalog-form input,:root[data-theme="dark"] .admin-reference-form input{border-color:var(--dark-border);background:#0c1726;color:var(--text)}
:root[data-theme="dark"] .admin-catalog-list{border-color:var(--dark-border)}
:root[data-theme="dark"] .admin-catalog-list li{border-color:var(--dark-border)}
:root[data-theme="dark"] .admin-catalog-list strong,:root[data-theme="dark"] .admin-reference-company strong{color:#d8e3ef}
:root[data-theme="dark"] .admin-catalog-index,:root[data-theme="dark"] .admin-catalog-list .admin-catalog-empty,:root[data-theme="dark"] .admin-reference-empty{color:#96a8bc}
:root[data-theme="dark"] .admin-reference-form{border-color:var(--dark-border);background:#131f2f}
:root[data-theme="dark"] .admin-reference-empty{border-color:var(--dark-border)}
:root[data-theme="dark"] .admin-measurement-requirements>header{border-color:var(--dark-border)}
:root[data-theme="dark"] .admin-measurement-requirements h2{color:#d8e3ef}
:root[data-theme="dark"] .admin-measurement-requirements>header p:not(.admin-order-kicker),:root[data-theme="dark"] .admin-requirement-form footer span{color:#96a8bc}
:root[data-theme="dark"] .admin-requirement-options label{border-color:var(--dark-border);background:#131f2f;color:#d8e3ef}
:root[data-theme="dark"] .admin-requirement-form footer{border-color:var(--dark-border)}
:root[data-theme="dark"] .admin-reference-company-group{border-color:var(--dark-border);background:#131f2f}
:root[data-theme="dark"] .admin-reference-company-group>summary,:root[data-theme="dark"] .admin-reference-company-group[open]>summary{border-color:var(--dark-border);background:#172536}
:root[data-theme="dark"] .admin-reference-company-index{background:#19373a;color:#79c7bb}
:root[data-theme="dark"] .admin-reference-company-name strong{color:#d8e3ef}
:root[data-theme="dark"] .admin-reference-company-name small,:root[data-theme="dark"] .admin-reference-limit{color:#96a8bc}
:root[data-theme="dark"] .admin-reference-form input,:root[data-theme="dark"] .admin-reference-form select{border-color:var(--dark-border);background:#0c1726;color:var(--text)}
:root[data-theme="dark"] .admin-reference-add{border-color:var(--dark-border);background:#172536}
:root[data-theme="dark"] .admin-reference-add[open]>summary{border-color:var(--dark-border)}
:root[data-theme="dark"] .admin-reference-delete{border-color:#684344;background:#241e27;color:#e7a09b}
:root[data-theme="dark"] .admin-reference-delete-dialog{border-color:var(--dark-border);background:var(--dark-surface);color:var(--text)}
:root[data-theme="dark"] .admin-reference-delete-dialog p,:root[data-theme="dark"] .admin-reference-delete-dialog label{color:#9aa9b8}
:root[data-theme="dark"] .admin-reference-delete-dialog input[type=password]{border-color:var(--dark-border);background:#0c1726;color:var(--text)}
:root[data-theme="dark"] .admin-customer-add-row,:root[data-theme="dark"] .admin-reference-entry{border-color:var(--dark-border);background:#131f2f}
:root[data-theme="dark"] .admin-customer-add-row label{color:#9aa9b8}
:root[data-theme="dark"] .admin-customer-add-row input,:root[data-theme="dark"] .admin-reference-form select{border-color:var(--dark-border);background:#0c1726;color:var(--text)}
:root[data-theme="dark"] .admin-reference-slot{color:#79c7bb}
:root[data-theme="dark"] .order-grind-tabs{border-color:var(--dark-border)}
:root[data-theme="dark"] .order-grind-tabs [role=tab]{border-color:var(--dark-border);background:var(--dark-surface);color:#a8b8c8}
:root[data-theme="dark"] .order-grind-tabs [role=tab][aria-selected=true]{border-color:#2c897a;background:#1b655d;color:#fff}
:root[data-theme="dark"] .order-reference-picker select{border-color:var(--dark-border);background:#0c1726;color:var(--text)}
:root[data-theme="dark"] .admin-reference-wet{border-color:var(--dark-border);background:#131f2f}:root[data-theme="dark"] .admin-reference-wet>summary{color:var(--text)}:root[data-theme="dark"] .admin-reference-wet[open]>summary{border-color:var(--dark-border)}:root[data-theme="dark"] .admin-reference-requirements h3{color:var(--text)}:root[data-theme="dark"] .admin-reference-requirements>header p:not(.admin-order-kicker){color:#9aa9b8}:root[data-theme="dark"] .admin-company-delete{border-color:#684344;background:#241e27;color:#e7a09b}

/* Keep order analysis and Marmara shipment controls in the dark palette. */
:root[data-theme="dark"] :is(.order-add-row, .measurement-new-row) {
  background: var(--dark-surface-raised) !important;
  color: var(--text);
}

:root[data-theme="dark"] .order-add-row td,
:root[data-theme="dark"] .measurement-sheet th,
:root[data-theme="dark"] .measurement-sheet td {
  border-color: var(--dark-border);
}

:root[data-theme="dark"] .order-add-row input,
:root[data-theme="dark"] .order-add-row select,
:root[data-theme="dark"] .measurement-new-row input,
:root[data-theme="dark"] .order-shipment-form input,
:root[data-theme="dark"] .order-shipment-form textarea {
  border-color: var(--dark-border) !important;
  background: var(--dark-surface-subtle) !important;
  color: var(--text) !important;
  color-scheme: dark;
}

:root[data-theme="dark"] .order-click-row:hover,
:root[data-theme="dark"] .order-row summary:hover {
  background: #1d3445;
}

:root[data-theme="dark"] .order-add-button {
  border-color: #367d74;
  background: #1b655d;
  color: #e2f6f1;
}

:root[data-theme="dark"] .order-add-measurement-row {
  border-color: var(--dark-border);
  background: var(--dark-surface-raised);
  color: #8dd9c9;
}

:root[data-theme="dark"] .order-remove {
  border-color: #75434c;
  background: #33232b;
  color: #efb0b5;
}

:root[data-theme="dark"] .order-remove:hover {
  border-color: #a45d67;
  background: #482832;
}

:root[data-theme="dark"] .order-status-select {
  border-color: var(--dark-border);
  background: var(--dark-surface-raised);
  color: var(--text);
  color-scheme: dark;
}

:root[data-theme="dark"] .order-status-select.is-locked {
  border-color: #315a4b;
  background: #19382e;
  color: #a9dbbb;
}

:root[data-theme="dark"] .order-progress-value {
  border-color: hsl(var(--progress-hue, 0), 34%, 42%);
  background: hsl(var(--progress-hue, 0), 35%, 21%);
  color: hsl(var(--progress-hue, 0), 62%, 82%);
}

:root[data-theme="dark"] .order-progress-value.is-unavailable {
  border-color: var(--dark-border);
  background: #202b38;
  color: #a6b2bf;
}

:root[data-theme="dark"] .order-progress-track {
  background: #26384b;
}

:root[data-theme="dark"] .order-shipment-panel {
  border-color: var(--dark-border);
  background: var(--dark-surface);
  color: var(--text);
}

:root[data-theme="dark"] .order-shipment-panel.is-pending {
  border-color: var(--dark-border);
  background: var(--dark-surface-subtle);
}

:root[data-theme="dark"] .order-shipment-kicker,
:root[data-theme="dark"] .order-shipment-panel > header p:not(.order-shipment-kicker),
:root[data-theme="dark"] .order-shipment-form label,
:root[data-theme="dark"] .order-shipment-form label small {
  color: var(--muted);
}

:root[data-theme="dark"] .order-shipment-panel h3 {
  color: #8dd9c9;
}

:root[data-theme="dark"] .order-shipment-status {
  background: #263648;
  color: #cad5df;
}

:root[data-theme="dark"] .order-shipment-status.is-shipped {
  background: #19382e;
  color: #a9dbbb;
}

:root[data-theme="dark"] .order-shipment-status.is-pending-status {
  background: #202b38;
  color: #b2beca;
}

:root[data-theme="dark"] .order-shipment-table th {
  background: var(--dark-surface-raised);
  color: var(--muted);
}

:root[data-theme="dark"] .order-shipment-table td {
  color: var(--text);
}

:root[data-theme="dark"] .order-shipment-form input:disabled,
:root[data-theme="dark"] .order-shipment-form textarea:disabled {
  border-color: var(--dark-border) !important;
  background: #172332 !important;
  color: #8798a8 !important;
}

:root[data-theme="dark"] .measurement-sheet thead th,
:root[data-theme="dark"] .measurement-average-row,
:root[data-theme="dark"] .measurement-average-row th,
:root[data-theme="dark"] .measurement-average-row td {
  border-color: #315e55 !important;
  background: #1b3e38 !important;
  color: #b7e7dc !important;
}

:root[data-theme="dark"] .measurement-reference,
:root[data-theme="dark"] .grind-type-reference,
:root[data-theme="dark"] .order-sheet-quantity {
  color: #a5b4c2;
}

:root[data-theme="dark"] .measurement-sheet td.measurement-below-reference,
:root[data-theme="dark"] .measurement-sheet td.measurement-above-reference {
  border-color: #75434c !important;
  background: #43262d !important;
  color: #f0b3b8 !important;
}

:root[data-theme="dark"] .measurement-sheet td.measurement-below-reference input,
:root[data-theme="dark"] .measurement-sheet td.measurement-above-reference input {
  border-color: #75434c !important;
  background: #2c2028 !important;
  color: #f0b3b8 !important;
}

:root[data-theme="dark"] .measurement-sheet td.measurement-below-reference-good {
  border-color: #315d4a !important;
  background: #193a30 !important;
  color: #a9dbbb !important;
}

:root[data-theme="dark"] .measurement-sheet td.measurement-below-reference-good input {
  border-color: #315d4a !important;
  background: #142d28 !important;
  color: #a9dbbb !important;
}

:root[data-theme="dark"] .order-report-actions .order-report-download {
  border-color: var(--dark-border);
  background: var(--dark-surface-raised);
  color: #9dd9ce;
}

:root[data-theme="dark"] .order-report-actions .order-report-download:hover {
  border-color: #438d83;
  background: #1c3e43;
  color: #c6f1e8;
}

:root[data-theme="dark"] .order-email-dialog .order-email-unavailable {
  color: #f0a196;
}

:root[data-theme="dark"] .order-site-badge {
  border-color: var(--dark-border);
  background: var(--dark-surface-raised);
  color: #c2cfdb;
}

:root[data-theme="dark"] .order-site-badge.site-marmara {
  border-color: #315d4a;
  background: #193a30;
  color: #a9dbbb;
}

:root[data-theme="dark"] .order-site-badge.site-biga {
  border-color: #365574;
  background: #1d3044;
  color: #b5d1ed;
}

:root[data-theme="dark"] .shipment-table-wrap {
  border-color: var(--dark-border);
}

:root[data-theme="dark"] .shipment-table {
  background: var(--dark-surface);
  color: var(--text);
}

:root[data-theme="dark"] .shipment-table th {
  border-color: var(--dark-border);
  background: var(--dark-surface-raised);
  color: var(--muted);
}

:root[data-theme="dark"] .shipment-table td {
  border-color: var(--dark-border);
  color: var(--text);
}

:root[data-theme="dark"] .shipment-table tbody tr:hover {
  background: #1b303f;
}

:root[data-theme="dark"] .shipment-date-cell > small,
:root[data-theme="dark"] .shipment-add-note,
:root[data-theme="dark"] .shipment-empty-state {
  color: var(--muted);
}

:root[data-theme="dark"] .shipment-status {
  border-color: #315d4a;
  background: #193a30;
  color: #a9dbbb;
}

:root[data-theme="dark"] .shipment-empty-mark {
  background: #193a38;
  color: #8dd9c9;
}

:root[data-theme="dark"] .shipment-empty-state p {
  color: var(--text);
}

:root[data-theme="dark"] .shipment-add-button {
  border-color: var(--dark-border);
  background: var(--dark-surface-raised);
  color: #9dd9ce;
}

:root[data-theme="dark"] .shipment-add-button:hover {
  border-color: #438d83;
  background: #1c3e43;
}

:root[data-theme="dark"] .shipment-add-form {
  border-color: var(--dark-border);
  background: var(--dark-surface-subtle);
}

:root[data-theme="dark"] .shipment-add-form input,
:root[data-theme="dark"] .shipment-add-form select {
  border-color: var(--dark-border);
  background: #0c1726;
  color: var(--text);
  color-scheme: dark;
}

:root[data-theme="dark"] .shipment-add-submit {
  background: var(--brand-color);
  color: #092321;
}