/* Shared finish for LotPilot's supporting workspaces, dialogs and reports. */
:root {
  --polish-navy: #10253c;
  --polish-ink: #192b41;
  --polish-muted: #63758c;
  --polish-line: #dce5ef;
  --polish-shadow: 0 14px 36px rgba(24, 48, 75, .075);
}
.dashboard-command-center .executive-snapshot,
.dashboard-command-center .recon-comparison {
  border: 1px solid #244563 !important;
  border-radius: 18px !important;
  background: linear-gradient(125deg, #10253c, #183d59 68%, #20516b) !important;
  box-shadow: 0 18px 42px rgba(16, 37, 60, .17) !important;
}
.dashboard-command-center .executive-snapshot :is(h1,h2,h3,strong),
.dashboard-command-center .recon-comparison-head :is(h1,h2,h3,strong) { color: #f8fbff !important; }
.dashboard-command-center .executive-snapshot :is(p,small,span),
.dashboard-command-center .recon-comparison-head :is(p,small,span) { color: #b9d0e3; }
.dashboard-command-center .recon-comparison-card {
  border-color: #dce6f0;
  background: #fff;
  box-shadow: 0 8px 22px rgba(5, 20, 36, .12);
}
.dashboard-command-center .recon-comparison-card .recon-comparison-label { color: #526982; }
.dashboard-command-center .recon-comparison-card .recon-comparison-current strong { color: #172c42; }
.dashboard-command-center .recon-comparison-card .recon-comparison-prior strong { color: #566b80; }
.dashboard-command-center .recon-comparison-card :is(.recon-comparison-current small,.recon-comparison-prior small) { color: #687d91; }
.dashboard-command-center .recon-comparison-card .recon-comparison-change.is-good { color: #176b35; }
.dashboard-command-center .recon-comparison-card .recon-comparison-change.is-alert { color: #a92e35; }
.dashboard-command-center .recon-comparison-card .recon-comparison-change.is-neutral { color: #526982; }
.dashboard-command-center .executive-snapshot .executive-kpi,
.dashboard-command-center .recon-comparison > * + * { border-color: rgba(221, 235, 248, .18) !important; }
.dashboard-command-center .command-panel,
.dashboard-command-center .dashboard-data-label,
.dashboard-command-center .dashboard-data-source,
.dashboard-command-center .objective-chart-card {
  border: 1px solid var(--polish-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: var(--polish-shadow) !important;
}
.dashboard-command-center .command-panel { overflow: hidden; }
.dashboard-command-center .command-header {
  border-bottom: 1px solid #e9eff5;
  background: linear-gradient(180deg, #fff, #f8fbff);
}
.dashboard-command-center .command-header :is(h2,h3) { color: var(--polish-ink) !important; letter-spacing: -.025em; }
.dashboard-command-center .sales-metric-group,
.dashboard-command-center .objective-chart-card { border-color: #e1eaf3 !important; }
.dashboard-command-center .sales-metric-card { border-color: #e7edf4; border-radius: 10px; }
.dashboard-command-center .scoreboard-table tbody tr:hover,
.dashboard-command-center .sales-report-table tbody tr:hover { background: #f3f8fd; }
.dashboard-command-center .dashboard-recon-mtd-launch,
.dashboard-command-center .section-hero.inventory-hero { border-radius: 16px; box-shadow: var(--polish-shadow); }

/* Vehicle workspace */
.vehicle-workspace-page .vw-identity {
  border: 1px solid #234662 !important;
  border-radius: 18px !important;
  background: linear-gradient(120deg, #10253c, #183c58 72%, #20516b) !important;
  box-shadow: 0 18px 42px rgba(16, 37, 60, .17) !important;
}
.vehicle-workspace-page .vw-identity :is(h1,.vw-meta b,.vw-transition-control label) { color: #f8fbff !important; }
.vehicle-workspace-page .vw-identity :is(.vw-eyebrow,.vw-meta,.vw-status-line) { color: #bfd4e6 !important; }
.vehicle-workspace-page .vw-identity .vw-transition-control { border-color: rgba(207, 226, 244, .22); background: rgba(255,255,255,.09); }
.vehicle-workspace-page .vw-identity .vw-transition-control span { color: #b8cde0; }
.vehicle-workspace-page .vw-identity .vw-status-badge { border-color: rgba(162,204,246,.35); background: rgba(72,145,221,.2); color: #e5f2ff; }
.vehicle-workspace-page .vw-photo-wrap { border: 1px solid rgba(255,255,255,.23); }
.vehicle-workspace-page .vw-metrics article,
.vehicle-workspace-page .vw-card {
  border-color: var(--polish-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--polish-shadow) !important;
}
.vehicle-workspace-page .vw-metrics article { border-top: 3px solid #78a8d6 !important; }
.vehicle-workspace-page .vw-tabs { border-radius: 12px; box-shadow: 0 10px 26px rgba(24,48,75,.1); }
.vehicle-workspace-page .vw-tabs button.active { background: #e8f2fd; color: #174d88; box-shadow: inset 0 0 0 1px #c9dfef; }
.vehicle-workspace-page .vw-section-head { border-bottom: 1px solid #e6edf4; }

/* Settings and account */
.settings-page .settings-hero {
  padding: 28px 30px;
  border: 1px solid #244563;
  border-radius: 18px;
  background: linear-gradient(120deg, #10253c, #1b4260);
  box-shadow: 0 18px 42px rgba(16,37,60,.16);
}
.settings-page .settings-hero :is(h1,p,.settings-eyebrow) { color: #f8fbff !important; }
.settings-page .settings-hero p { color: #c2d5e6 !important; }
.settings-page .settings-save-state { border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.12); color: #f8fbff; }
.settings-page .settings-card,
.settings-page .settings-section-nav {
  border-color: var(--polish-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--polish-shadow) !important;
}
.settings-page .settings-card-head { border-bottom-color: #e6edf4; }
.settings-page .settings-section-nav a.active { background: #e9f3fd; box-shadow: inset 3px 0 #2477bc; color: #174d88; }
.lp-profile-page .lp-simple-page { max-width: 1120px; }
.lp-profile-page .lp-simple-card { border: 1px solid var(--polish-line) !important; border-radius: 16px !important; box-shadow: var(--polish-shadow) !important; }
.lp-profile-page .lp-simple-title { color: var(--polish-ink); letter-spacing: -.035em; }
.lp-profile-page .lp-form-row { border-color: #e9eff5; }

/* Import, workflow and inspection dialogs */
:is(.vinsolutions-import-dialog,.inventory-import-dialog,.data-import-center,.lp-stage-modal,.lp-transition-drawer,.vw-inspection-drawer) {
  border: 1px solid #d4e1ed !important;
  border-radius: 18px !important;
  background: #f6f9fc !important;
  box-shadow: 0 30px 90px rgba(8,25,43,.32) !important;
}
:is(.vinsolutions-import-head,.import-dialog-head,.data-import-center-head,.lp-stage-header,.lp-transition-head,.vw-inspection-drawer > header) {
  border-bottom: 1px solid rgba(255,255,255,.16) !important;
  background: linear-gradient(115deg, #10253c, #1a4462) !important;
  color: #f8fbff !important;
}
:is(.vinsolutions-import-head,.import-dialog-head,.data-import-center-head,.lp-stage-header,.lp-transition-head,.vw-inspection-drawer > header) :is(h2,h3,p,strong,span) { color: #f8fbff !important; }
:is(.vinsolutions-import-head,.import-dialog-head,.data-import-center-head,.lp-stage-header,.lp-transition-head,.vw-inspection-drawer > header) p { color: #bed4e5 !important; }
:is(.vinsolutions-import-close,.import-close,.data-import-center-close,.lp-stage-header > button,.lp-transition-close,.vw-inspection-drawer > header button) {
  border-color: rgba(255,255,255,.26) !important;
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
}
:is(.vinsolutions-import-summary,.import-summary,.lp-stage-panel,.lp-transition-summary,.data-import-option) {
  border-color: #dfe8f1 !important;
  border-radius: 12px !important;
  box-shadow: 0 5px 18px rgba(24,48,75,.045);
}
:is(.vinsolutions-import-dialog,.inventory-import-dialog,.data-import-center,.lp-stage-modal,.lp-transition-drawer,.vw-inspection-drawer) :is(input,select,textarea):focus-visible,
:is(.settings-page,.vehicle-workspace-page,.lp-profile-page) :is(input,select,textarea,button,a):focus-visible {
  outline: 3px solid rgba(42,126,251,.38);
  outline-offset: 2px;
}

/* On-screen reports */
.sales-report-dialog,
.dashboard-recon-mtd-modal-panel {
  border: 1px solid #d3e0ed !important;
  border-radius: 18px !important;
  background: #f6f9fc !important;
  color: var(--polish-ink) !important;
  box-shadow: 0 30px 90px rgba(8,25,43,.32) !important;
}
.sales-report-header,
.dashboard-recon-mtd-modal-head {
  border-bottom: 1px solid rgba(255,255,255,.16) !important;
  background: linear-gradient(115deg, #10253c, #1b4765) !important;
  color: #fff !important;
}
.sales-report-header :is(h2,p,.sales-report-eyebrow),
.dashboard-recon-mtd-modal-head :is(h2,p,span) { color: #fff !important; }
.sales-report-header p { color: #c1d7e7 !important; }
.sales-report-controls { border-bottom: 1px solid #dfe8f1; background: #fff; }
.sales-report-controls label { color: #52677c; }
.sales-report-controls input,
.sales-report-controls select { border-color: #cad9e8; background: #fff; color: #192b41; }
.sales-report-summary > div { border-color: #dce6ef; border-radius: 12px; background: #fff; box-shadow: 0 6px 16px rgba(24,48,75,.05); }
.sales-report-summary span,.sales-report-summary small { color: #66798c; }
.sales-report-summary strong { color: #192b41; }
.sales-report-summary .is-total { border-color: #a8c8e6; background: #eaf4fd; }
.sales-report-table-wrap { border-color: #dce6ef; background: #fff; }
.sales-report-table th { background: #eaf1f8; color: #39556e; }
.sales-report-table td { border-top-color: #e8eef5; color: #25394f; }
.sales-report-table tbody tr:nth-child(even) { background: #f8fbfe; }
.sales-report-table td:nth-child(6),
.sales-report-table td:nth-child(7),
.sales-report-table td:nth-child(8) { color: #39536b; }
.sales-report-type { background: #e4f1ff; color: #195c99; }
.sales-report-type.wholesale { background: #f1eafa; color: #69449c; }
.sales-report-status,.sales-report-footer { color: #65798e; }
.sales-report-close { border-color: rgba(255,255,255,.27) !important; background: rgba(255,255,255,.12) !important; color: #fff !important; }


.dashboard-command-center .executive-snapshot .is-good { color: #90ebc3 !important; }
.dashboard-command-center .executive-snapshot .is-watch { color: #ffd08a !important; }
.dashboard-command-center .executive-snapshot .is-alert { color: #ffacb1 !important; }
.dashboard-command-center .executive-progress-track { background: rgba(255,255,255,.17); }
.dashboard-command-center .executive-progress-track > span { background: linear-gradient(90deg,#6cb5fa,#71e2cb); }
.dashboard-command-center .executive-status-strip { border-color: #dbe5ef; border-radius: 12px; box-shadow: var(--polish-shadow); }
.dashboard-command-center .executive-status-strip > div + div { border-left: 1px solid #e9eff5; }
.dashboard-recon-mtd-modal-body { background: #f6f9fc; }
.dashboard-recon-mtd-date-filters,
.dashboard-recon-mtd-modal .dashboard-recon-mtd-kpis > *,
.dashboard-recon-mtd-modal .dashboard-recon-mtd-table-wrap { border-color: #dce6ef; background: #fff; border-radius: 12px; }
.dashboard-recon-mtd-close { border-color: rgba(255,255,255,.27); background: rgba(255,255,255,.12); color: #fff; }
.dashboard-recon-mtd-modal-actions { color: #c2d5e6; }
.dashboard-recon-mtd-modal-head .dashboard-recon-mtd-close:focus-visible,
.sales-report-close:focus-visible { outline: 3px solid #83c8f4; outline-offset: 2px; }
@media (max-width: 720px) {
  .dashboard-recon-mtd-modal-panel { border-radius: 0 !important; max-height: 100dvh; min-height: 100dvh; }
}

/* Compact support screens */
.auth-body .auth-card { border: 1px solid var(--polish-line); border-radius: 18px; box-shadow: 0 24px 64px rgba(16,37,60,.14); }
.auth-body .auth-brand { border-radius: 14px; }
.scan-page .header { background: linear-gradient(110deg, #10253c, #1b4765); box-shadow: 0 8px 24px rgba(16,37,60,.2); }
.scan-page :is(.vehicle-card,.history-item,.manual-section,.not-found) { border-radius: 14px; box-shadow: var(--polish-shadow); }
.scan-page :is(.screen-title,.stages-title) { letter-spacing: -.025em; }

@media (max-width: 760px) {
  .settings-page .settings-hero { align-items: flex-start; padding: 22px; }
  .vehicle-workspace-page .vw-identity { gap: 14px; }
  .sales-report-dialog { width: 100vw; max-height: 100dvh; height: 100dvh; border-radius: 0 !important; }
  .sales-report-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media print {
  .sales-report-dialog { border: 0 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; }
  .sales-report-header { background: #fff !important; color: #10253c !important; border-bottom: 2px solid #10253c !important; }
  .sales-report-header :is(h2,p,.sales-report-eyebrow) { color: #10253c !important; }
  .sales-report-summary > div { box-shadow: none !important; }
  .sales-report-table th { background: #eaf1f8 !important; color: #10253c !important; }
}

/* Recon uses the same top-level KPI surface and hierarchy as Sales. */
.dashboard-command-center .recon-executive-snapshot {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch;
  padding: 18px 20px;
}
.recon-snapshot-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.dashboard-command-center .recon-executive-snapshot .recon-snapshot-kpi {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 4px 22px;
}
.dashboard-command-center .recon-executive-snapshot .recon-snapshot-kpi:first-of-type { padding-left: 4px; }
.dashboard-command-center .recon-executive-snapshot .recon-snapshot-kpi + .recon-snapshot-kpi {
  border-left: 1px solid rgba(221, 235, 248, .18) !important;
}
.dashboard-command-center .recon-executive-snapshot .recon-snapshot-kpi > strong {
  margin-top: 10px;
  color: #f8fbff !important;
  font-size: clamp(27px, 2.7vw, 38px);
  line-height: 1.1;
  letter-spacing: -.04em;
}
.dashboard-command-center .recon-snapshot-baseline {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 8px;
  color: #b9d0e3;
  font-size: 10px;
}
.dashboard-command-center .recon-snapshot-baseline strong {
  color: #e1effb !important;
  font-size: 12px;
  font-weight: 800;
}
.dashboard-command-center .recon-snapshot-change {
  align-self: flex-start;
  margin-top: 11px;
  padding: 5px 8px;
  border-radius: 6px;
  background: rgba(255,255,255,.1);
  color: #d6e5f2 !important;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
}
.dashboard-command-center .recon-snapshot-change.is-good { background: rgba(49,185,120,.17); color: #90ebc3 !important; }
.dashboard-command-center .recon-snapshot-change.is-alert { background: rgba(239,105,105,.15); color: #ffacb1 !important; }
.dashboard-command-center .recon-performance-head-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.dashboard-command-center .recon-performance-head-actions p { margin: 0; white-space: nowrap; }
.dashboard-command-center .recon-performance-head-actions .dashboard-recon-mtd-open {
  min-height: 34px;
  padding: 7px 11px;
  border-radius: 8px;
  background: #1769df;
  color: #fff;
  white-space: nowrap;
}
.dashboard-command-center .recon-performance-head-actions .dashboard-recon-mtd-open:hover { background: #115bbf; }
.dashboard-command-center .recon-performance-head-actions .dashboard-recon-mtd-open:focus-visible {
  outline: 3px solid rgba(42,126,251,.4);
  outline-offset: 2px;
}
@media (max-width: 760px) {
  .dashboard-command-center .recon-executive-snapshot { grid-template-columns: 1fr !important; padding: 14px 18px; }
  .dashboard-command-center .recon-executive-snapshot .recon-snapshot-kpi,
  .dashboard-command-center .recon-executive-snapshot .recon-snapshot-kpi:first-of-type { padding: 12px 2px; }
  .dashboard-command-center .recon-executive-snapshot .recon-snapshot-kpi + .recon-snapshot-kpi {
    border-left: 0 !important;
    border-top: 1px solid rgba(221,235,248,.18) !important;
  }
  .dashboard-command-center .recon-executive-snapshot .recon-snapshot-kpi > strong { font-size: 28px; }
}
@media (max-width: 520px) {
  .dashboard-command-center .recon-performance-head-actions p { display: none; }
  .dashboard-command-center .recon-performance-head-actions .dashboard-recon-mtd-open { font-size: 10px; }
}

/* Inventory operating snapshot mirrors the Sales and Recon KPI row. */
.dashboard-command-center .inventory-hero {
  grid-template-columns: auto minmax(0, 1fr);
  justify-content: start;
  min-height: 72px;
  margin-bottom: 10px;
}
.dashboard-command-center .inventory-executive-snapshot {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch;
  margin: 0 0 12px;
  padding: 18px 20px;
}
.dashboard-command-center .inventory-executive-snapshot[hidden] { display: none !important; }
.dashboard-command-center .inventory-executive-snapshot .inventory-snapshot-kpi {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4px 22px;
}
.dashboard-command-center .inventory-executive-snapshot .inventory-snapshot-kpi:first-child { padding-left: 4px; }
.dashboard-command-center .inventory-executive-snapshot .inventory-snapshot-kpi + .inventory-snapshot-kpi {
  border-left: 1px solid rgba(221, 235, 248, .18) !important;
}
.dashboard-command-center .inventory-executive-snapshot .inventory-snapshot-kpi > strong {
  margin-top: 9px;
  color: #f8fbff !important;
  font-size: clamp(27px, 2.7vw, 38px);
  line-height: 1.1;
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.dashboard-command-center .inventory-executive-snapshot .inventory-snapshot-kpi small {
  margin-top: 7px;
  color: #b9d0e3;
  font-size: 10px;
}
@media (max-width: 760px) {
  .dashboard-command-center .inventory-executive-snapshot { grid-template-columns: 1fr !important; padding: 14px 18px; }
  .dashboard-command-center .inventory-executive-snapshot .inventory-snapshot-kpi,
  .dashboard-command-center .inventory-executive-snapshot .inventory-snapshot-kpi:first-child { padding: 12px 2px; }
  .dashboard-command-center .inventory-executive-snapshot .inventory-snapshot-kpi + .inventory-snapshot-kpi {
    border-left: 0 !important;
    border-top: 1px solid rgba(221,235,248,.18) !important;
  }
  .dashboard-command-center .inventory-executive-snapshot .inventory-snapshot-kpi > strong { font-size: 28px; }
}

/* Shared dashboard month picker and historical-data coverage. */
.dashboard-command-center .dashboard-month-control { display: flex; align-items: center; gap: 8px; padding: 0 10px; }
.dashboard-command-center .dashboard-month-control select {
  min-width: 132px; max-width: 190px; min-height: 38px;
  border: 0; background: transparent; color: #29425c;
  font: 700 12px Inter, system-ui, sans-serif; cursor: pointer;
}
.dashboard-command-center .dashboard-month-control select:focus-visible { outline: 3px solid #9bc7ed; outline-offset: 3px; border-radius: 5px; }
.dashboard-month-notice {
  margin: 14px 0 12px; padding: 12px 15px; border: 1px solid #c8dceb;
  border-radius: 10px; background: #eef6fd; color: #34566f; font-size: 12px; line-height: 1.5;
}
.dashboard-month-notice[hidden] { display: none !important; }
.dashboard-historical-month [data-current-only],
.dashboard-historical-month #inventoryExecutiveSnapshot,
.dashboard-historical-month #inventoryStandardPanels,
.dashboard-historical-month #acquisitionsDashboard,
.dashboard-historical-month #view-inventory .inventory-view-tab strong { display: none !important; }
@media (max-width: 600px) {
  .dashboard-command-center .dashboard-month-control { padding: 0 7px; }
  .dashboard-command-center .dashboard-month-control select { min-width: 110px; max-width: 160px; font-size: 11px; }
}

/* Consistent KPI sizing across all three dashboard snapshots. */
.dashboard-command-center .executive-snapshot {
  min-height: 154px;
  margin: 18px 0 12px;
  padding: 18px 20px;
  align-items: stretch;
}
.dashboard-command-center .executive-snapshot :is(.executive-primary, .executive-kpi, .executive-progress) {
  min-height: 116px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px;
}
.dashboard-command-center .executive-snapshot :is(.executive-primary, .executive-kpi):first-of-type { padding-left: 0 !important; }
.dashboard-command-center .executive-snapshot :is(.executive-primary, .executive-kpi) > strong {
  margin-top: 8px;
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums;
}
.dashboard-command-center .executive-snapshot .executive-label { font-size: 10px; line-height: 1.3; }
.dashboard-command-center .executive-snapshot :is(.executive-primary, .executive-kpi) > small {
  margin-top: 7px;
  font-size: 10px;
  line-height: 1.35;
}
.dashboard-command-center .recon-snapshot-baseline { margin-top: 6px; }
.dashboard-command-center .recon-snapshot-change { margin-top: 7px; }
@media (max-width: 1180px) {
  .dashboard-command-center .executive-snapshot .executive-progress {
    min-height: auto;
    padding: 14px 0 0;
  }
}
@media (max-width: 760px) {
  .dashboard-command-center .executive-snapshot { min-height: 0; padding: 14px 18px; }
  .dashboard-command-center .executive-snapshot :is(.executive-primary, .executive-kpi) {
    min-height: 96px;
    padding: 12px;
  }
  .dashboard-command-center :is(.recon-executive-snapshot, .inventory-executive-snapshot) :is(.executive-primary, .executive-kpi) { padding: 12px 2px; }
  .dashboard-command-center .executive-snapshot :is(.executive-primary, .executive-kpi) > strong { font-size: 28px; }
}