/* Selected graphite reference, 2026-11-06.
   Presentation only: dark desktop shell + homepage. Mobile, light theme,
   business views, role gates, authentication and calculations are unchanged. */
.desktop-home-crumb { display: none; }

@media (min-width: 861px) {
  html:not([data-theme='light']) body .app-shell:has(> .desktop-sidebar) { grid-template-columns: 248px minmax(0, 1fr); background: #10171d; }
  html:not([data-theme='light']) body .app-shell:has(> .desktop-sidebar.is-collapsed) { grid-template-columns: 72px minmax(0, 1fr); }
  html:not([data-theme='light']) body .desktop-sidebar {
    --sidebar-surface: #172128; --sidebar-text: #edf2f5; --sidebar-muted: #aabac5;
    --text: #edf2f5; --line: #30414c; --line-strong: #526773; --green: #1bc99b; --red: #ff8291;
    --sidebar-row-height: clamp(28px, calc(4.5dvh - 7px), 42px);
    width: 248px; padding: 14px 14px 10px; border-right-color: #2b3b45;
  }
  html:not([data-theme='light']) body .desktop-sidebar .brand-logo { width: 154px; }
  html:not([data-theme='light']) body .desktop-sidebar .brand span { color: #aabac5 !important; }
  html:not([data-theme='light']) body .desktop-sidebar .nav-section { color: #aabac5 !important; border-top-color: #30414c; }
  html:not([data-theme='light']) body .desktop-sidebar .nav-button { color: #edf2f5 !important; font-size: 15px; font-weight: 500; gap: 12px; }
  html:not([data-theme='light']) body .desktop-sidebar .nav-button:hover { background: #203039; }
  html:not([data-theme='light']) body .desktop-sidebar .nav-button.active {
    color: #f4fffb !important; border-color: #17896c !important; background: #10362f !important;
  }
  html:not([data-theme='light']) body .desktop-sidebar .nav-button.active::after { background: #22d4a1; }
  html:not([data-theme='light']) body .desktop-sidebar .sidebar-profile-actions { box-shadow: 0 12px 36px #0008; }
  html:not([data-theme='light']) body .desktop-sidebar .sidebar-profile-actions button { color: #ff8291; }

  /* A shallow service bar on home; retain all existing buttons and popovers. */
  html:not([data-theme='light']) body .workspace:has(> .dashboard-overview) { padding: 0 32px 32px; background: #10171d !important; }
  html:not([data-theme='light']) body .workspace:has(> .dashboard-overview) > .topbar {
    --tb-surface: #172128; --tb-hover: #21323c; --tb-line: #30414c;
    --tb-text: #edf2f5; --tb-muted: #aabac5; --tb-green: #25d3a6;
    height: 66px; min-height: 66px; margin: 0 -32px 28px; padding: 0 24px 0 32px;
    border-bottom: 1px solid #293b46; background: #121c23 !important;
  }
  html:not([data-theme='light']) body .workspace:has(> .dashboard-overview) .desktop-home-crumb { display: flex; align-items: center; gap: 14px; margin-right: auto; color: #e6edf1; font-size: 14px; white-space: nowrap; }
  .desktop-home-crumb button { display: inline-flex; align-items: center; gap: 12px; padding: 8px 0; border: 0; background: transparent; color: inherit; font: inherit; }
  .desktop-home-crumb > span { color: #aabac5; }
  html:not([data-theme='light']) body .workspace:has(> .dashboard-overview) .topbar-tool { width: 40px; height: 40px; min-height: 40px; flex-basis: 40px; border-radius: 10px !important; }
  html:not([data-theme='light']) body .workspace:has(> .dashboard-overview) .topbar-account-trigger { min-height: 44px; }
  html:not([data-theme='light']) body .workspace:has(> .dashboard-overview) .topbar-account-copy { display: flex; align-items: baseline; gap: 6px; }

  html:not([data-theme='light']) body .dashboard-overview {
    --overview-surface: #19252d; --overview-inset: #203039; --overview-border: #30424e;
    --overview-text: #edf2f5; --overview-muted: #b2c0ca; --overview-green: #25d3a6;
    --overview-link: #35dcb0; --overview-danger: #ff737c;
    gap: 24px; padding-bottom: 16px; font-size: 14px;
  }
  html:not([data-theme='light']) body .dashboard-overview .overview-header { padding: 0; min-height: 76px; gap: 16px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-header h1 { font-size: clamp(27px, 2.45vw, 36px); line-height: 1.2; letter-spacing: -.025em; }
  html:not([data-theme='light']) body .dashboard-overview .overview-header p { font-size: 14px; margin-top: 7px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-actions { gap: 8px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-button { min-height: 42px; padding: 9px 12px; font-size: 13px; border-radius: 9px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-primary { background: #07845f; border-color: #10a87a; }
  html:not([data-theme='light']) body .dashboard-overview .overview-primary:hover { background: #099b70; }
  html:not([data-theme='light']) body .dashboard-overview .overview-metrics { padding: 22px 0; border-radius: 12px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-metric { gap: 15px; padding: 0 22px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-metric > svg { width: 26px; height: 26px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-metric span { font-size: 15px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-metric strong { color: var(--overview-text); font-size: clamp(25px, 2.15vw, 34px); }
  html:not([data-theme='light']) body .dashboard-overview .overview-metric:last-child strong { color: var(--overview-green); }
  html:not([data-theme='light']) body .dashboard-overview .overview-metric small { font-size: 11px; }
  html:not([data-theme='light']) body .dashboard-overview h2 { font-size: 21px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-departments h2 { margin-bottom: 14px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-department-grid { gap: 12px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-department {
    grid-template-columns: 50px minmax(0, 1fr); grid-template-rows: auto auto;
    min-height: 94px; padding: 15px 14px; column-gap: 12px; row-gap: 3px; border-radius: 10px;
  }
  html:not([data-theme='light']) body .dashboard-overview .overview-department-icon { width: 50px; height: 56px; grid-row: 1 / 3; }
  html:not([data-theme='light']) body .dashboard-overview .overview-department-copy b { font-size: 15px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-department-copy small { font-size: 11px; white-space: normal; }
  html:not([data-theme='light']) body .dashboard-overview .overview-department > strong { grid-column: 2; padding-left: 0; border-left: 0; font-size: 18px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-work-grid { grid-template-columns: minmax(0, 2.15fr) minmax(300px, 1fr); gap: 20px; align-items: stretch; }
  html:not([data-theme='light']) body .dashboard-overview .overview-panel { padding: 18px; border-radius: 12px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-panel > header { margin-bottom: 16px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-order-table th { padding: 10px 14px; font-size: 13px; text-transform: none; letter-spacing: 0; }
  html:not([data-theme='light']) body .dashboard-overview .overview-order-table td { padding: 8px 14px; color: var(--overview-text); font-size: 15px; }
  html:not([data-theme='light']) body .dashboard-overview .status.info { background: #123d33; color: #c9f6e7; border-color: #1e6b53; font-weight: 600; }
  html:not([data-theme='light']) body .dashboard-overview .overview-attention h2 { font-size: 20px; gap: 8px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-issue-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
  html:not([data-theme='light']) body .dashboard-overview .overview-issue { padding: 15px 0; border: 0; border-top: 1px solid var(--overview-border); border-radius: 0; grid-template-columns: 19px minmax(0, 1fr) auto; gap: 9px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-issue b { font-size: 14px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-issue > div { display: flex; align-items: baseline; flex-wrap: wrap; column-gap: 6px; row-gap: 2px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-issue p { margin: 0; font-size: 13px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-issue small { flex-basis: 100%; font-size: 10px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-issue .overview-button { grid-column: 3; grid-row: 1; align-self: center; padding: 4px 0 4px 6px; min-height: 32px; border: 0; color: var(--overview-link); background: transparent; text-decoration: underline; font-size: 13px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-analytics-link { padding-top: 10px; margin-top: 8px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-day-note { padding: 4px 0; background: transparent; border: 0; }
  html:not([data-theme='light']) body .dashboard-overview .overview-activity { padding: 0 18px; background: transparent; }
}

@media (min-width: 1536px) {
  html:not([data-theme='light']) body .dashboard-overview .overview-department { grid-template-columns: 50px minmax(0, 1fr) auto; grid-template-rows: auto; column-gap: 10px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-department-icon { grid-row: auto; }
  html:not([data-theme='light']) body .dashboard-overview .overview-department > strong { grid-column: 3; padding-left: 10px; border-left: 1px solid var(--overview-border); font-size: 17px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-department-copy b { font-size: 16px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-department-copy small { font-size: 12px; }
}
@media (min-width: 861px) and (max-width: 1199px) {
  html:not([data-theme='light']) body .app-shell:has(> .desktop-sidebar:not(.is-collapsed)) { grid-template-columns: 224px minmax(0, 1fr); }
  html:not([data-theme='light']) body .desktop-sidebar:not(.is-collapsed) { width: 224px; padding-inline: 10px; }
  html:not([data-theme='light']) body .workspace:has(> .dashboard-overview) { padding-inline: 24px; }
  html:not([data-theme='light']) body .workspace:has(> .dashboard-overview) > .topbar { margin-inline: -24px; padding-inline: 24px; }
  html:not([data-theme='light']) body .workspace:has(> .dashboard-overview) .topbar-account-copy small { display: none; }
  html:not([data-theme='light']) body .dashboard-overview .overview-header { align-items: flex-start; gap: 14px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-work-grid { grid-template-columns: minmax(0, 1fr); }
  html:not([data-theme='light']) body .dashboard-overview .overview-metric { gap: 10px; padding-inline: 14px; }
  html:not([data-theme='light']) body .dashboard-overview .overview-metric span { font-size: 12px; }
}
@media (min-width: 861px) and (max-width: 1000px) {
  html:not([data-theme='light']) body .dashboard-overview .overview-metrics { padding: 0; }
  html:not([data-theme='light']) body .dashboard-overview .overview-metric { padding: 14px; }
  html:not([data-theme='light']) body .workspace:has(> .dashboard-overview) .desktop-home-crumb { gap: 8px; font-size: 12px; }
  html:not([data-theme='light']) body .workspace:has(> .dashboard-overview) .connection-indicator { margin-right: 0; padding-inline: 0; }
}