/* =============================================================================
   mapa-quantidades-claro.css — Tema claro do Mapa de Quantidades SPDA (fase B1, 2026-10-17)
   Família visual da ARDA completa: fundo claro, cartões brancos, títulos azul-escuro, ações a
   azul, âmbar escuro para marcas, avisos verde/âmbar/vermelho claros.
   Carregado depois do CSS da página e de mapa-quantidades.css: só apresentação, sem tocar em
   ids, campos ou cálculos. As cores escritas à mão nos elementos (style="…") corrigem-se aqui
   por cima, em vez de editar centenas de atributos. O esquema dos DST (.ufd-shell) fica escuro,
   como um cartão de diagrama.
   ============================================================================= */
:root {
  --primary: #ffffff; --primary-dark: #f8fafc; --accent: #b45309; --accent-dark: #92400e; --accent-hover: #d97706;
  --success: #15803d; --light: #1e293b; --warning: #b45309; --danger: #b91c1c;
  --nav-bg: #f1f5f9; --card-bg: #ffffff; --input-bg: #ffffff;
  --border-color: #cbd5e1; --text-muted: #64748b;
  --mq-navy: #0a2540; --mq-navy2: #1e3a5f; --mq-azul: #1a56db; --mq-azul-claro: #e8f0fe;
}
body { background: #f8fafc; color: #1e293b; }
main { background: #f8fafc; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* ── Pormenor ── */
.section-pormenor { background: #fff; border: 1px solid #cbd5e1; box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05); }
.dados-col h3 { color: var(--mq-navy); border-bottom: 2px solid #e2e8f0; }
.imagem-col { background: #f8fafc; border: 1px dashed #cbd5e1; color: #64748b; }
.imagem-col img { filter: none; box-shadow: 0 1px 6px rgba(0,0,0,.12); background: #fff; }
label { color: #334155; }
select, input[type="number"], input[type="text"], input[type="search"] { background: #fff; color: #1e293b; border: 1px solid #cbd5e1; }
select option { background: #fff; color: #1e293b; }
select:focus, input[type="number"]:focus, input[type="text"]:focus { border-color: var(--mq-azul); box-shadow: 0 0 0 3px rgba(26,86,219,.12); }
input[readonly] { background: #f1f5f9; color: #64748b; }
.btn-ref-remover { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }
.btn-ref-remover:hover { background: #fee2e2; color: #991b1b; }
.btn-ref-adicionar { background: #f1f5f9; color: #1e293b; border: 1px solid #cbd5e1; }
.btn-ref-adicionar:hover { background: #e2e8f0; color: #0f172a; border-color: #94a3b8; }

/* Caixas de informação dos pormenores: voltam às cores claras originais (a página forçava-as a escuro) */
div[style*="background: #fff8ee"], div[style*="background:#fff8ee"] { background: #fffbeb !important; border-left: 4px solid #f59e0b !important; border-color: #fde68a !important; }
div[style*="background: #fadbd8"], div[style*="background:#fadbd8"] { background: #fef2f2 !important; border: 1px solid #fecaca !important; }

/* ── Cores escritas à mão nos elementos (style="…"), fora do esquema dos DST ── */
main [style*="color: #e2e8f0"]:not(.ufd-shell *), main [style*="color:#e2e8f0"]:not(.ufd-shell *),
main [style*="color: #cbd5e1"]:not(.ufd-shell *), main [style*="color:#cbd5e1"]:not(.ufd-shell *),
main [style*="color: #f8fafc"]:not(.ufd-shell *) { color: #0f172a !important; }
main [style*="color: #94a3b8"]:not(.ufd-shell *), main [style*="color:#94a3b8"]:not(.ufd-shell *) { color: #475569 !important; }
main [style*="color: #F59E0B"]:not(.ufd-shell *), main [style*="color:#F59E0B"]:not(.ufd-shell *),
main [style*="color: #f59e0b"]:not(.ufd-shell *), main [style*="color:#f59e0b"]:not(.ufd-shell *),
main [style*="color: #fbbf24"]:not(.ufd-shell *), main [style*="color:#fbbf24"]:not(.ufd-shell *) { color: #b45309 !important; }
main [style*="color: #f87171"]:not(.ufd-shell *), main [style*="color:#f87171"]:not(.ufd-shell *) { color: #b91c1c !important; }
main [style*="color: #34d399"]:not(.ufd-shell *), main [style*="color:#34d399"]:not(.ufd-shell *),
main [style*="color:#10B981"]:not(.ufd-shell *), main [style*="color: #10B981"]:not(.ufd-shell *) { color: #15803d !important; }
main [style*="color: #60a5fa"]:not(.ufd-shell *), main [style*="color:#60a5fa"]:not(.ufd-shell *) { color: #1d4ed8 !important; }
main [style*="color: #a78bfa"]:not(.ufd-shell *), main [style*="color:#a78bfa"]:not(.ufd-shell *) { color: #6d28d9 !important; }
main [style*="background: #1a2432"]:not(.ufd-shell *), main [style*="background:#1a2432"]:not(.ufd-shell *) { background: #fff !important; }
main [style*="background: rgba(255,255,255,0.0"]:not(.ufd-shell *), main [style*="background:rgba(255,255,255,0.0"]:not(.ufd-shell *) { background: #f8fafc !important; }
main [style*="border: 1px solid rgba(255,255,255"]:not(.ufd-shell *) { border-color: #cbd5e1 !important; }
/* Apresentação: o ícone e os cartões de categoria mantêm os tons; o título deixa de ter brilho */
#intro-page h1 { text-shadow: none !important; }

/* ── Mapa final ── */
#resultado-container { background: #fff; border: 1px solid #cbd5e1; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
th, td { border: 1px solid #e2e8f0; color: #1e293b; }
th { background-color: #f1f5f9; color: var(--mq-navy); border-bottom: 2px solid #cbd5e1; }
tbody tr[class*="pormenor-"] { background-color: #fff; }
tbody tr[class*="pormenor-"]:nth-child(even) { background-color: #f8fafc; }
tbody tr:hover, tbody tr[class*="pormenor-"]:hover { background-color: var(--mq-azul-claro) !important; }
.total-row { background-color: #fffbeb !important; color: #92400e !important; border-top: 2px solid #fcd34d !important; }
.grupo-header td { background: #f1f5f9 !important; color: #334155; border-top: 2px solid #cbd5e1; border-bottom: 1px solid #e2e8f0; }
.linha-removida td { background: #fef2f2 !important; }
.btn-toggle-linha { border-color: #cbd5e1; color: #64748b; }
.btn-toggle-linha:hover { background: #f1f5f9; color: #0f172a; border-color: #94a3b8; }
.linha-removida .btn-toggle-linha { color: #15803d; border-color: #86efac; }
.mapa-problemas { background: #fffbeb; border: 1px solid #fde68a; color: #78350f; }
.mapa-problemas h4 { color: #92400e; }
.mapa-problemas-grupo { border-top-color: #fde68a; }
.mapa-problemas-critico strong { color: #b91c1c; }
.mapa-problemas-aviso strong, .mapa-problemas-preco strong { color: #b45309; }

/* ── Alertas ── */
.alert-warning { background-color: #fffbeb; border: 1px solid #fde68a; color: #92400e; }
.alert-info { background-color: var(--mq-azul-claro); border: 1px solid #bfdbfe; color: #1e3a8a; }

/* ── Sobretensões (DST): formulário claro; o esquema (.ufd-shell) continua escuro ── */
.dst-section { background: #fff !important; border: 1px solid #cbd5e1 !important; box-shadow: 0 1px 3px rgba(0,0,0,.08) !important; }
.dst-section .dados-col > h3 { color: var(--mq-navy) !important; border-bottom-color: #e2e8f0 !important; }
.dst-section label { color: #334155 !important; }
.dst-section hr { border-color: #e2e8f0 !important; }
.dst-section select, .dst-section input[type="number"], .dst-section input[readonly], .dst-row-control {
  background: #fff !important; color: #1e293b !important; border: 1px solid #cbd5e1 !important; box-shadow: none !important; }
.dst-section input[readonly] { background: #f1f5f9 !important; color: #64748b !important; }
.dst-section select:focus, .dst-section input[type="number"]:focus, .dst-row-control:focus {
  border-color: var(--mq-azul) !important; box-shadow: 0 0 0 3px rgba(26,86,219,.12) !important; }
.dst-panel { background: #f8fafc; border: 1px solid #e2e8f0; border-left: 4px solid #f59e0b; box-shadow: none; }
.dst-panel-title { color: var(--mq-navy) !important; }
.dst-panel-text { color: #475569 !important; }
.dst-action-btn { background: var(--mq-azul); color: #fff; box-shadow: none; }
.dst-action-btn:hover { background: #1648c0; box-shadow: none; }
.dst-note-card { border-color: #e2e8f0; }
.dst-note-card, .dst-note-card div, .dst-note-card ul, .dst-note-card li, .dst-note-card p { color: #334155 !important; }
.dst-note-info { background: var(--mq-azul-claro); border-left-color: #60a5fa; }
.dst-note-info strong { color: #1e3a8a !important; }
.dst-note-warning { background: #fffbeb; border-left-color: #f59e0b; }
.dst-note-warning h4, .dst-note-warning strong { color: #92400e !important; }
.dst-row-card { background: #f8fafc; border: 1px solid #e2e8f0; box-shadow: none; }
.dst-row-remove { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }

/* ── Passos, pesquisa, catálogo e saídas (mapa-quantidades.css) ── */
.mq-passo { border: 1px solid #cbd5e1; background: #fff; color: #475569; }
.mq-passo:hover { border-color: #93c5fd; color: #0f172a; background: #f8fafc; }
.mq-passo:focus-visible { outline-color: var(--mq-azul); }
.mq-passo[aria-current="step"] { border-color: #93c5fd; background: var(--mq-azul-claro); color: var(--mq-navy); }
.mq-passo-n { background: #e2e8f0; color: #475569; }
.mq-passo[aria-current="step"] .mq-passo-n { background: var(--mq-azul); color: #fff; }
.mq-passo-c { background: #f1f5f9; color: #64748b; }
.mq-passo-c.tem { background: #dcfce7; color: #15803d; }
.mq-busca { background: #fff; border: 1px solid #cbd5e1; color: #1e293b; }
.mq-busca:focus { border-color: var(--mq-azul); box-shadow: 0 0 0 3px rgba(26,86,219,.12); }
.mq-catalogo { background: #fff; border: 1px solid #cbd5e1; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.mq-cat-titulo { color: var(--mq-navy); }
.mq-cat-texto { color: #475569; }
.mq-cartao { border: 1px solid #cbd5e1; background: #fff; color: #1e293b; }
.mq-cartao:hover { border-color: #93c5fd; background: var(--mq-azul-claro); }
.mq-cartao:focus-visible { outline-color: var(--mq-azul); }
.mq-cartao-cod { color: #b45309; }
.mq-cartao-desc { color: #475569; }
.mq-cartao-ok { color: #15803d; }
.mq-cartao.preenchido { border-color: #86efac; background: #f0fdf4; }
.mq-cartao.inativo, .mq-cartao.inativo:hover { border-color: #cbd5e1; background: #f8fafc; }
.mq-cartao.inativo .mq-cartao-cod, .mq-cartao-breve { color: #64748b; }
.mq-btn { background: var(--mq-azul); border-color: var(--mq-azul); color: #fff; }
.mq-btn:hover { background: #1648c0; }
.mq-btn-sec { background: #fff; border: 1px solid #cbd5e1; color: #1e293b; }
.mq-btn-sec:hover { background: #f1f5f9; }
.mq-btn:focus-visible, .mq-btn-sec:focus-visible { outline-color: var(--mq-azul); }
.mq-saidas-titulo { color: #64748b; }
.mq-acao { border: 1px solid #cbd5e1; background: #fff; color: #1e293b; }
.mq-acao:hover { border-color: #93c5fd; color: #0f172a; background: #f8fafc; }
.mq-acao:focus-visible { outline-color: var(--mq-azul); }
.mq-acao-principal { border-color: var(--mq-azul); background: var(--mq-azul); color: #fff; }
.mq-acao-principal:hover { background: #1648c0; color: #fff; }
.mq-acao-perigo { border-color: #fecaca; color: #b91c1c; }
.mq-menu[open] > .mq-acao { background: var(--mq-azul-claro); }
.mq-menu-lista { background: #fff; border: 1px solid #cbd5e1; box-shadow: 0 10px 30px rgba(15,23,42,.15); }
.mq-menu-lista button { color: #1e293b; }
.mq-menu-lista button:hover, .mq-menu-lista button:focus-visible { background: var(--mq-azul-claro); color: var(--mq-navy); }
.mq-em-falta { outline-color: #f59e0b !important; }
.mq-em-falta-nota { background: #fffbeb; border-color: #fde68a; color: #92400e; }

/* ── Barra de projeto e aviso de rascunho ── */
#calc-project-panel .pdr-pbar { box-shadow: 0 1px 3px rgba(0,0,0,.06);
  --pbar-fundo: #fff; --pbar-borda: #cbd5e1; --pbar-texto: #1e293b; --pbar-suave: #64748b;
  --pbar-acento: var(--mq-azul); --pbar-acento-forte: #1648c0; --pbar-acento-texto: #fff;
  --pbar-contorno: rgba(26,86,219,.4); --pbar-realce: var(--mq-azul-claro); --pbar-ok: #15803d; --pbar-erro: #b91c1c; }
#calc-project-panel .pdr-pbar__name { color: var(--mq-navy); }
#mapa-aviso-rascunho { background: var(--mq-azul-claro) !important; border-color: #bfdbfe !important; color: #1e3a8a !important; }
#mapa-aviso-rascunho button:last-child { color: #1e3a8a !important; background: #fff !important; }

/* O rodapé legal do portal continua escuro: as cores dele ficam como estavam */
main section.legal-footer[style*="color"] { color: #94a3b8 !important; }
main section.legal-footer p[style] { color: #94a3b8 !important; }
main section.legal-footer a[style*="color"] { color: #f59e0b !important; }

/* DST: caixa do fusível de proteção (V20) */
.dst-fuse-box { background: #fffbeb !important; border-color: #fde68a !important; color: #78350f !important; }
.dst-fuse-title { color: #92400e !important; }
.dst-fuse-box div:last-child { color: #78350f !important; }