/* ============================================================
   SiROO 2026 beta.174 — auditoria severa do tema claro
   - escuro continua sendo o padrão da beta172
   - escolha fica no navegador (localStorage), sem alterar sessão/negócio
   ============================================================ */

html { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }

/* Tema claro: mesma identidade azul SPPU, com contraste AA para texto normal. */
html[data-theme="light"] {
    --az:    #005FA3;
    --az2:   #004B80;
    --az3:   #0B73BD;
    --az4:   #BFD7ED;
    --az5:   #E7F2FB;

    --vd:    #14663C;
    --vd2:   #14663C;
    --vm:    #9E2A24;
    --vm2:   #B3261E;
    --vm3:   #8E2A24;
    --am:    #8B6418;
    --am2:   #9A6512;

    --bg:    #F4F7FA;
    --bg2:   #FFFFFF;
    --bg3:   #EDF3F8;
    --bg4:   #E2EBF3;

    --tx:    #172A3A;
    --tx2:   #46647E;
    --tx3:   #4F6B82;

    --bd:    #D5E0EA;
    --bd2:   #C4D3E0;

    /* aliases usados por módulos legados/recentes */
    --bg1:   #F4F7FA;
    --text-muted: #46647E;
}

/* Controle de tema. */
.btn-theme {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:32px;
    padding:5px 9px;
    border:1px solid var(--bd2);
    border-radius:8px;
    background:var(--bg3);
    color:var(--tx2);
    font:inherit;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
    white-space:nowrap;
    transition:background .15s,border-color .15s,color .15s;
}
.btn-theme:hover,.btn-theme:focus-visible { background:var(--bg4); color:var(--tx); border-color:var(--az3); outline:none; }
.theme-icon { font-size:15px; line-height:1; }
.auth-theme-toggle { position:fixed; top:18px; right:18px; z-index:20; }

/* Pequeno ganho de legibilidade sem mudar a densidade operacional. */
.op-table th,
.form-grid label,
.ro-summary-card small,
.topbar-sub,
.clock-date,
.user-role,
.mc-label,
.mc-sub,
.sit-lbl { font-size:11px; }
.feed-item span,
.gallery figcaption { font-size:12px; }

/* Superfícies que tinham cores escuras fixas em módulos recentes. */
html[data-theme="light"] .panel.soft,
html[data-theme="light"] .ro-summary-card,
html[data-theme="light"] .gallery figure,
html[data-theme="light"] .panel,
html[data-theme="light"] .tabs,
html[data-theme="light"] .os-stat,
html[data-theme="light"] .sicd-kpi { background:var(--bg2); }

html[data-theme="light"] .tab-list,
html[data-theme="light"] #os-table thead th { background:var(--bg3); }

html[data-theme="light"] .flow-step,
html[data-theme="light"] .panel-radiofone-principal .feed-item { background:rgba(0,95,163,.025); }
html[data-theme="light"] .btn-panel:not(.btn-primary) { background:rgba(0,95,163,.025); }

html[data-theme="light"] .ro-map,
html[data-theme="light"] .dashboard-map,
html[data-theme="light"] .campus-map { background:#E6EEF5; }

/* Menus/dropdowns criados nas betas recentes. */
html[data-theme="light"] .siroo-multi-panel,
html[data-theme="light"] .media-menu,
html[data-theme="light"] .media-float-menu {
    background:var(--bg2) !important;
    border-color:var(--bd2) !important;
    box-shadow:0 14px 32px rgba(22,42,58,.16) !important;
}
html[data-theme="light"] .siroo-multi-tools input {
    background:var(--bg3);
    border-color:var(--bd2);
    color:var(--tx);
}
html[data-theme="light"] .siroo-multi-tools button,
html[data-theme="light"] .siroo-multi-chip {
    background:#E7F2FB;
    border-color:#9FC6E3;
    color:#244B69;
}
html[data-theme="light"] .siroo-multi-tools [data-multi-all] {
    color:#14663C;
    border-color:#8AB89E;
    background:#ECF7F0;
}
html[data-theme="light"] .mapa-legenda-details { background:rgba(255,255,255,.94); }

/* Intelligence / analytics: containers seguem a paleta ativa. */
html[data-theme="light"] .intelligence-page .intel-chart,
html[data-theme="light"] .intelligence-page .chart-card,
html[data-theme="light"] .intelligence-page .analytics-card {
    background:var(--bg2) !important;
}

/* Login e cartões com gradientes originalmente fixos no dark. */
html[data-theme="light"] .login-page,
html[data-theme="light"] .auth-body { background:var(--bg); }
/* .login-box (tela de login) fica SEM cartão, como no tema escuro: ela não tem margem
   interna, e o cartão branco deixava o formulário "espremido" nas bordas (beta.177). */
html[data-theme="light"] .login-card { background:var(--bg2); color:var(--tx); box-shadow:0 18px 50px rgba(22,42,58,.14); }

/* Flatpickr e controles nativos precisam acompanhar o tema escolhido. */
html[data-theme="light"] input[type="date"],
html[data-theme="light"] input[type="time"],
html[data-theme="light"] input[type="datetime-local"],
html[data-theme="light"] input[type="time"].siroo-time-field,
html[data-theme="light"] .mapa-filtro-campo input[type="date"] { color-scheme:light !important; }
html[data-theme="light"] .flatpickr-calendar,
html[data-theme="light"] .flatpickr-time {
    background:var(--bg2) !important;
    color:var(--tx) !important;
    border-color:var(--bd) !important;
    box-shadow:0 12px 30px rgba(22,42,58,.18) !important;
}
html[data-theme="light"] .flatpickr-day:hover,
html[data-theme="light"] .flatpickr-day.prevMonthDay:hover,
html[data-theme="light"] .flatpickr-day.nextMonthDay:hover,
html[data-theme="light"] .flatpickr-time input:hover,
html[data-theme="light"] .flatpickr-time input:focus { background:var(--bg3) !important; border-color:var(--bd2) !important; }
html[data-theme="light"] .flatpickr-day.prevMonthDay,
html[data-theme="light"] .flatpickr-day.nextMonthDay { color:var(--tx3) !important; }
html[data-theme="light"] .flatpickr-months .flatpickr-month,
html[data-theme="light"] .flatpickr-current-month .flatpickr-monthDropdown-months,
html[data-theme="light"] .flatpickr-current-month input.cur-year,
html[data-theme="light"] span.flatpickr-weekday,
html[data-theme="light"] .flatpickr-day,
html[data-theme="light"] .flatpickr-time input,
html[data-theme="light"] .flatpickr-time .flatpickr-am-pm { color:var(--tx) !important; fill:var(--tx) !important; }

/* Textos de estados em tons que eram claros demais sobre fundo claro. */
html[data-theme="light"] .text-muted,
html[data-theme="light"] .panel-placeholder,
html[data-theme="light"] .hint { color:var(--tx2) !important; }
html[data-theme="light"] .feed-empty,
html[data-theme="light"] .statusbar { color:var(--tx3); }

/* Scrollbars discretas nos dois temas, sem interferir no layout. */
html[data-theme="light"] * { scrollbar-color:#B8CAD8 #EEF3F7; }

@media (max-width: 900px) {
    .theme-text { display:none; }
    .btn-theme { width:34px; padding:5px; }
}

/* Complementos para componentes que, na beta172, tinham dark hardcoded. */
html[data-theme="light"] .siroo-multi-option,
html[data-theme="light"] .form-grid .siroo-multi-option { color:var(--tx) !important; }
html[data-theme="light"] .siroo-multi-caret,
html[data-theme="light"] .siroo-multi-empty,
html[data-theme="light"] .siroo-multi-hint { color:var(--tx2) !important; }
html[data-theme="light"] .siroo-multi-chip button { background:rgba(0,95,163,.10); color:#244B69; }

html[data-theme="light"] .intelligence-page .apexcharts-tooltip {
    background:var(--bg2) !important;
    color:var(--tx) !important;
    border-color:var(--bd) !important;
    box-shadow:0 8px 24px rgba(22,42,58,.16) !important;
}
html[data-theme="light"] .intelligence-page .apexcharts-tooltip-title { background:var(--bg3) !important; color:var(--tx) !important; }
html[data-theme="light"] .intelligence-page .intel-zone-ai .ai-disclaimer strong { color:#5B3AA5; }
html[data-theme="light"] .intelligence-page .chart-panel,
html[data-theme="light"] .intelligence-page .insight-strip .metric-card {
    background:linear-gradient(180deg, rgba(0,95,163,.035), transparent 60px);
}

html[data-theme="light"] .hub-card {
    background:linear-gradient(180deg, var(--bg2), var(--bg3));
    box-shadow:0 8px 22px rgba(22,42,58,.08);
}
html[data-theme="light"] .hub-card:hover { box-shadow:0 10px 26px rgba(22,42,58,.14); }

/* Flatpickr beta134: os seletores antigos usam !important e exigem override explícito. */
html[data-theme="light"] .flatpickr-calendar .flatpickr-time,
html[data-theme="light"] .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    background:var(--bg3) !important;
    border-top-color:var(--bd) !important;
}
html[data-theme="light"] .flatpickr-calendar .flatpickr-time .numInputWrapper {
    background:var(--bg2) !important;
    border-color:var(--bd2) !important;
    box-shadow:inset 0 0 0 1px rgba(0,95,163,.06) !important;
}
html[data-theme="light"] .flatpickr-calendar .flatpickr-time input.flatpickr-hour,
html[data-theme="light"] .flatpickr-calendar .flatpickr-time input.flatpickr-minute,
html[data-theme="light"] .flatpickr-calendar .flatpickr-time input.flatpickr-second,
html[data-theme="light"] .flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
    background:var(--bg2) !important;
    color:var(--tx) !important;
}
html[data-theme="light"] .flatpickr-calendar .flatpickr-time input.flatpickr-hour:focus,
html[data-theme="light"] .flatpickr-calendar .flatpickr-time input.flatpickr-minute:focus,
html[data-theme="light"] .flatpickr-calendar .flatpickr-time input.flatpickr-second:focus {
    background:var(--bg3) !important;
    color:var(--tx) !important;
}
html[data-theme="light"] .flatpickr-calendar .flatpickr-time .flatpickr-time-separator { color:var(--tx2) !important; }


/* ============================================================
   beta.174 — auditoria severa do tema claro
   Escopo: somente html[data-theme="light"]. O tema escuro permanece
   com as regras originais da beta.173/beta.172.
   ============================================================ */

/* 1) Ações primárias: não deixar o override genérico de .btn-panel
      transformar botões azuis em fundo quase transparente + texto branco. */
html[data-theme="light"] .btn-panel.btn-primary {
    background:var(--az) !important;
    border-color:var(--az) !important;
    color:#fff !important;
    box-shadow:none;
}
html[data-theme="light"] .btn-panel.btn-primary:hover,
html[data-theme="light"] .btn-panel.btn-primary:focus-visible {
    background:var(--az2) !important;
    border-color:var(--az2) !important;
    color:#fff !important;
}
html[data-theme="light"] .btn-primary-main:not([style*="background"]) {
    background:var(--az) !important;
    color:#fff !important;
}
html[data-theme="light"] .btn-primary-main:not([style*="background"]):hover,
html[data-theme="light"] .btn-primary-main:not([style*="background"]):focus-visible {
    background:var(--az2) !important;
}
html[data-theme="light"] .btn-danger-main {
    background:var(--vm2);
    color:#fff;
}
/* Botões semânticos que possuem background inline em módulos legados. */
html[data-theme="light"] .btn-primary-main[style*="background:#16a34a"] { background:#14663C !important; color:#fff !important; }
html[data-theme="light"] .btn-primary-main[style*="background:#f59e0b"] { background:#7A5500 !important; color:#fff !important; }

/* 2) Topbar operacional / clima. As betas 140/141 tinham cores claras
      fixas para o fundo escuro; no claro elas perdiam contraste. */
html[data-theme="light"] .topbar-ops {
    background:linear-gradient(135deg, rgba(0,95,163,.075), rgba(255,255,255,.94));
    border-color:#B7CEE1;
    color:var(--tx);
}
html[data-theme="light"] .topbar-status.compact .live-label { color:#14663C !important; }
html[data-theme="light"] .topbar-status.compact.is-offline .live-label { color:#9E2A24 !important; }
html[data-theme="light"] .ops-label { color:#005FA3 !important; }
html[data-theme="light"] #opsWeather,
html[data-theme="light"] .ops-weather-fallback #opsWeather { color:var(--tx) !important; }
html[data-theme="light"] #opsWeather .ops-campus { color:#005FA3 !important; }
html[data-theme="light"] #opsWeather .ops-metric { color:#172A3A !important; }
html[data-theme="light"] #opsWeather .ops-muted,
html[data-theme="light"] #opsWeather .ops-sens,
html[data-theme="light"] #opsWeather .ops-humidity,
html[data-theme="light"] #opsWeather .ops-rain { color:#46647E !important; }
html[data-theme="light"] #opsWeather .ops-wind { color:#172A3A !important; }
html[data-theme="light"] #opsWeather .ops-drone {
    background:rgba(255,255,255,.72);
}
html[data-theme="light"] .ops-drone-ok { color:#14663C !important; }
html[data-theme="light"] .ops-drone-warn { color:#7A5500 !important; }
html[data-theme="light"] .ops-drone-no { color:#9E2A24 !important; }

/* 3) Estados, alertas e badges: cores escuras equivalentes no tema claro. */
html[data-theme="light"] .state-warn {
    color:#7A5500;
    background:rgba(139,100,24,.10);
    border-color:rgba(139,100,24,.35);
}
html[data-theme="light"] .state-action {
    color:#005FA3;
    background:rgba(0,95,163,.08);
    border-color:rgba(0,95,163,.32);
}
html[data-theme="light"] .alert-inline {
    color:#7A5500;
    background:rgba(139,100,24,.08);
    border-color:rgba(139,100,24,.32);
}
html[data-theme="light"] .alert-inline.ok {
    color:#14663C;
    background:#ECF7F0;
    border-color:#8AB89E;
}
html[data-theme="light"] .tab-btn.danger { color:#9E2A24; }
html[data-theme="light"] .login-ok {
    color:#14663C;
    background:#ECF7F0;
    border-color:#8AB89E;
}
html[data-theme="light"] .live-label { color:#14663C; }
html[data-theme="light"] .topbar-status.is-offline .live-label { color:#9E2A24; }

html[data-theme="light"] .visibility-pill.public {
    color:#14663C;
    background:rgba(20,102,60,.08);
    border-color:rgba(20,102,60,.34);
}
html[data-theme="light"] .visibility-pill.private {
    color:#4F6B82;
    background:rgba(79,107,130,.08);
    border-color:rgba(79,107,130,.28);
}

/* App Campus: campus/prioridades eram deliberadamente claras no dark. */
html[data-theme="light"] .app-event-campus { color:#005FA3 !important; }
html[data-theme="light"] .app-campus-actions [data-app-sound].sound-blocked { color:#7A5500 !important; }
html[data-theme="light"] .app-event-chip-prioridade.app-event-chip-critica { color:#A12727 !important; border-color:rgba(161,39,39,.45); }
html[data-theme="light"] .app-event-chip-prioridade.app-event-chip-alta { color:#7A5500 !important; border-color:rgba(122,85,0,.42); }
html[data-theme="light"] .app-event-chip-prioridade.app-event-chip-media { color:#005FA3 !important; border-color:rgba(0,95,163,.40); }
html[data-theme="light"] .app-event-chip-prioridade.app-event-chip-baixa { color:#14663C !important; border-color:rgba(20,102,60,.40); }

/* 4) SiOS/Config/SICE: chips e ações semânticas. */
html[data-theme="light"] .config-recover-row .btn-panel { color:#7A5500 !important; border-color:#8B6418 !important; }
html[data-theme="light"] .os-pill-wait { color:#4F6B82; border-color:rgba(79,107,130,.30); }
html[data-theme="light"] .os-pill-ok { color:#14663C; border-color:rgba(20,102,60,.34); }
html[data-theme="light"] .os-pill-analysis { color:#7A5500; border-color:rgba(122,85,0,.34); }
html[data-theme="light"] .os-pill-refused { color:#9E2A24; border-color:rgba(158,42,36,.34); }
html[data-theme="light"] .sicd-resp legend { color:#005FA3; }
html[data-theme="light"] .sice-user-selected { color:#14663C; }

/* 5) Intelligence: a beta172 usava acentos luminosos pensados para fundo dark.
      No light usamos equivalentes mais escuros, sem alterar significado. */
html[data-theme="light"] .intelligence-page .ai-disclaimer svg,
html[data-theme="light"] .intelligence-page .intel-zone-ai .ai-disclaimer svg,
html[data-theme="light"] .intelligence-page .icc-title svg { color:#6B4DB5; }
html[data-theme="light"] .intelligence-page .ai-disclaimer strong,
html[data-theme="light"] .intelligence-page .intel-zone-ai .ai-disclaimer strong,
html[data-theme="light"] .intelligence-page .btn-ai-trigger,
html[data-theme="light"] .intelligence-page .icc-help strong,
html[data-theme="light"] .intelligence-page .icc-preset,
html[data-theme="light"] .intelligence-page .icb-tag,
html[data-theme="light"] .intelligence-page .ipb-tip strong,
html[data-theme="light"] .intelligence-page .icb-b b { color:#5B3AA5; }
html[data-theme="light"] .intelligence-page .intelligence-section-label svg,
html[data-theme="light"] .intelligence-page .izh-icon-data,
html[data-theme="light"] .intelligence-page .izh-tag-data,
html[data-theme="light"] .intelligence-page .metric-info .mc-value,
html[data-theme="light"] .intelligence-page .icb-a b { color:#005FA3; }
html[data-theme="light"] .intelligence-page .metric-warn .mc-value,
html[data-theme="light"] .intelligence-page .sev-alto { color:#7A5500; }
html[data-theme="light"] .intelligence-page .metric-action .mc-value { color:#5B3AA5; }
html[data-theme="light"] .intelligence-page .metric-ok .mc-value,
html[data-theme="light"] .intelligence-page .intel-delta.delta-down { color:#14663C; }
html[data-theme="light"] .intelligence-page .intel-delta.delta-up,
html[data-theme="light"] .intelligence-page .sev-critico { color:#A12727; }
html[data-theme="light"] .intelligence-page .sev-medio { color:#005FA3; }
html[data-theme="light"] .intelligence-page .sev-baixo { color:#5B6472; }

/* 6) Hub: acentos claros continuam coloridos, mas com contraste >= AA quando
      usados como texto/ícone sobre cartões claros. */
html[data-theme="light"] .hc-az { --hc:#005FA3; }
html[data-theme="light"] .hc-vd { --hc:#14663C; }
html[data-theme="light"] .hc-rx { --hc:#9C2D58; }
html[data-theme="light"] .hc-am { --hc:#7A5500; }
html[data-theme="light"] .hc-lj { --hc:#A54612; }
html[data-theme="light"] .hc-cy { --hc:#0A6873; }
html[data-theme="light"] .hc-vi { --hc:#5B3AA5; }

/* 7) Estilos inline históricos. Mantemos a marcação/JS intactos e corrigimos
      somente a leitura no tema claro usando seletores por valor semântico. */
html[data-theme="light"] [style*="color:#16a34a"],
html[data-theme="light"] [style*="color: #16a34a"],
html[data-theme="light"] [style*="color:#22c55e"],
html[data-theme="light"] [style*="color: #22c55e"] { color:#14663C !important; }
html[data-theme="light"] [style*="color:#f59e0b"],
html[data-theme="light"] [style*="color: #f59e0b"] { color:#7A5500 !important; border-color:#8B6418 !important; }
html[data-theme="light"] [style*="color:#dc2626"],
html[data-theme="light"] [style*="color: #dc2626"],
html[data-theme="light"] [style*="color:#ef4444"],
html[data-theme="light"] [style*="color: #ef4444"] { color:#9E2A24 !important; }
html[data-theme="light"] [style*="color:#3b82f6"],
html[data-theme="light"] [style*="color: #3b82f6"],
html[data-theme="light"] [style*="color:#1587E0"],
html[data-theme="light"] [style*="color: #1587E0"] { color:#005FA3 !important; border-color:#005FA3 !important; }
html[data-theme="light"] [style*="color:#888"],
html[data-theme="light"] [style*="color: #888"],
html[data-theme="light"] [style*="color:#bbb"],
html[data-theme="light"] [style*="color: #bbb"] { color:var(--tx2) !important; }

/* 8) Foco/teclado: visível no claro sem depender apenas de mudança de cor. */
html[data-theme="light"] .btn-panel:focus-visible,
html[data-theme="light"] .btn-primary-main:focus-visible,
html[data-theme="light"] .btn-danger-main:focus-visible,
html[data-theme="light"] .tab-btn:focus-visible,
html[data-theme="light"] .nav-item:focus-visible,
html[data-theme="light"] .hub-card:focus-visible {
    outline:3px solid rgba(0,95,163,.28);
    outline-offset:2px;
}

/* 9) Comboboxes e menus flutuantes que tinham superfícies dark fixas. */
html[data-theme="light"] .siroo-search-options {
    background:var(--bg2) !important;
    border-color:var(--bd2) !important;
    box-shadow:0 14px 32px rgba(22,42,58,.16) !important;
}
html[data-theme="light"] .siroo-search-option { color:var(--tx) !important; }
html[data-theme="light"] .siroo-search-option:hover,
html[data-theme="light"] .siroo-search-option:focus,
html[data-theme="light"] .siroo-search-option.is-selected {
    background:var(--bg3) !important;
    color:var(--tx) !important;
}
html[data-theme="light"] .media-menu a:hover,
html[data-theme="light"] .media-float-menu a:hover {
    background:var(--bg3) !important;
    color:var(--tx) !important;
}
html[data-theme="light"] .siroo-multi-tools [data-multi-clear]:hover {
    color:#9E2A24 !important;
    border-color:#9E2A24 !important;
    background:#FBECEC !important;
}
html[data-theme="light"] .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color:#46647E !important; }
html[data-theme="light"] .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color:#46647E !important; }

/* 10) CRUD de Campi: beta138 fixava gradientes escuros com !important.
       No tema claro os dialogs e painéis precisam voltar às superfícies claras. */
html[data-theme="light"] .campus-admin-page .campus-create-panel,
html[data-theme="light"] .campus-admin-page .campus-list-panel,
html[data-theme="light"] .campus-dialog-card {
    background:var(--bg2) !important;
    border-color:var(--bd) !important;
    color:var(--tx) !important;
}
html[data-theme="light"] .campus-dialog .siroo-dialog-head {
    background:linear-gradient(135deg, rgba(0,95,163,.07), var(--bg3)) !important;
    border-bottom-color:var(--bd) !important;
}
html[data-theme="light"] .campus-dialog .siroo-dialog-body {
    background:radial-gradient(circle at top left, rgba(0,95,163,.045), transparent 34%), var(--bg) !important;
}
html[data-theme="light"] .campus-dialog .siroo-dialog-close {
    background:var(--bg3) !important;
    color:var(--tx) !important;
    border:1px solid var(--bd2) !important;
}
html[data-theme="light"] .campus-dialog .siroo-dialog-close:hover { background:var(--bg4) !important; }
html[data-theme="light"] .campus-admin-page .campus-form-fields input::placeholder,
html[data-theme="light"] .campus-dialog .campus-form-fields input::placeholder { color:var(--tx3) !important; opacity:1; }
html[data-theme="light"] .campus-delete-row {
    background:var(--bg3) !important;
    border-color:var(--bd) !important;
}

/* 11) Configurações: os dialogs beta141/142 também tinham container dark fixo. */
html[data-theme="light"] .config-dialog .config-dialog-card {
    background:var(--bg2) !important;
    border-color:var(--bd) !important;
    box-shadow:0 24px 70px rgba(22,42,58,.20) !important;
}
html[data-theme="light"] .config-dialog-head {
    background:linear-gradient(135deg, rgba(0,95,163,.07), var(--bg3)) !important;
    border-bottom-color:var(--bd) !important;
}
html[data-theme="light"] .config-dialog .config-dialog-body,
html[data-theme="light"] .config-dialog-body {
    background:radial-gradient(circle at top left, rgba(0,95,163,.045), transparent 34%), var(--bg) !important;
}
html[data-theme="light"] .config-dialog-close {
    background:var(--bg3) !important;
    color:var(--tx) !important;
    border:1px solid var(--bd2) !important;
}
html[data-theme="light"] .config-dialog-close:hover { background:var(--bg4) !important; }
html[data-theme="light"] .config-dialog-actions { border-top-color:var(--bd) !important; }
html[data-theme="light"] .config-dialog input::placeholder,
html[data-theme="light"] .config-dialog textarea::placeholder { color:var(--tx3) !important; opacity:1; }

/* 12) Pequenos textos/acento que ainda ficavam no limite ou abaixo de AA. */
html[data-theme="light"] .acc-text-label { color:var(--tx2); }
html[data-theme="light"] .sicd-eyebrow { color:#005FA3; }

/* =============================================================================
   beta.175 - Ajustes de acessibilidade medidos (WCAG 2.x, razão de contraste
   contra o PIOR fundo de cada tema). Só cor de TEXTO: as variáveis --az3 e
   --vm2 continuam intactas porque também colorem fundos e bordas de botões.
   ============================================================================= */

/* Tema claro: âmbar de texto (--am2 só é usado como cor de texto). 4,10 -> 5,32 */
html[data-theme="light"] { --am2: #835510; }

/* Cor-padrão dos links. Claro 4,14 -> 5,17 ; escuro 3,55 -> 5,56.
   Só a regra-base "a { color: var(--link, var(--az3)) }" (app.css) lê esta
   variável. Regras de contexto (.login-actions-row a, .media-menu a, botões...)
   não a usam e ficam exatamente como na beta174. */
html[data-theme="light"] { --link: #0864A4; }
html:not([data-theme="light"]) { --link: #5AAEF0; }

/* Tema escuro: vermelho fixo em estilos inline ("Inativo", "Excluir", erros). 2,77 -> 5,29 */
html:not([data-theme="light"]) [style*="color:#dc2626"],
html:not([data-theme="light"]) [style*="color: #dc2626"] { color: #FF7A7A !important; }

/* Tamanho mínimo de leitura: textos inline de 10 e 11 px (botões e rótulos das
   tabelas) sobem 1 px, nos dois temas. As classes do CSS não são alteradas. */
[style*="font-size:11px"], [style*="font-size: 11px"] { font-size: 12px !important; }
[style*="font-size:10px"], [style*="font-size: 10px"] { font-size: 11px !important; }

/* =============================================================================
   beta.177 - Sidebar com nomes por extenso. Largura ORIGINAL (180 px, 121 px úteis):
   os rótulos foram escolhidos para caber no item ativo (peso 600) mesmo com uma
   fonte mais larga que a Segoe UI (medido com Open Sans em negrito):
   Ordens de Serviço 116,7 · Achados/Perdidos 116,9 · Estoque 51,9 · Demandas 69,0.
   Garantia: rótulo sempre em uma linha; se uma fonte inesperada exceder, corta com
   reticências (sigla e nome completo ficam no title).
   ============================================================================= */
.sidebar .nav-lbl { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }