/* Zahren 0.13 · acabamento integral Fusão Executiva */
html[data-theme="dark"] {
  --exec-canvas: #070d13;
  --exec-canvas-2: #0a121a;
  --exec-panel: #0c1922;
  --exec-panel-2: #11232e;
  --exec-panel-3: #172c38;
  --exec-border: #2b414e;
  --exec-border-soft: #1c303c;
  --exec-text: #f0f4f6;
  --exec-muted: #95a4ae;
  --exec-soft: #c1cbd1;
  --canvas: var(--exec-canvas);
  --card: var(--exec-panel);
  --ink: var(--exec-text);
  --muted: var(--exec-muted);
  --soft: #778a96;
  --line: var(--exec-border);
}

html[data-theme="dark"] body {
  background:
    radial-gradient(circle at 50% -18%, rgba(60, 91, 108, .20), transparent 38%),
    linear-gradient(180deg, #070d13 0%, #091119 48%, #060c11 100%) fixed !important;
}

/* Uma grade e um alinhamento para o sistema inteiro. */
.page { padding-inline: 18px !important; }
.page > * { min-width: 0; }
.page-heading { padding-inline: 16px !important; }
.page-heading .heading-copy,
.page-heading h1,
.page-heading p,
.panel-head > div,
.card-head > div { text-align: left !important; }

.panel,
.card,
.table-card,
.chart-panel,
.operational-snapshot,
.mass-toolbar,
.filter-result-indicator,
.coverage-banner,
.program-guard,
.rule-note,
.manager-summary article,
.management-kpis article,
.phase-kpis article,
.capacity-kpis article,
.alert-kpis article,
.role-guide article,
.activity-list article,
.decision-snapshot article,
.user-access,
.saved-types article,
.audit-explainer article,
.program-pulse button,
.export-context,
.export-help,
.flow-map,
.parts-update-scope {
  border: 1px solid var(--exec-border) !important;
  border-radius: 7px !important;
  background: linear-gradient(145deg, #0c1922 0%, #10212b 100%) !important;
  color: var(--exec-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 7px 18px rgba(0,0,0,.13) !important;
}

.panel-head,
.card-head {
  min-height: 52px !important;
  border-bottom: 1px solid var(--exec-border-soft) !important;
  background: linear-gradient(90deg, rgba(255,255,255,.018), transparent) !important;
  padding: 11px 16px !important;
}
.panel-head h2,
.card-head h2 { color: #f1f5f7 !important; font-size: 12px !important; font-weight: 760 !important; }
.panel-head p,
.card-head p { color: #81939e !important; font-size: 9px !important; }
.panel > :not(.panel-head):not(.table-wrap):not(.pagination) { margin-inline: 16px !important; }

/* KPIs do dashboard: ícone, sinal e minigráfico reais em SVG. */
.executive-kpis {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-bottom: 10px !important;
}
.kpi-card,
.kpi-card.metric-card-button {
  position: relative !important;
  display: block !important;
  min-height: 136px !important;
  overflow: hidden !important;
  border: 1px solid var(--exec-border) !important;
  border-left: 2px solid currentColor !important;
  border-radius: 7px !important;
  background:
    radial-gradient(circle at 88% 82%, color-mix(in srgb, currentColor 12%, transparent), transparent 34%),
    linear-gradient(145deg, #0d1b25, #101f29) !important;
  padding: 13px 13px 25px !important;
  color: var(--exec-cyan);
  text-align: left !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.kpi-card::before { width: 0 !important; }
.kpi-card::after { display: none !important; }
.kpi-card.red { color: var(--exec-red) !important; }
.kpi-card.teal { color: var(--exec-cyan) !important; }
.kpi-card.blue { color: var(--exec-blue) !important; }
.kpi-card.green { color: var(--exec-green) !important; }
.kpi-card.amber { color: var(--exec-amber) !important; }
.kpi-card.purple { color: var(--exec-purple) !important; }
.kpi-main { position: relative; z-index: 2; display: grid; width: calc(100% - 33px); gap: 4px; }
.kpi-title { min-height: 16px; color: currentColor !important; font-size: 10px !important; font-weight: 780 !important; letter-spacing: .01em; text-transform: none !important; }
.kpi-number { color: #f5f8fa !important; font-size: 27px !important; font-weight: 620 !important; letter-spacing: -.035em; line-height: 1 !important; }
.kpi-breakdown { min-height: 21px; max-width: 86%; color: #8b9aa4 !important; font-size: 8px !important; line-height: 1.3; }
.kpi-symbol {
  position: absolute;
  z-index: 3;
  top: 12px;
  right: 12px;
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border: 1px solid color-mix(in srgb, currentColor 42%, transparent);
  border-radius: 6px;
  background: color-mix(in srgb, currentColor 10%, #101f29);
  color: currentColor;
  font-style: normal;
}
.kpi-symbol svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.kpi-sparkline { position: absolute; z-index: 1; right: 9px; bottom: 20px; width: 78px; height: 34px; color: currentColor; opacity: .92; }
.kpi-sparkline polygon { fill: currentColor; fill-opacity: .08; }
.kpi-sparkline polyline { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.kpi-signal { display: block; width: max-content; margin-top: 1px; font-size: 8px; font-weight: 720; }
.kpi-signal.positive { color: #54d57c !important; }
.kpi-signal.warning { color: #ffc037 !important; }
.kpi-signal.caution { color: #51cbd0 !important; }
.kpi-signal.neutral { color: #81939e !important; }
.kpi-link { position: absolute !important; right: auto !important; bottom: 7px !important; left: 13px !important; color: #778a96 !important; font-size: 7px !important; font-style: normal; font-weight: 760; letter-spacing: .05em; text-transform: uppercase; }
.kpi-card:hover { border-color: currentColor !important; background: linear-gradient(145deg,#122530,#142a36) !important; transform: translateY(-1px); }

/* Sumários gerenciais que ainda usavam número azul-escuro. */
.manager-summary,
.phase-kpis,
.capacity-kpis { gap: 9px !important; margin-bottom: 10px !important; }
.manager-summary article,
.phase-kpis article,
.capacity-kpis article {
  position: relative;
  min-height: 112px;
  gap: 5px !important;
  border-left: 2px solid #318dff !important;
  padding: 14px 16px !important;
}
.manager-summary article:nth-child(1) { border-left-color: #18c2c8 !important; }
.manager-summary article:nth-child(2) { border-left-color: #ff3b45 !important; }
.manager-summary article:nth-child(3) { border-left-color: #f1a800 !important; }
.manager-summary article:nth-child(4) { border-left-color: #318dff !important; }
.manager-summary span,
.phase-kpis span,
.capacity-kpis span { color: #8d9da7 !important; font-size: 9px !important; font-weight: 700; }
.manager-summary strong,
.phase-kpis strong,
.capacity-kpis strong { color: #f2f6f8 !important; font-size: 27px !important; font-weight: 620; }
.manager-summary small,
.phase-kpis small,
.capacity-kpis small { color: #84959f !important; font-size: 8px; }
.management-kpis { gap: 9px !important; margin-bottom: 10px !important; }
.management-kpis article { min-height: 88px; padding: 13px 15px !important; }
.management-kpis span { color: #8d9da7 !important; }
.management-kpis strong { color: #f2f6f8 !important; font-size: 25px !important; }

/* Barra de seleção e resultado do filtro: nunca mais brancas no modo escuro. */
.mass-toolbar {
  min-height: 62px !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
  padding: 10px 12px !important;
}
.mass-toolbar.active { border-color: rgba(19,199,203,.55) !important; background: linear-gradient(90deg,rgba(19,199,203,.09),#10212b 34%,#0c1922) !important; }
.mass-toolbar strong { color: #eef3f6 !important; font-size: 11px !important; }
.mass-toolbar span { color: #81939e !important; font-size: 8px !important; }
.mass-toolbar .btn { min-width: 154px !important; }
.mass-toolbar .btn:disabled { border-color: #293b46 !important; background: #182630 !important; color: #60717c !important; opacity: 1 !important; }

.filter-result-indicator {
  min-height: 64px !important;
  margin: 10px 0 !important;
  border-left: 3px solid var(--exec-cyan) !important;
  padding: 10px 15px !important;
}
.filter-result-indicator span { color: #83949f !important; font-size: 8px !important; letter-spacing: .06em; }
.filter-result-indicator strong { color: #f1f5f7 !important; font-size: 22px !important; font-weight: 620; }
.filter-result-indicator small { color: #4fd0d2 !important; font-size: 8px; }

/* Aging com cinco identidades de gravidade. */
.operational-snapshot { gap: 10px !important; padding: 13px 15px !important; }
.snapshot-heading { min-height: 36px; padding: 0 2px; }
.snapshot-heading .eyebrow { color: var(--exec-red) !important; font-size: 8px !important; }
.snapshot-heading strong { color: #eef3f6 !important; font-size: 11px; }
.snapshot-heading > b { color: #ff4d56 !important; font-size: 14px !important; }
.aging-snapshot { grid-template-columns: repeat(5,minmax(0,1fr)) !important; gap: 8px !important; }
.snapshot-cards > button {
  --snapshot-tone: #5b9aff;
  position: relative;
  display: grid !important;
  min-height: 112px !important;
  grid-template-columns: 34px minmax(0,1fr) !important;
  grid-template-rows: auto auto auto auto !important;
  gap: 3px 9px !important;
  overflow: hidden;
  border: 1px solid var(--exec-border) !important;
  border-left: 2px solid var(--snapshot-tone) !important;
  border-radius: 7px !important;
  background:
    radial-gradient(circle at 95% 5%, color-mix(in srgb,var(--snapshot-tone) 12%,transparent),transparent 42%),
    linear-gradient(145deg,#10212b,#142630) !important;
  padding: 11px 12px !important;
  color: var(--snapshot-tone) !important;
  text-align: left !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
}
.snapshot-cards .tone-green { --snapshot-tone: #31c66b; }
.snapshot-cards .tone-blue { --snapshot-tone: #3c91ff; }
.snapshot-cards .tone-amber { --snapshot-tone: #f0ae1c; }
.snapshot-cards .tone-orange { --snapshot-tone: #f47432; }
.snapshot-cards .tone-red { --snapshot-tone: #ff3b48; }
.snapshot-icon {
  display: grid;
  width: 31px;
  height: 31px;
  grid-row: 1 / 4;
  place-items: center;
  border: 1px solid color-mix(in srgb,var(--snapshot-tone) 42%,transparent);
  border-radius: 7px;
  background: color-mix(in srgb,var(--snapshot-tone) 10%,#10212b);
  color: var(--snapshot-tone) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 850;
}
.snapshot-cards > button > span { grid-column: 2; color: #aab7bf !important; font-size: 8px !important; font-weight: 760; }
.snapshot-cards > button > strong { grid-column: 2; color: #f4f7f9 !important; font-size: 24px !important; font-weight: 620; }
.snapshot-cards > button > small { grid-column: 2; color: #7f919c !important; font-size: 7px !important; }
.snapshot-cards > button > u { display: block; height: 3px; grid-column: 1 / 3; overflow: hidden; border-radius: 99px; background: #20343f; text-decoration: none; }
.snapshot-cards > button > u > b { display: block; height: 100%; border-radius: inherit; background: var(--snapshot-tone); }
.snapshot-cards > button > em { grid-column: 1 / 3; color: var(--snapshot-tone) !important; font-size: 7px !important; letter-spacing: .04em; text-align: right; text-transform: uppercase; }
.snapshot-cards > button:hover { border-color: var(--snapshot-tone) !important; background: linear-gradient(145deg,#152b36,#172f3b) !important; transform: translateY(-1px); }

/* Cards de cliente e carteira alinhados pela mesma grade. */
.picking-client-summary { padding: 15px 14px 10px !important; background: linear-gradient(130deg,#081821,#0d2631) !important; }
.portfolio-toolbar { min-height: 52px; align-items: center !important; padding-inline: 2px; }
.picking-client-title { align-items: center !important; }
.picking-client-title .eyebrow { color: var(--exec-cyan) !important; }
.picking-client-title strong { color: #f2f6f8 !important; font-size: 15px !important; }
.picking-client-title b { color: var(--exec-amber) !important; font-size: 25px !important; }
.picking-client-title small { color: #9aacb6 !important; }
.client-picking-cards { margin: 3px 0 0 !important; padding: 0 0 8px !important; }
.client-picking-cards > button { min-width: 280px !important; min-height: 76px !important; border-color: #2a414e !important; background: linear-gradient(145deg,#10232e,#142a35) !important; }
.client-picking-cards > button > strong { color: #ffc22f !important; }
.client-picking-cards > button .client-card-name span { color: #f1f5f7 !important; }
.client-meter i { background: linear-gradient(90deg,#28c6bf,#f2bc3d) !important; }

/* Filtros: mesmos 40px, textos à esquerda e níveis de cinza. */
.filter-bar { align-items: end !important; padding: 10px !important; background: linear-gradient(145deg,#0c1922,#10212b) !important; }
.filter-bar input,
.filter-bar select,
.filter-bar details > summary,
.filters input,
.filters select { height: 40px !important; min-height: 40px !important; border-color: #2d4553 !important; background: #0a1720 !important; color: #b7c2c9 !important; padding-inline: 12px !important; text-align: left !important; }
.multi-filter > summary { height: 40px !important; }
.multi-filter > div { background: #0e1d27 !important; }
.multi-actions { border-color: var(--exec-border-soft) !important; background: #10222d !important; }
.multi-actions button { border: 1px solid #314956 !important; border-radius: 4px !important; background: #172c37 !important; color: #bdc7cd !important; }
.multi-actions button:hover { border-color: #4b6776 !important; background: #1b3542 !important; color: #fff !important; }

/* Tabelas no mesmo eixo e com contraste progressivo. */
.panel > .table-wrap { margin: 12px 14px 0 !important; border: 1px solid var(--exec-border) !important; border-radius: 6px !important; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th,
.data-table td { padding: 10px 13px !important; text-align: left !important; vertical-align: middle !important; }
.data-table th { background: #152a36 !important; color: #aec0ca !important; font-size: 8px !important; font-weight: 760 !important; }
.data-table td { color: #c0cbd1 !important; }
.data-table tbody tr:nth-child(even) { background: rgba(255,255,255,.012) !important; }
.data-table tbody tr:hover { background: rgba(37,132,195,.08) !important; }
.data-table td strong { color: #edf3f6 !important; }

/* Gráficos: centro escuro, eixos visíveis e cores da referência. */
.trend-chart { padding: 8px 14px 13px; }
.chart-grid-line { stroke: #28404d !important; stroke-width: .7 !important; }
.chart-line { stroke-width: 2.2 !important; }
.chart-line.entries { stroke: #ff3540 !important; }
.chart-line.finished { stroke: #28bd59 !important; }
.chart-line.programmed { stroke: #2b8cff !important; }
.chart-legend i { box-shadow: 0 0 0 3px rgba(255,255,255,.025); }
.donut-wrap { padding: 15px 16px 18px; }
.donut-chart { box-shadow: 0 0 0 1px #2a414e, 0 0 22px rgba(0,0,0,.24); }
.donut-chart::after { background: #12232d !important; box-shadow: inset 0 0 0 1px #2b414e; }
.donut-chart strong { color: #f0f5f7 !important; }
.donut-legend div { min-height: 27px; border-bottom: 1px solid rgba(43,65,78,.45); color: #c0cbd1 !important; }
.donut-legend div > strong { color: #f1f5f7 !important; }
.donut-legend small { color: #81939e !important; }
.metric-bars em { color: #f2f6f8 !important; }
.metric-bars small { color: #84959f !important; }
.metric-bars i { height: 5px !important; background: #213641 !important; }
.metric-bars.teal u { background: linear-gradient(90deg,#18c4c7,#4cd7d0) !important; }
.metric-bars.blue u { background: linear-gradient(90deg,#2e82ff,#5ca8ff) !important; }
.metric-bars.purple u { background: linear-gradient(90deg,#8069ff,#ac94ff) !important; }
.metric-bars.amber u { background: linear-gradient(90deg,#ef9e00,#ffc43a) !important; }
.metric-bars.green u { background: linear-gradient(90deg,#21a84f,#43d476) !important; }

.insight-card { min-height: 250px; background: linear-gradient(145deg,#152934,#1b3945 62%,#163f43) !important; }
.insight-card h2 { color: #f4f7f9 !important; }
.insight-card p { color: #aebdc5 !important; }
.coverage-banner span,
.program-guard span,
.rule-note span { color: #91a2ac !important; }
.coverage-track { background: #213641 !important; }
.coverage-track i { background: linear-gradient(90deg,#1ec5c5,#3289ff) !important; }

/* Formulários, configurações e gavetas. */
fieldset,
.report-columns,
.permission-grid,
.drawer-profile-grid label,
.user-base-fields label,
.activity-grid label,
.sync-map-grid article { border-color: var(--exec-border) !important; background: #10212b !important; color: #aebbc3 !important; }
.drawer-summary > div,
.detail-box { background: linear-gradient(145deg,#10212b,#152a35) !important; }
.detail-box span,
.drawer-summary span { color: #8798a3 !important; }
.detail-box strong,
.drawer-summary strong { color: #eff4f6 !important; }

/* Superficies legadas que ainda apareciam claras em paginas menos acessadas. */
html[data-theme="dark"] .manager-access-list > div,
html[data-theme="dark"] .management-programs > div,
html[data-theme="dark"] .scope-list > div,
html[data-theme="dark"] .decision-item,
html[data-theme="dark"] .agenda-day,
html[data-theme="dark"] .schedule-card,
html[data-theme="dark"] .count-list > div,
html[data-theme="dark"] .drawer-hero,
html[data-theme="dark"] .program-type-manager form,
html[data-theme="dark"] .saved-types article,
html[data-theme="dark"] .export-field-grid label,
html[data-theme="dark"] .program-archive,
html[data-theme="dark"] .program-archive select,
html[data-theme="dark"] .model-field-grid label,
html[data-theme="dark"] .saved-report-models article,
html[data-theme="dark"] .drawer-profile,
html[data-theme="dark"] .drawer-profile-grid label,
html[data-theme="dark"] .activity-list article,
html[data-theme="dark"] .decision-snapshot article,
html[data-theme="dark"] .model-sort-builder,
html[data-theme="dark"] .export-sort-builder,
html[data-theme="dark"] .phase-saved-card,
html[data-theme="dark"] .snapshot-cards article,
html[data-theme="dark"] .report-columns label,
html[data-theme="dark"] .permission-grid label,
html[data-theme="dark"] .empty-inline {
  border-color: var(--exec-border) !important;
  background: linear-gradient(145deg,#10212b,#142630) !important;
  color: #c0cbd1 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important;
}
html[data-theme="dark"] .manager-access-list > div,
html[data-theme="dark"] .management-programs > div {
  min-height: 54px !important;
  border-radius: 6px !important;
  padding: 9px 12px !important;
}
html[data-theme="dark"] .manager-access-list strong,
html[data-theme="dark"] .management-programs strong,
html[data-theme="dark"] .scope-list strong,
html[data-theme="dark"] .saved-report-models strong,
html[data-theme="dark"] .activity-list strong { color: #eef3f6 !important; }
html[data-theme="dark"] .manager-access-list small,
html[data-theme="dark"] .management-programs span,
html[data-theme="dark"] .scope-list span,
html[data-theme="dark"] .saved-report-models span,
html[data-theme="dark"] .saved-report-models small,
html[data-theme="dark"] .activity-list small { color: #82939e !important; }

/* Abas sao sempre reconheciveis como navegacao, nunca como cartoes brancos. */
html[data-theme="dark"] .program-tabs,
html[data-theme="dark"] .split-tabs,
html[data-theme="dark"] .purchase-tabs {
  gap: 7px !important;
  border-color: var(--exec-border) !important;
  background: transparent !important;
}
html[data-theme="dark"] .program-tabs button,
html[data-theme="dark"] .split-tabs button,
html[data-theme="dark"] .purchase-tabs button {
  min-height: 42px !important;
  border: 1px solid var(--exec-border) !important;
  border-radius: 5px !important;
  background: #0d1d27 !important;
  color: #93a3ad !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .program-tabs button.active,
html[data-theme="dark"] .split-tabs button.active,
html[data-theme="dark"] .purchase-tabs button.active {
  border-color: rgba(255,49,59,.58) !important;
  background: linear-gradient(180deg,rgba(255,49,59,.14),rgba(255,49,59,.07)) !important;
  color: #f4f7f9 !important;
}
html[data-theme="dark"] .program-tabs button b,
html[data-theme="dark"] .split-tabs button b,
html[data-theme="dark"] .purchase-tabs button b {
  border: 1px solid #304754 !important;
  background: #1a303c !important;
  color: #aebbc3 !important;
}
html[data-theme="dark"] .program-tabs button.active b,
html[data-theme="dark"] .split-tabs button.active b,
html[data-theme="dark"] .purchase-tabs button.active b {
  border-color: rgba(255,49,59,.38) !important;
  background: rgba(255,49,59,.13) !important;
  color: #ff6c73 !important;
}

/* Avisos preservam a semantica sem quebrar o degrade executivo. */
html[data-theme="dark"] .program-tab-note,
html[data-theme="dark"] .fixed-columns-note,
html[data-theme="dark"] .eligibility-note,
html[data-theme="dark"] .workforce-bottleneck {
  border-color: rgba(242,167,0,.38) !important;
  border-left: 3px solid var(--exec-amber) !important;
  background: linear-gradient(90deg,rgba(242,167,0,.10),#10212b 40%,#0c1922) !important;
  color: #d8c18a !important;
}
html[data-theme="dark"] .program-tab-note strong,
html[data-theme="dark"] .fixed-columns-note strong,
html[data-theme="dark"] .eligibility-note strong,
html[data-theme="dark"] .workforce-bottleneck strong { color: #ffd372 !important; }
html[data-theme="dark"] .audit-failures,
html[data-theme="dark"] .phase-source-banner.is-error {
  border-color: rgba(255,49,59,.42) !important;
  border-left: 3px solid var(--exec-red) !important;
  background: linear-gradient(90deg,rgba(255,49,59,.10),#10212b 42%,#0c1922) !important;
  color: #ff9da2 !important;
}
html[data-theme="dark"] .history-list > .history-waiting {
  border-left-color: var(--exec-amber) !important;
  background: rgba(242,167,0,.08) !important;
}
html[data-theme="dark"] .history-list > .history-repeat-old {
  border-left-color: var(--exec-red) !important;
  background: rgba(255,49,59,.09) !important;
}
html[data-theme="dark"] .history-list > .history-repeat-old strong,
html[data-theme="dark"] .history-list > .history-repeat-old time { color: #ff858b !important; }

/* Cabeçalho operacional: todos os controles compartilham a mesma linha de base. */
.topbar {
  height: 64px !important;
  min-height: 64px !important;
  align-items: flex-end !important;
  padding-block: 7px !important;
}
.top-actions {
  height: 50px;
  align-items: flex-end !important;
}
.global-line-control {
  min-height: 50px !important;
  grid-template-rows: 10px 36px;
  align-content: end;
  gap: 2px !important;
}
.global-line-control > span {
  align-self: end;
  line-height: 10px;
}
.global-line-control select,
.btn-clear-filters,
#syncButton {
  height: 36px !important;
  min-height: 36px !important;
}
.search-wrap,
.sync-meta,
.theme-toggle,
.avatar { align-self: flex-end !important; }
.sync-meta {
  display: grid;
  height: 36px;
  align-content: center;
}
.theme-toggle,
.avatar {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
}

/* Recuos internos mínimos para nada encostar na borda. */
.decision-tile,
.finalized-mini-card,
.ptn-indicator-grid > button,
.program-card,
.batch-card,
.shortage-card,
.purchase-card { padding: 14px 15px !important; }

@media (max-width: 1380px) {
  .executive-kpis { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width: 1100px) {
  .aging-snapshot { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  .mass-toolbar { flex-wrap: wrap; }
}
@media (max-width: 980px) {
  .topbar {
    height: auto !important;
    min-height: 64px !important;
    align-items: center !important;
  }
  .top-actions { height: auto; }
  .search-wrap { align-self: center !important; }
}
@media (max-width: 760px) {
  .executive-kpis,
  .aging-snapshot { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .snapshot-cards > button { min-height: 108px !important; }
}