/* Start: one readiness decision and a compact operational overview. */
#view-dashboard .start-overview { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; align-items: start; margin: 20px 0; }
#view-dashboard .start-overview > *, #view-dashboard .start-section { min-width: 0; height: auto; }
#view-dashboard .week-status-card { border: 1px solid var(--line); border-top: 3px solid var(--accent); border-radius: 8px; box-shadow: var(--shadow-flat); margin: 0; }
#view-dashboard .week-status-card > .panel-head { background: var(--panel-soft); padding: 12px 18px; min-height: 0; }
#view-dashboard .status-card-body { padding: 18px; display: grid; gap: 12px; }
#view-dashboard .status-card-title { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; }
#view-dashboard .status-card-title strong { font-size: 22px; }
#view-dashboard .status-card-title span { font-size: 13px; font-weight: 650; }
#view-dashboard .start-week-dates { margin: 0; font-size: 12px; color: var(--muted); }
#view-dashboard .start-progress-label { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; }
#view-dashboard .start-progress { appearance: none; width: 100%; height: 6px; border: 0; border-radius: 2px; overflow: hidden; background: var(--line); accent-color: var(--accent); }
#view-dashboard .start-progress::-webkit-progress-bar { background: var(--line); }
#view-dashboard .start-progress::-webkit-progress-value { background: var(--accent); }
#view-dashboard .start-status-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 0; padding: 10px 0; border-block: 1px solid var(--line); }
#view-dashboard .start-status-facts > div { display: grid; align-content: start; gap: 6px; font-size: 13px; }
#view-dashboard .start-status-facts dt { color: var(--muted); }
#view-dashboard .start-status-facts dd { margin: 0; font-weight: 650; font-variant-numeric: tabular-nums; text-align: left; }
#view-dashboard .dashboard-missing { font-size: 12px; line-height: 1.5; }
#view-dashboard .start-next { padding: 0; background: transparent; }
#view-dashboard .start-next > .panel-head { padding: 8px 0 14px; display: grid; gap: 4px; border: 0; }
#view-dashboard .start-next .next-actions { display: grid; grid-template-columns: 1fr; padding: 0; gap: 10px; }
#view-dashboard .start-next .next-action { display: block; margin: 0; padding: 14px 16px; border: 1px solid var(--line); border-left: 3px solid var(--warning); border-radius: 6px; background: var(--panel); }
#view-dashboard .start-next .next-action.ready, #view-dashboard .start-next .next-action.done { border-left-color: var(--accent); }
#view-dashboard .start-next .next-action strong { display: block; font-size: 14px; }
#view-dashboard .start-next .next-action p { margin: 7px 0 12px; font-size: 13px; line-height: 1.5; color: var(--muted); }
#view-dashboard .start-section { display: block; margin: 22px 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
#view-dashboard .start-section-heading, #view-dashboard .warehouse-readiness-panel > .panel-head { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; padding: 0 0 12px; background: none; border: 0; }
#view-dashboard h2 { font-size: 16px; margin: 0; }
#view-dashboard .start-section-heading > span, #view-dashboard .panel-head > span { color: var(--muted); font-size: 12px; }
#view-dashboard #metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 0; }
#view-dashboard #metrics .metric { min-width: 0; min-height: 100px; padding: 16px; border: 1px solid var(--line); border-top: 3px solid var(--accent); border-radius: 6px; background: var(--panel); box-shadow: var(--shadow-flat); }
#view-dashboard #metrics .metric:nth-child(2) { border-top-color: var(--ok); }
#view-dashboard #metrics .metric:nth-child(3) { border-top-color: var(--warning); }
#view-dashboard #metrics .metric:nth-child(4) { border-top-color: var(--muted); }
#view-dashboard #metrics .metric:first-child { background: var(--panel); color: var(--text); }
#view-dashboard #metrics .metric span { color: var(--muted); font-size: 12px; }
#view-dashboard #metrics .metric strong { color: var(--text); font-size: 25px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#view-dashboard .start-warehouses { width: 100%; table-layout: fixed; border-collapse: collapse; background: var(--panel); font-size: 13px; }
#view-dashboard .start-warehouses thead th { background: var(--table-head); color: var(--text); font-size: 12px; font-weight: 650; text-align: left; }
#view-dashboard .start-warehouses td, #view-dashboard .start-warehouses th { min-width: 0; padding: 13px 14px; border-bottom: 1px solid var(--line); vertical-align: middle; overflow-wrap: anywhere; }
#view-dashboard .start-warehouses th:first-child { width: 17%; }
#view-dashboard .start-warehouses thead th:nth-child(2) { width: 21%; }
#view-dashboard .start-warehouses th:last-child { width: 17%; }
#view-dashboard .start-warehouses tbody th::after, #view-dashboard .start-warehouses thead th:last-child::after { content: none; display: none; }
#view-dashboard .start-warehouse-name { display: grid; gap: 4px; min-width: 0; padding: 0; border: 0; background: transparent; color: var(--text); text-align: left; }
#view-dashboard .start-warehouse-name strong { font-size: 14px; }
#view-dashboard .start-warehouses small { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.5; }
#view-dashboard .start-warehouse-name small { margin: 0; }
#view-dashboard .start-state { display: inline-block; font-weight: 650; font-size: 12px; padding: 4px 8px; border: 1px solid currentColor; border-radius: 4px; }
#view-dashboard .start-state.missing, #view-dashboard .start-incomplete { color: var(--danger); }
#view-dashboard .start-state.ready { color: var(--accent-strong); }
#view-dashboard .start-warehouses td:last-child button { max-width: 100%; white-space: normal; min-height: 40px; }
#view-dashboard .start-hours-action { display: block; margin-top: 8px; max-width: 100%; white-space: normal; font-size: 12px; padding: 7px 10px; }
#view-dashboard .start-issue-toggle { display: block; margin-top: 8px; font-size: 12px; padding: 7px 9px; white-space: normal; }
#view-dashboard .start-warehouses .start-issue-row[hidden] { display: none; }
#view-dashboard .start-warehouses .start-issue-row > td { padding: 0; text-align: left; }
#view-dashboard .start-issue-content { padding: 18px; background: var(--panel-soft); border-left: 3px solid var(--warning); min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
#view-dashboard .start-issue-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 16px; margin-bottom: 12px; font-size: 13px; }
#view-dashboard .start-issue-head > span { color: var(--muted); font-size: 12px; }
#view-dashboard .start-issue-list { list-style: none; padding: 0; margin: 0 0 14px; display: grid; }
#view-dashboard .start-issue-list li { display: grid; grid-template-columns: minmax(140px,1fr) minmax(0,3fr); gap: 12px 24px; padding: 13px 0; border-top: 1px solid var(--line); font-size: 13px; }
#view-dashboard .start-issue-person { display: grid; align-content: start; gap: 5px; min-width: 0; }
#view-dashboard .start-issue-person code { color: var(--text); font-size: 12px; overflow-wrap: anywhere; white-space: normal; }
#view-dashboard .start-issue-person span { color: var(--muted); font-size: 12px; }
#view-dashboard .start-issue-list p { margin: 5px 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
#view-dashboard .start-issue-empty { margin: 0 0 12px; color: var(--muted); font-size: 13px; line-height: 1.6; }
#view-dashboard .start-warehouses :is(td,th) { padding-inline: 10px; }
#view-dashboard .start-warehouses :is(td,th):is(:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)) { text-align: right; }
#view-dashboard .start-warehouses :is(td,th):is(:nth-child(2),:nth-child(7)) { text-align: left; }
#view-dashboard .start-comparison-note { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
#view-dashboard .start-comparison { padding-block: 16px; border-block: 1px solid var(--line); }
#view-dashboard .start-comparison-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-top: 14px; }
#view-dashboard .start-comparison-grid article { display: grid; align-content: start; gap: 6px; min-width: 0; padding-left: 14px; border-left: 2px solid var(--line); font-size: 12px; }
#view-dashboard .start-comparison-grid article > span:first-child, #view-dashboard .start-comparison-grid small { color: var(--muted); }
#view-dashboard .start-comparison-grid strong { font-size: 23px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
#view-dashboard .start-comparison-delta { color: var(--text); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#view-dashboard .start-warehouse-quality { padding-block: 16px; border-block: 1px solid var(--line); }
#view-dashboard .start-quality-caption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 16px; color: var(--muted); font-size: 12px; }
#view-dashboard .start-quality-caption strong { color: var(--text); }
#view-dashboard .start-quality-list { list-style: none; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; padding: 0; margin: 18px 0 14px; }
#view-dashboard .start-quality-list > li { min-width: 0; padding-left: 14px; border-left: 2px solid var(--line); }
#view-dashboard .start-quality-name { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 8px; margin-bottom: 10px; font-size: 14px; }
#view-dashboard .start-quality-name small { color: var(--muted); font-size: 11px; }
#view-dashboard .start-quality-result { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 6px 10px; font-variant-numeric: tabular-nums; }
#view-dashboard .start-quality-result > strong { font-size: 24px; line-height: 1.3; }
#view-dashboard .start-quality-result > span { color: var(--muted); font-size: 12px; }
#view-dashboard .start-quality-track { position: relative; height: 12px; margin: 12px 0; border-radius: 2px; background: var(--line); }
#view-dashboard .start-quality-track > i { display: block; height: 100%; border-radius: 2px; background: var(--accent); }
#view-dashboard .start-quality-track > b { position: absolute; top: -4px; bottom: -4px; width: 2px; background: var(--text); }
#view-dashboard [data-quality-state="over"] .start-quality-track > i { background: var(--danger); }
#view-dashboard [data-quality-state="within"] .start-quality-track > i { background: var(--ok); }
#view-dashboard [data-quality-state="missing"] .start-quality-track { background: var(--panel-soft); border: 1px dashed var(--line); }
#view-dashboard .start-quality-state { margin: 0 0 5px; font-size: 12px; font-weight: 650; line-height: 1.5; overflow-wrap: anywhere; }
#view-dashboard [data-quality-state="over"] .start-quality-state { color: var(--danger); }
#view-dashboard [data-quality-state="within"] .start-quality-state { color: color-mix(in srgb, var(--ok) 75%, var(--text)); }
#view-dashboard .start-quality-source { color: var(--muted); font-size: 11px; line-height: 1.5; }
#view-dashboard .start-quality-note { margin: 0; font-size: 12px; line-height: 1.6; color: var(--muted); }
#view-dashboard #dashboardInsights { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 0; }
#view-dashboard #dashboardInsights .insight-card { min-width: 0; min-height: 110px; border-radius: 6px; border: 1px solid var(--line); background: var(--panel); padding: 16px; box-shadow: none; }
#view-dashboard #dashboardInsights .insight-card strong { font-size: 25px; color: var(--text); }
#view-dashboard #dashboardInsights .insight-card span { font-size: 12px; }
#view-dashboard #dashboardInsights .insight-card small { font-size: 12px; line-height: 1.5; }
#view-dashboard .start-trends { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
#view-dashboard .start-trends > article { min-width: 0; border-top: 1px solid var(--line); padding-top: 16px; }
#view-dashboard .start-trends .dashboard-chart { min-height: 0; padding: 0; }
#view-dashboard .start-bars { display: grid; gap: 12px; padding: 0; margin: 4px 0; list-style: none; }
#view-dashboard .start-bars li { display: grid; grid-template-columns: 72px minmax(0,1fr) 90px; gap: 10px; align-items: center; font-size: 12px; }
#view-dashboard .start-bars li > span { color: var(--muted); }
#view-dashboard .start-bars li > strong { text-align: right; overflow-wrap: anywhere; font-size: 12px; font-variant-numeric: tabular-nums; }
#view-dashboard .start-bar-track { height: 10px; background: var(--line); border-radius: 2px; overflow: hidden; }
#view-dashboard .start-bar-track i { display: block; height: 100%; background: var(--accent); }
#view-dashboard #startQualityChart .start-bar-track i { background: var(--warning); }
#view-dashboard .dashboard-start-grid { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); align-items: start; gap: 20px; }
#view-dashboard .dashboard-start-grid > article { grid-column: auto; width: 100%; max-width: 100%; height: auto; }
#view-dashboard .dashboard-start-grid .table-wrap { display: block; width: 100%; max-width: 100%; min-width: 0; overflow-x: auto !important; overflow-y: hidden; overscroll-behavior-x: contain; }
#view-dashboard .dashboard-hours-table { width: 100% !important; min-width: 0 !important; table-layout: fixed; }
#view-dashboard .dashboard-hours-table th, #view-dashboard .dashboard-hours-table td { min-width: 0; padding: 10px; font-size: 12px; }
#view-dashboard .dashboard-hours-table th:first-child, #view-dashboard .dashboard-hours-table td:first-child { width: 44%; min-width: 0 !important; }
#view-dashboard .start-status-unavailable { padding: 14px 0; color: var(--muted); font-size: 13px; }
#view-dashboard .topbar .actions { flex-wrap: wrap; }
#view-dashboard .topbar select { min-width: 0; max-width: 100%; }
#view-dashboard .warehouse-readiness-panel { overflow: visible; }
#view-dashboard .start-warehouses { border: 1px solid var(--line); }
#view-dashboard .start-section-heading { align-items: center; }
#view-dashboard .start-trends { margin-block: 28px; }
#view-dashboard .start-trends .start-section-heading { padding-bottom: 16px; }

/* Scoped to Start: no shared tokens, navigation or module tables are restyled. */
#view-dashboard { --start-stripe: color-mix(in srgb, var(--panel) 70%, var(--panel-soft)); --start-table-head: color-mix(in srgb, var(--line) 36%, var(--panel)); }
#view-dashboard :is(h1, h2, h3, th, button, strong, label, .eyebrow) { letter-spacing: 0; }
#view-dashboard > .topbar { min-height: 76px; padding-bottom: 16px; align-items: center; }
#view-dashboard > .topbar h1 { font-size: 28px; }
#view-dashboard .topbar .actions { gap: 10px; align-items: end; }
#view-dashboard .start-filter { display: grid; gap: 5px; color: var(--muted); font-size: 12px; font-weight: 600; min-width: 0; }
#view-dashboard .start-filter select { min-height: 42px; font-size: 13px; border-radius: 6px; width: 100%; }
#view-dashboard .start-overview { gap: 24px; }
#view-dashboard .week-status-card > .panel-head { border-bottom: 1px solid var(--line); }
#view-dashboard .status-card-body { gap: 14px; }
#view-dashboard .start-next .next-action { box-shadow: var(--shadow-flat); }
#view-dashboard .start-next > .panel-head, #view-dashboard .start-next .next-actions { background: transparent; }
#view-dashboard .start-next .next-action p { max-width: 60ch; }
#view-dashboard :is(.week-status-card, .dashboard-pallets-panel, .dashboard-month-hours-panel, .dashboard-hours-panel) { border-radius: 8px; }
#view-dashboard :is(.small-btn, .subtle-btn, .next-action button, .dashboard-hours-range select) { border-radius: 6px; font-weight: 600; }
#view-dashboard .start-state.missing { background: color-mix(in srgb, var(--danger) 7%, var(--panel)); }
#view-dashboard .start-state.ready { background: var(--accent-soft); }
#view-dashboard .start-warehouses :is(td, th) { background-image: none; }
#view-dashboard .start-warehouses tbody th { background: var(--panel); }
#view-dashboard .start-warehouses tbody th { text-transform: none; }
#view-dashboard .start-warehouses tbody th > small { font-weight: 500; }
#view-dashboard .start-warehouses tbody tr:nth-child(even) > :is(td, th) { background: var(--start-stripe); }
#view-dashboard .start-warehouses tbody tr:hover > :is(td, th) { background: var(--accent-soft); }
#view-dashboard :is(.start-warehouses, .dashboard-month-hours-table, .dashboard-hours-table) { color: var(--text); }
#view-dashboard :is(.start-warehouses, .dashboard-month-hours-table, .dashboard-hours-table) thead th { background: var(--start-table-head); color: var(--text); text-transform: none; letter-spacing: 0; line-height: 1.45; font-weight: 650; }
#view-dashboard :is(.dashboard-month-hours-table, .dashboard-hours-table) tbody tr:nth-child(even) > td:not(.weighing-cell):not(.adjusted-cell) { background: var(--start-stripe); }
#view-dashboard :is(.dashboard-month-hours-table, .dashboard-hours-table) tbody tr:hover > td:not(.weighing-cell):not(.adjusted-cell) { background: var(--accent-soft); }
#view-dashboard :is(.dashboard-month-hours-table, .dashboard-hours-table) tfoot th { background: var(--start-table-head); color: var(--text); border-top: 2px solid var(--line); }
#view-dashboard .dashboard-start-grid .panel-head { min-height: 70px; padding: 14px; align-items: center; }
#view-dashboard .dashboard-start-grid .panel-head h2 { font-size: 15px; }
#view-dashboard .dashboard-start-grid .table-wrap { border-radius: 0; border-inline: 0; }
#view-dashboard .dashboard-hours-range { background: transparent; border: 0; box-shadow: none; padding: 0; gap: 8px; }
#view-dashboard .dashboard-hours-note { margin: 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: var(--panel-soft); color: var(--muted); font-size: 12px; line-height: 1.6; }
#view-dashboard .dashboard-pallets-panel .panel-head { padding: 14px 18px; }
#view-dashboard .dashboard-pallet-kpis { gap: 10px; }
#view-dashboard .dashboard-pallet-kpis > div { background: var(--panel-soft); border-radius: 6px; box-shadow: none; }
#view-dashboard .start-shortcuts { gap: 0; border-top: 1px solid var(--line); padding-top: 16px; }
#view-dashboard .start-shortcut { border: 0; border-left: 2px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; padding: 10px 16px; min-height: 0; }
#view-dashboard .start-shortcut:hover { background: var(--accent-soft); border-left-color: var(--accent); }
#view-dashboard .start-shortcut strong { font-size: 14px; }
#view-dashboard .start-shortcut small { font-size: 12px; line-height: 1.5; }
#view-dashboard .status-card-body, #view-dashboard #metrics .metric, #view-dashboard #dashboardInsights .insight-card { background-image: none; }
#view-dashboard .warehouse-readiness-panel > .panel-head { min-height: 0; margin: 0; }
#view-dashboard :is(.dashboard-month-hours-table, .dashboard-hours-table) :is(th, td) { background-image: none; }
#view-dashboard .start-warehouse-volume { border-top: 1px solid var(--line); padding-top: 18px; }
#view-dashboard .start-volume-metrics { display: inline-flex; border: 1px solid var(--line); border-radius: 6px; overflow: hidden; margin-bottom: 14px; }
#view-dashboard .start-volume-metrics button { min-height: 44px; min-width: 84px; border: 0; border-radius: 0; padding: 8px 14px; color: var(--text); background: transparent; font-size: 13px; box-shadow: none; }
#view-dashboard .start-volume-metrics button[aria-pressed="true"] { background: var(--accent-soft); box-shadow: inset 0 -3px var(--accent); }
#view-dashboard .start-volume-caption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; font-size: 13px; margin-bottom: 14px; }
#view-dashboard .start-volume-caption > span { color: var(--muted); font-size: 12px; }
#view-dashboard .start-volume-layout { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.65fr); gap: 24px; align-items: start; }
#view-dashboard .start-volume-layout > div { min-width: 0; }
#view-dashboard .start-volume-layout h3, #view-dashboard .start-volume-table caption { padding: 0 0 12px; margin: 0; font-size: 14px; font-weight: 650; text-align: left; color: var(--text); }
#view-dashboard .start-volume-bars { display: grid; list-style: none; margin: 0; padding: 0; }
#view-dashboard .start-volume-bars button { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); width: 100%; height: auto; min-height: 76px; padding: 10px 0; gap: 8px 12px; align-items: start; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--text); text-align: left; box-shadow: none; }
#view-dashboard .start-volume-bars button:hover { background: var(--accent-soft); }
#view-dashboard .start-volume-bars button > span:first-child { font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
#view-dashboard .start-volume-bars strong { font-size: 14px; text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#view-dashboard .start-volume-bars small { display: block; color: var(--muted); font-size: 11px; line-height: 1.5; font-weight: 500; margin-top: 4px; }
#view-dashboard .start-volume-track { grid-column: 1/-1; height: 10px; border-radius: 2px; background: var(--line); }
#view-dashboard .start-volume-track i { display: block; height: 100%; background: var(--accent); border-radius: 2px; }
#view-dashboard .start-volume-track.is-missing { background: transparent; border: 1px dashed var(--muted); }
#view-dashboard .start-volume-table { width: 100%; min-width: 0 !important; table-layout: fixed; border-collapse: collapse; background: var(--panel); }
#view-dashboard .start-volume-table :is(th,td) { min-width: 0 !important; width: auto; height: auto !important; position: static !important; padding: 12px 9px; border-bottom: 1px solid var(--line); background-image: none; font-size: 12px; font-variant-numeric: tabular-nums; text-align: right; text-transform: none; white-space: normal; overflow-wrap: anywhere; }
#view-dashboard .start-volume-table th:first-child { width: 24%; text-align: left; }
#view-dashboard .start-volume-table thead th { background: var(--start-table-head); color: var(--text); }
#view-dashboard .start-volume-table th::after { content: none; display: none; }
#view-dashboard .start-volume-table button { width: 100%; min-width: 0; height: auto; min-height: 44px; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--text); text-align: inherit; font-size: 12px; font-weight: 650; white-space: normal; box-shadow: none; }
#view-dashboard .start-volume-table thead button > span { display: inline-block; margin-left: 4px; }
#view-dashboard .start-volume-table small { display: block; font-size: 11px; color: var(--muted); font-weight: 500; line-height: 1.5; margin-top: 4px; }
#view-dashboard .start-volume-table tbody tr:nth-child(even) > :is(th,td) { background: var(--start-stripe); }
#view-dashboard .start-volume-table tbody tr:hover > :is(th,td) { background: var(--accent-soft); }
#view-dashboard .start-volume-table tfoot :is(th,td) { background: var(--start-table-head); color: var(--text); font-weight: 650; border-top: 2px solid var(--line); }
#view-dashboard .start-volume-note, #view-dashboard .start-volume-warning { margin: 12px 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
#view-dashboard .start-volume-warning { padding-left: 10px; border-left: 3px solid var(--warning); color: var(--text); }
#view-dashboard .start-volume-mobile-sort { display: none; }
@media(max-width:1100px) {
  #view-dashboard .start-volume-layout { grid-template-columns: 1fr; }
  #view-dashboard .start-volume-bars { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; }
}
@media(max-width:760px) {
  #view-dashboard .start-volume-bars { grid-template-columns: 1fr; }
  #view-dashboard .start-volume-mobile-sort { display: grid; gap: 6px; margin-bottom: 14px; font-size: 12px; color: var(--muted); }
  #view-dashboard .start-volume-mobile-sort select { width: 100%; min-width: 0; min-height: 44px; font-size: 16px; }
  #view-dashboard .start-volume-table :is(tbody,tfoot), #view-dashboard .start-volume-table { display: block; width: 100%; }
  #view-dashboard .start-volume-table caption { display: block; }
  #view-dashboard .start-volume-table thead { display: none; }
  #view-dashboard .start-volume-table tr { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px 10px; padding: 12px; border: 1px solid var(--line); margin-bottom: 10px; border-radius: 6px; }
  #view-dashboard .start-volume-table :is(th,td) { display: block; position: static !important; width: auto !important; text-align: left; padding: 0; border: 0; background: transparent !important; }
  #view-dashboard .start-volume-table th { grid-column: 1/-1; }
  #view-dashboard .start-volume-table th button { display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14px; }
  #view-dashboard .start-volume-table td::before { content: attr(data-label); display: block; position: static; width: auto; font-size: 11px; color: var(--muted); margin-bottom: 4px; padding: 0; }
  #view-dashboard .start-volume-table small { margin: 0; }
  #view-dashboard .start-volume-table tfoot tr { background: var(--start-table-head); }
  #view-dashboard .start-volume-table tfoot :is(th,td) { border: 0; }
}
#view-dashboard .start-daily[hidden] { display: none; }
#view-dashboard .start-daily { border-bottom: 1px solid var(--line); padding-bottom: 18px; }
#view-dashboard .start-daily-toolbar, #view-dashboard .start-daily-summary { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 18px; margin-bottom: 14px; }
#view-dashboard .start-daily-metrics { display: flex; flex-wrap: wrap; gap: 0; border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
#view-dashboard .start-daily-metrics button { min-height: 44px; min-width: 74px; padding: 8px 14px; border: 0; border-radius: 0; background: transparent; color: var(--text); font-size: 13px; box-shadow: none; }
#view-dashboard .start-daily-metrics button[aria-pressed="true"] { background: var(--accent-soft); color: var(--text); box-shadow: inset 0 -3px var(--accent); }
#view-dashboard .start-daily-summary strong { font-size: 14px; font-variant-numeric: tabular-nums; }
#view-dashboard .start-daily-summary > span { color: var(--muted); font-size: 12px; }
#view-dashboard .start-daily-bars { display: grid; padding: 0; margin: 0; list-style: none; }
#view-dashboard .start-daily-bars button { display: grid; width: 100%; height: auto; min-height: 48px; grid-template-columns: 105px minmax(0,1fr) 105px; gap: 6px 16px; align-items: center; padding: 10px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--text); text-align: left; box-shadow: none; }
#view-dashboard .start-daily-bars button:hover { background: var(--accent-soft); }
#view-dashboard .start-daily-bars button:focus-visible, #view-dashboard .start-daily-metrics button:focus-visible { outline: 2px solid var(--text); outline-offset: -2px; }
#view-dashboard .start-daily-date { font-size: 13px; }
#view-dashboard .start-daily-bars strong { font-size: 14px; text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#view-dashboard .start-daily-track { display: block; min-width: 0; height: 12px; background: var(--line); border-radius: 2px; }
#view-dashboard .start-daily-track i { display: block; height: 100%; background: var(--accent); border-radius: 2px; }
#view-dashboard .start-daily-bars [data-daily-state="missing"] .start-daily-track { background: transparent; border: 1px dashed var(--muted); }
#view-dashboard .start-daily-bars [data-daily-state="partial"] .start-daily-track i { background: var(--warning); }
#view-dashboard .start-daily-bars small { grid-column: 2/-1; color: var(--muted); font-size: 12px; text-align: right; }
#view-dashboard .start-daily-note { margin: 12px 0 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
@media(max-width:480px) {
  #view-dashboard .start-daily-bars button { grid-template-columns: 80px minmax(0,1fr) 76px; gap: 6px 8px; }
  #view-dashboard .start-daily-bars small { grid-column: 1/-1; }
  #view-dashboard .start-daily-toolbar > button { min-height: 44px; }
}
@media(max-width:900px) {
  #view-dashboard .start-quality-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #view-dashboard .start-overview { grid-template-columns: 1fr; gap: 16px; }
  #view-dashboard .dashboard-start-grid { grid-template-columns: 1fr; }
  #view-dashboard .start-trends { gap: 18px; }
}
@media(max-width:760px) {
  #view-dashboard .start-comparison-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 12px; }
  #view-dashboard #metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  #view-dashboard #metrics .metric { min-height: 90px; padding: 12px; }
  #view-dashboard #metrics .metric strong { font-size: 22px; }
  #view-dashboard .status-card-title { align-items: start; flex-direction: column; }
  #view-dashboard .start-overview .status-card-body { padding: 14px; }
  #view-dashboard .start-status-facts { grid-template-columns: 1fr; gap: 8px; }
  #view-dashboard .start-status-facts > div { display: flex; justify-content: space-between; gap: 10px; }
  #view-dashboard .start-status-facts dd { text-align: right; }
  #view-dashboard .start-warehouses, #view-dashboard .start-warehouses tbody { display: block; min-width: 0; max-width: 100%; }
  #view-dashboard .start-warehouses thead { display: none; }
  #view-dashboard .start-warehouses tr { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); border-top: 1px solid var(--line); padding: 12px; gap: 10px 14px; }
  #view-dashboard .start-warehouses th, #view-dashboard .start-warehouses td { display: block; width: auto !important; min-height: 0; height: auto !important; position: static; padding: 0; border: 0; background: none; font-size: 13px; white-space: normal; }
  #view-dashboard .start-warehouses td::before { content: attr(data-label); display: block; position: static; width: auto; padding: 0 0 5px; color: var(--muted); font-size: 11px; font-weight: 500; }
  #view-dashboard .start-warehouses td small { position: static; height: auto; }
  #view-dashboard .start-warehouses th { grid-column: 1/-1; }
  #view-dashboard .start-warehouse-name { display: flex; gap: 8px; align-items: center; }
  #view-dashboard .start-warehouses :is(td,th):is(:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7)) { text-align: left; }
  #view-dashboard .start-warehouses td:last-child { grid-column: auto; }
  #view-dashboard .start-warehouses tr.start-issue-row { display: block; margin-top: -10px; padding: 0; border-top: 0; border-radius: 0 0 6px 6px; }
  #view-dashboard .start-warehouses .start-issue-row > td::before { display: none; }
  #view-dashboard .start-issue-content { padding: 12px; }
  #view-dashboard .start-issue-list li { grid-template-columns: 1fr; gap: 8px; }
  #view-dashboard .start-issue-toggle { min-height: 44px; }
  #view-dashboard #dashboardInsights { grid-template-columns: 1fr; gap: 8px; }
  #view-dashboard #dashboardInsights .insight-card { min-height: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px 10px; padding: 12px; }
  #view-dashboard #dashboardInsights .insight-card strong { font-size: 22px; grid-column: 2; grid-row: 1; }
  #view-dashboard #dashboardInsights .insight-card small { grid-column: 1/-1; }
  #view-dashboard .start-trends { grid-template-columns: 1fr; }
  #view-dashboard .topbar .actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  #view-dashboard .topbar select { width: 100%; }
  #view-dashboard > .topbar h1 { font-size: 26px; }
  #view-dashboard .start-filter select { min-height: 44px; font-size: 16px; }
  #view-dashboard .start-warehouses tr { border: 1px solid var(--line); border-radius: 6px; margin-bottom: 10px; background: var(--panel); }
  #view-dashboard .start-warehouses { border: 0; background: transparent; }
  #view-dashboard .start-warehouses tbody tr > :is(td, th), #view-dashboard .start-warehouses tbody tr:hover > :is(td, th) { background: transparent; }
  #view-dashboard .start-warehouses tbody tr:nth-child(even) > :is(td, th) { background: transparent; }
  #view-dashboard .start-state { white-space: normal; }
  #view-dashboard .dashboard-start-grid .panel-head { padding: 12px; }
  #view-dashboard .dashboard-start-grid .panel-head h2 { font-size: 14px; }
  #view-dashboard > .topbar, #view-dashboard > .topbar > div:first-child { text-align: left; align-items: stretch; }
  #view-dashboard .dashboard-start-grid .panel-head { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; text-align: left; gap: 12px; }
  #view-dashboard .dashboard-start-grid .panel-head > div:first-child { flex: 1 0 100%; }
  #view-dashboard .dashboard-start-grid .panel-head > .dashboard-hours-range { flex: 1 1 100%; }
  #view-dashboard .dashboard-start-grid .panel-head > :is(a, button) { margin: 0; }
  #view-dashboard .start-shortcuts { grid-template-columns: 1fr; gap: 10px; }
}
@media(max-width:480px) {
  #view-dashboard .start-quality-list { grid-template-columns: 1fr; gap: 18px; }
}