/* Zahren 0.17.2 · Light Executive Vivid
   Referências aprovadas: 06 (KPIs), 14 (operacional neutro), 15 (consolidado).
   A cor comunica; o fundo permanece branco. */
@media screen {
  html[data-theme="light"] {
    --v21-red: #f2263b;
    --v21-blue: #1769f3;
    --v21-sky: #0d9ee8;
    --v21-green: #10a957;
    --v21-amber: #f29a00;
    --v21-orange: #f15b24;
    --v21-teal: #00a6b2;
    --v21-purple: #8044da;
    --v21-ink: #17232c;
    --v21-muted: #5c6872;
    --v21-line: #dbe2e7;
    --v21-line-strong: #cbd5dc;
    --v21-canvas: #f8fafb;
    --v21-soft: #f3f6f8;

    --l-red: var(--v21-red);
    --l-blue: var(--v21-blue);
    --l-green: var(--v21-green);
    --l-amber: var(--v21-amber);
    --l-orange: var(--v21-orange);
    --l-teal: var(--v21-teal);
    --l-purple: var(--v21-purple);
    --l-text: var(--v21-ink);
    --l-muted: var(--v21-muted);
    --l-border: var(--v21-line);
    --l-border-soft: #e8edf0;
    --canvas: var(--v21-canvas);
    --card: #fff;
    --ink: var(--v21-ink);
    --muted: var(--v21-muted);
    --line: var(--v21-line);
  }

  html[data-theme="light"] body {
    color: var(--v21-ink) !important;
    background: var(--v21-canvas) !important;
  }
  html[data-theme="light"] :is(.app-shell, .main, .page) {
    color: var(--v21-ink) !important;
    background: transparent !important;
  }

  /* Estrutura branca, limpa e uniforme. */
  html[data-theme="light"] :is(.sidebar, .top-navigation, .topbar) {
    border-color: var(--v21-line) !important;
    background: #fff !important;
    box-shadow: 0 4px 15px rgba(31, 47, 58, .07) !important;
  }
  html[data-theme="light"] .nav-submenu {
    border-color: var(--v21-line-strong) !important;
    background: #fff !important;
    box-shadow: 0 16px 36px rgba(28, 43, 54, .16) !important;
  }
  html[data-theme="light"] :is(.nav-menu-trigger:hover, .nav-menu-trigger[aria-expanded="true"], .nav-item:hover, .nav-item.active) {
    background: #f4f7f9 !important;
  }
  html[data-theme="light"] :is(.nav-menu-trigger[aria-expanded="true"], .nav-item.active) {
    color: var(--v21-red) !important;
    box-shadow: inset 0 -2px 0 var(--v21-red) !important;
  }

  html[data-theme="light"] :is(
    .panel, .card, .table-card, .chart-card, .chart-panel, .operational-snapshot,
    .program-batch, .program-card, .program-type-card, .shortage-card, .purchase-card,
    .aging-card, .batch-card, .product-card, .report-model-card, .setting-card,
    .settings-card, .summary-card, .sync-card, .report-model-builder,
    .program-type-manager, .program-confirm-panel, .program-archive,
    .phase-registration, .phase-client-filter, .settings-section, .settings-side,
    .settings-form, .user-access, .scenario-panel, .activity-builder,
    .workforce-flow-panel, .mega-source-panel, .personal-mega-form,
    .export-favorites, .picking-client-summary
  ) {
    border-color: var(--v21-line) !important;
    background: #fff !important;
    color: var(--v21-ink) !important;
    box-shadow: 0 5px 16px rgba(31, 47, 58, .055) !important;
  }
  html[data-theme="light"] :is(.page-heading, .page-heading.without-page-actions, .page-heading.many-page-actions) {
    border-color: var(--v21-line) !important;
    border-left-color: var(--v21-red) !important;
    background: #fff !important;
    color: var(--v21-ink) !important;
    box-shadow: 0 5px 16px rgba(31, 47, 58, .055) !important;
  }
  html[data-theme="light"] .page-heading .eyebrow { color: var(--v21-red) !important; }
  html[data-theme="light"] :is(.page-heading h1, .panel-head h2, .card-head h2, .section-title h4) { color: var(--v21-ink) !important; }

  html[data-theme="light"] :is(
    .filter-bar, .filters, .toolbar, .table-toolbar, .control-bar, .page-actions,
    .portfolio-toolbar, .drawer-actions, .modal-actions, .settings-actions,
    .report-runner-row, .confirm-program-grid, .activity-grid, .scenario-grid,
    .purchase-filter, .all-parts-filters, .parts-test-filters, .phase-filter-grid,
    .model-form-actions, .row-actions, .filter-result-indicator, .mass-toolbar
  ) {
    border-color: var(--v21-line) !important;
    background: #fff !important;
    color: var(--v21-ink) !important;
    box-shadow: 0 4px 13px rgba(31, 47, 58, .045) !important;
  }
  html[data-theme="light"] :is(input, select, textarea, .multi-filter > summary, .multi-filter-menu, .search-wrap) {
    border-color: var(--v21-line-strong) !important;
    background: #fff !important;
    color: var(--v21-ink) !important;
    box-shadow: none !important;
  }
  html[data-theme="light"] :is(input, select, textarea):focus,
  html[data-theme="light"] .multi-filter[open] > summary {
    border-color: var(--v21-blue) !important;
    box-shadow: 0 0 0 3px rgba(23, 105, 243, .12) !important;
  }
  html[data-theme="light"] :is(.panel-head, .card-head, .section-title, .drawer-section-head, .report-model-builder-head) {
    border-bottom-color: #e7ecef !important;
    background: #fff !important;
  }

  /* Paleta semântica viva. */
  html[data-theme="light"] :is(.red, .critical, .danger, .tone-red, .is-error) {
    --surface-tone: var(--v21-red) !important;
    --card-tone: var(--v21-red) !important;
  }
  html[data-theme="light"] :is(.green, .healthy, .success, .tone-green) {
    --surface-tone: var(--v21-green) !important;
    --card-tone: var(--v21-green) !important;
  }
  html[data-theme="light"] :is(.amber, .yellow, .attention, .warning, .tone-amber, .tone-yellow) {
    --surface-tone: var(--v21-amber) !important;
    --card-tone: var(--v21-amber) !important;
  }
  html[data-theme="light"] :is(.orange, .tone-orange) {
    --surface-tone: var(--v21-orange) !important;
    --card-tone: var(--v21-orange) !important;
  }
  html[data-theme="light"] :is(.blue, .neutral, .tone-blue) {
    --surface-tone: var(--v21-blue) !important;
    --card-tone: var(--v21-blue) !important;
  }
  html[data-theme="light"] :is(.teal, .tone-teal) {
    --surface-tone: var(--v21-teal) !important;
    --card-tone: var(--v21-teal) !important;
  }
  html[data-theme="light"] :is(.purple, .violet, .tone-purple, .tone-violet) {
    --surface-tone: var(--v21-purple) !important;
    --card-tone: var(--v21-purple) !important;
  }

  /* MODELO 06 · KPIs principais. O fundo é branco; a vida está nos sinais. */
  html[data-theme="light"] .kpi-grid > .kpi-card {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid var(--v21-line) !important;
    border-top: 1px solid var(--v21-line) !important;
    border-left: 1px solid var(--v21-line) !important;
    background: #fff !important;
    color: var(--surface-tone) !important;
    box-shadow: 0 6px 18px rgba(31, 47, 58, .07) !important;
  }
  html[data-theme="light"] .kpi-grid > .kpi-card:hover {
    border-color: color-mix(in srgb, var(--surface-tone) 48%, #cbd5dc) !important;
    background: #fff !important;
    box-shadow: 0 11px 25px color-mix(in srgb, var(--surface-tone) 14%, transparent) !important;
    transform: translateY(-2px) !important;
  }
  html[data-theme="light"] .kpi-card::after { display: none !important; }
  html[data-theme="light"] .kpi-card :is(.kpi-title, .kpi-link) { color: var(--surface-tone) !important; opacity: 1 !important; }
  html[data-theme="light"] .kpi-card .kpi-number { color: var(--v21-ink) !important; }
  html[data-theme="light"] .kpi-card .kpi-breakdown { color: var(--v21-muted) !important; opacity: 1 !important; }
  html[data-theme="light"] .kpi-card .kpi-symbol {
    border: 1px solid color-mix(in srgb, var(--surface-tone) 34%, #d7dfe4) !important;
    background: color-mix(in srgb, var(--surface-tone) 9%, #fff) !important;
    color: var(--surface-tone) !important;
  }
  html[data-theme="light"] .kpi-card .kpi-sparkline {
    color: var(--surface-tone) !important;
    opacity: 1 !important;
  }
  html[data-theme="light"] .kpi-card .kpi-sparkline polygon { fill-opacity: .09 !important; }
  html[data-theme="light"] .kpi-card .kpi-sparkline polyline { stroke-width: 1.9 !important; }
  html[data-theme="light"] .kpi-card .kpi-signal { color: var(--surface-tone) !important; opacity: 1 !important; }

  /* MODELO 14 · Carteira e aging: branco neutro, curva suave e acento vivo. */
  html[data-theme="light"] .picking-client-summary { background: #fff !important; }
  html[data-theme="light"] .client-picking-cards > button,
  html[data-theme="light"] .aging-snapshot > button {
    border: 1px solid var(--v21-line) !important;
    border-left: 1px solid var(--v21-line) !important;
    background:
      radial-gradient(135% 92% at 112% 126%, #edf1f4 0%, #f5f7f8 47%, transparent 48%),
      #fff !important;
    color: var(--v21-ink) !important;
    box-shadow: 0 4px 12px rgba(31, 47, 58, .045) !important;
  }
  html[data-theme="light"] .client-picking-cards > button:hover,
  html[data-theme="light"] .aging-snapshot > button:hover {
    border-color: color-mix(in srgb, var(--surface-tone) 42%, #cbd5dc) !important;
    background:
      radial-gradient(135% 92% at 112% 126%, #e8edf0 0%, #f3f6f7 47%, transparent 48%),
      #fff !important;
    box-shadow: 0 8px 18px rgba(31, 47, 58, .08) !important;
  }
  html[data-theme="light"] .picking-client-title .eyebrow { color: var(--v21-teal) !important; }
  html[data-theme="light"] .picking-client-title :is(strong, b) { color: var(--v21-ink) !important; }
  html[data-theme="light"] .client-picking-cards > button :is(strong, .client-card-name span) { color: var(--v21-ink) !important; }
  html[data-theme="light"] .client-picking-cards > button .client-card-name small { color: var(--v21-muted) !important; opacity: 1 !important; }
  html[data-theme="light"] .client-rank {
    border-color: #c8e9ec !important;
    background: #e8f8f9 !important;
    color: var(--v21-teal) !important;
  }
  html[data-theme="light"] .client-meter { background: #e5eaed !important; }
  html[data-theme="light"] .client-meter i { background: linear-gradient(90deg, var(--v21-teal), var(--v21-blue)) !important; }

  html[data-theme="light"] .snapshot-cards .tone-green { --snapshot-tone: var(--v21-green) !important; }
  html[data-theme="light"] .snapshot-cards .tone-blue { --snapshot-tone: var(--v21-blue) !important; }
  html[data-theme="light"] .snapshot-cards .tone-amber { --snapshot-tone: var(--v21-amber) !important; }
  html[data-theme="light"] .snapshot-cards .tone-orange { --snapshot-tone: var(--v21-orange) !important; }
  html[data-theme="light"] .snapshot-cards .tone-red { --snapshot-tone: var(--v21-red) !important; }
  html[data-theme="light"] .snapshot-cards .tone-purple { --snapshot-tone: var(--v21-purple) !important; }
  html[data-theme="light"] .snapshot-cards > button > span,
  html[data-theme="light"] .snapshot-cards > button > em { color: var(--snapshot-tone) !important; opacity: 1 !important; }
  html[data-theme="light"] .snapshot-cards > button > strong { color: var(--v21-ink) !important; }
  html[data-theme="light"] .snapshot-cards > button > small { color: var(--v21-muted) !important; opacity: 1 !important; }
  html[data-theme="light"] .snapshot-icon {
    border-color: color-mix(in srgb, var(--snapshot-tone) 38%, #d8e0e5) !important;
    background: color-mix(in srgb, var(--snapshot-tone) 10%, #fff) !important;
    color: var(--snapshot-tone) !important;
  }
  html[data-theme="light"] .snapshot-cards > button > u { background: #e5eaed !important; }
  html[data-theme="light"] .snapshot-cards > button > u > b { background: var(--snapshot-tone) !important; }

  /* Situação e cobertura seguem o bloco contínuo da referência 14. */
  html[data-theme="light"] :is(.supply-decision-cards, .purchase-coverage-cards) {
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--v21-line) !important;
    border-radius: 9px !important;
    background: #fff !important;
  }
  html[data-theme="light"] .supply-decision-cards {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  html[data-theme="light"] .purchase-coverage-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  html[data-theme="light"] :is(.supply-decision-cards, .purchase-coverage-cards) > button {
    min-height: 104px !important;
    border: 0 !important;
    border-right: 1px solid #e2e7ea !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }
  html[data-theme="light"] :is(.supply-decision-cards, .purchase-coverage-cards) > button:last-child { border-right: 0 !important; }
  html[data-theme="light"] :is(.supply-decision-cards, .purchase-coverage-cards) > button:hover {
    background: color-mix(in srgb, var(--snapshot-tone) 5%, #fff) !important;
  }

  /* MODELO 15 · Consolidado e cards secundários: cor localizada, nunca placa. */
  html[data-theme="light"] :is(
    .ptn-indicator-grid > button, .finalized-mini-card,
    .manager-summary > article, .management-kpis > article,
    .phase-kpis > article, .capacity-kpis > article,
    .summary-grid > article, .mirror-tracking-kpis > article,
    .alert-kpis > article, .program-pulse > button
  ) {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid var(--v21-line) !important;
    border-left: 1px solid var(--v21-line) !important;
    background:
      radial-gradient(72% 72% at 104% 108%, color-mix(in srgb, var(--surface-tone) 9%, transparent) 0%, transparent 64%),
      #fff !important;
    color: var(--surface-tone) !important;
    box-shadow: 0 5px 15px rgba(31, 47, 58, .06) !important;
  }
  html[data-theme="light"] :is(
    .ptn-indicator-grid > button, .finalized-mini-card,
    .manager-summary > article, .management-kpis > article,
    .phase-kpis > article, .capacity-kpis > article,
    .summary-grid > article, .mirror-tracking-kpis > article,
    .alert-kpis > article, .program-pulse > button
  ):hover {
    border-color: color-mix(in srgb, var(--surface-tone) 42%, #cbd5dc) !important;
    background:
      radial-gradient(74% 74% at 104% 108%, color-mix(in srgb, var(--surface-tone) 13%, transparent) 0%, transparent 66%),
      #fff !important;
    box-shadow: 0 9px 21px color-mix(in srgb, var(--surface-tone) 10%, transparent) !important;
  }
  html[data-theme="light"] :is(
    .ptn-indicator-grid > button, .finalized-mini-card,
    .manager-summary > article, .management-kpis > article,
    .phase-kpis > article, .capacity-kpis > article,
    .summary-grid > article, .mirror-tracking-kpis > article,
    .alert-kpis > article, .program-pulse > button
  ) > span { color: var(--surface-tone) !important; opacity: 1 !important; }
  html[data-theme="light"] :is(
    .ptn-indicator-grid > button, .finalized-mini-card,
    .manager-summary > article, .management-kpis > article,
    .phase-kpis > article, .capacity-kpis > article,
    .summary-grid > article, .mirror-tracking-kpis > article,
    .alert-kpis > article, .program-pulse > button
  ) > strong { color: var(--v21-ink) !important; }
  html[data-theme="light"] :is(
    .ptn-indicator-grid > button, .finalized-mini-card,
    .manager-summary > article, .management-kpis > article,
    .phase-kpis > article, .capacity-kpis > article,
    .summary-grid > article, .mirror-tracking-kpis > article,
    .alert-kpis > article, .program-pulse > button
  ) > small { color: var(--v21-muted) !important; opacity: 1 !important; }

  html[data-theme="light"] .ptn-indicator-grid > button {
    min-height: 142px !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto 1fr !important;
    gap: 3px 12px !important;
    padding: 15px !important;
    text-align: left !important;
  }
  html[data-theme="light"] .ptn-indicator-icon {
    display: grid !important;
    width: 46px !important;
    height: 46px !important;
    grid-row: 1 / 4 !important;
    place-items: center !important;
    border: 1px solid color-mix(in srgb, var(--surface-tone) 24%, #dce3e7) !important;
    border-radius: 50% !important;
    background: color-mix(in srgb, var(--surface-tone) 9%, #fff) !important;
    color: var(--surface-tone) !important;
  }
  html[data-theme="light"] .ptn-indicator-icon svg {
    width: 23px !important;
    height: 23px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
  }
  html[data-theme="light"] .ptn-indicator-grid > button > span {
    min-height: 0 !important;
    grid-column: 2 !important;
    font-size: 9px !important;
  }
  html[data-theme="light"] .ptn-indicator-grid > button > strong {
    grid-column: 2 !important;
    margin: 2px 0 !important;
    font-size: 25px !important;
  }
  html[data-theme="light"] .ptn-indicator-grid > button > small {
    grid-column: 2 !important;
    margin: 0 !important;
  }
  html[data-theme="light"] .ptn-indicator-grid > button > em {
    position: absolute !important;
    bottom: 13px !important;
    left: 15px !important;
    color: var(--surface-tone) !important;
    font-size: 8px !important;
    font-style: normal !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
  }
  html[data-theme="light"] .ptn-indicator-grid .kpi-sparkline {
    right: 10px !important;
    bottom: 11px !important;
    width: 92px !important;
    height: 42px !important;
    color: var(--surface-tone) !important;
    opacity: 1 !important;
  }
  html[data-theme="light"] .ptn-indicator-grid .kpi-sparkline polygon { fill-opacity: .08 !important; }
  html[data-theme="light"] .ptn-indicator-grid .kpi-sparkline polyline { stroke-width: 1.8 !important; }

  /* Abrir PTN · branco liso. Nenhum degradê, prata ou alternância por campo. */
  html[data-theme="light"] :is(
    .drawer, .drawer-sheet, .drawer-content, .drawer-head, .drawer-hero,
    .drawer-section, .drawer-profile, .drawer-actions,
    .modal, .modal-card, .modal-content, .dialog-panel
  ) {
    border-color: var(--v21-line) !important;
    background: #fff !important;
    background-image: none !important;
    color: var(--v21-ink) !important;
  }
  html[data-theme="light"] :is(.drawer-summary > div, .detail-grid > div, .detail-box) {
    --surface-tone: #6d7d86 !important;
    --surface-tone-soft: #f5f7f8 !important;
    border: 1px solid #d7e0e5 !important;
    border-left: 3px solid #93a3ad !important;
    background: #fff !important;
    background-image: none !important;
    color: var(--v21-ink) !important;
    box-shadow: 0 2px 7px rgba(31, 47, 58, .035) !important;
  }
  html[data-theme="light"] :is(.drawer-summary > div, .detail-grid > div, .detail-box) > span:first-child { color: #667984 !important; }
  html[data-theme="light"] :is(.drawer-summary > div, .detail-grid > div, .detail-box) > strong { color: var(--v21-ink) !important; }
  html[data-theme="light"] :is(.drawer-summary > div, .detail-grid > div, .detail-box) > small { color: var(--v21-muted) !important; }
  html[data-theme="light"] .drawer .missing-info { color: var(--v21-red) !important; }

  /* Tabelas e gráficos: branco, cor somente nos dados. */
  html[data-theme="light"] :is(
    .chart-card, .chart-panel, .manager-chart-grid > article,
    .dashboard-primary-charts > article, .analytics-grid > article,
    .decision-command-bar, .decision-tile, .audit-explainer,
    .refresh-banner, .exclusion-alert, .coverage-banner, .program-guard,
    .rule-note, .settings-note, .period-banner, .phase-source-banner,
    .table-card, .table-wrap
  ) {
    border-color: var(--v21-line) !important;
    background: #fff !important;
    background-image: none !important;
    color: var(--v21-ink) !important;
  }
  html[data-theme="light"] :is(.data-table thead, table thead) { background: #f5f7f9 !important; }
  html[data-theme="light"] :is(.data-table th, table th) { border-color: #dbe2e7 !important; color: #3c4d57 !important; }
  html[data-theme="light"] :is(.data-table td, table td) { border-color: #e7ecef !important; }
  html[data-theme="light"] :is(.data-table tbody tr, table tbody tr) { background: #fff !important; }
  html[data-theme="light"] :is(.data-table tbody tr:nth-child(even), table tbody tr:nth-child(even)) { background: #fbfcfd !important; }
  html[data-theme="light"] :is(.data-table tbody tr:hover, table tbody tr:hover) { background: #f2f7fb !important; }

  /* Tags e ações usam a mesma paleta saturada. */
  html[data-theme="light"] :is(.tag-red, .tag-danger, .tag-error) { border-color: #ffc3ca !important; background: #fff0f2 !important; color: var(--v21-red) !important; }
  html[data-theme="light"] :is(.tag-blue, .tag-neutral) { border-color: #bfd6ff !important; background: #eef4ff !important; color: var(--v21-blue) !important; }
  html[data-theme="light"] :is(.tag-green, .tag-success) { border-color: #bce8cd !important; background: #effbf4 !important; color: var(--v21-green) !important; }
  html[data-theme="light"] :is(.tag-amber, .tag-yellow, .tag-warning) { border-color: #ffe0a8 !important; background: #fff8e8 !important; color: #d98200 !important; }
  html[data-theme="light"] :is(.tag-purple, .tag-violet) { border-color: #dac9fa !important; background: #f6f1ff !important; color: var(--v21-purple) !important; }
  html[data-theme="light"] :is(.tag-teal, .tag-line) { border-color: #b8e8eb !important; background: #eefafb !important; color: var(--v21-teal) !important; }

  html[data-theme="light"] .btn-primary {
    border-color: #c51729 !important;
    background: linear-gradient(135deg, #fa3549 0%, #e51f34 54%, #bd1325 100%) !important;
    color: #fff !important;
    box-shadow: 0 6px 15px rgba(226, 31, 50, .22) !important;
  }
  html[data-theme="light"] .btn-secondary {
    border-color: #0f5ec7 !important;
    background: linear-gradient(135deg, #2d83fa 0%, #1769f3 56%, #0b4fb9 100%) !important;
    color: #fff !important;
    box-shadow: 0 6px 15px rgba(23, 105, 243, .20) !important;
  }
  html[data-theme="light"] .btn-excel {
    border-color: #088446 !important;
    background: linear-gradient(135deg, #1fc46c 0%, #10a957 56%, #087d3f 100%) !important;
    color: #fff !important;
    box-shadow: 0 6px 15px rgba(16, 169, 87, .18) !important;
  }
  html[data-theme="light"] :is(.btn-ghost, .btn-clear-filters) {
    border-color: var(--v21-line-strong) !important;
    background: #fff !important;
    color: #30434e !important;
    box-shadow: 0 3px 9px rgba(31, 47, 58, .04) !important;
  }
  html[data-theme="light"] :is(.btn-ghost, .btn-clear-filters):hover {
    border-color: #aebbc3 !important;
    background: #f5f8fa !important;
  }
  html[data-theme="light"] .missing-info,
  html[data-theme="light"] .print-missing { color: var(--v21-red) !important; }

  /* Trava final de superfície. As folhas anteriores usavam seletores de tom
     mais específicos e ainda pintavam o card inteiro. O contrato aprovado é:
     cartão branco + sinal vivo, nunca uma placa pastel. */
  html[data-theme="light"] .snapshot-cards.aging-snapshot > button[class*="tone-"],
  html[data-theme="light"] .snapshot-cards.supply-decision-cards > button[class*="tone-"],
  html[data-theme="light"] .snapshot-cards.purchase-coverage-cards > button[class*="tone-"] {
    background:
      radial-gradient(135% 92% at 112% 126%, #edf1f4 0%, #f5f7f8 47%, transparent 48%),
      #fff !important;
    background-color: #fff !important;
    box-shadow: 0 5px 14px rgba(31, 47, 58, .055) !important;
  }
  html[data-theme="light"] .snapshot-cards.supply-decision-cards > button[class*="tone-"],
  html[data-theme="light"] .snapshot-cards.purchase-coverage-cards > button[class*="tone-"] {
    background: #fff !important;
    box-shadow: none !important;
  }
  html[data-theme="light"] .snapshot-cards.aging-snapshot > button[class*="tone-"]:hover {
    background:
      radial-gradient(135% 92% at 112% 126%, #e7ecef 0%, #f1f5f6 47%, transparent 48%),
      #fff !important;
  }
  html[data-theme="light"] .snapshot-cards.supply-decision-cards > button[class*="tone-"]:hover,
  html[data-theme="light"] .snapshot-cards.purchase-coverage-cards > button[class*="tone-"]:hover {
    background: color-mix(in srgb, var(--snapshot-tone) 5%, #fff) !important;
  }

  html[data-theme="light"] .ptn-indicator-grid > button[class*="tone-"],
  html[data-theme="light"] .kpi-grid > .kpi-card[class] {
    background:
      radial-gradient(74% 70% at 103% 106%, color-mix(in srgb, var(--surface-tone) 8%, transparent) 0%, transparent 66%),
      #fff !important;
    background-color: #fff !important;
  }

  /* Abrir PTN é propositalmente sóbrio: branco real, campos claros e leitura
     preta. Nenhuma classe semântica pode recolorir os quadrantes internos. */
  html[data-theme="light"] .drawer .drawer-summary > div[class],
  html[data-theme="light"] .drawer .detail-grid > div[class],
  html[data-theme="light"] .drawer .detail-box[class],
  html[data-theme="light"] .drawer .drawer-summary > div,
  html[data-theme="light"] .drawer .detail-grid > div,
  html[data-theme="light"] .drawer .detail-box {
    border-color: var(--v21-line-strong) !important;
    background: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  @media (max-width: 900px) {
    html[data-theme="light"] :is(.supply-decision-cards, .purchase-coverage-cards) {
      grid-template-columns: 1fr !important;
      gap: 8px !important;
      overflow: visible !important;
      border: 0 !important;
    }
    html[data-theme="light"] :is(.supply-decision-cards, .purchase-coverage-cards) > button {
      border: 1px solid var(--v21-line) !important;
      border-radius: 8px !important;
    }
  }
}