/* ============ Modo escuro — ajustes manuais (o que a conversão automática do dark.css não resolve bem) ============ */
html[data-theme="dark"] body{background:var(--surface-soft)}
/* logo: quadrado claro com o símbolo escuro (mantém o tom da marca) */
html[data-theme="dark"] img.logo-img,html[data-theme="dark"] #boot img{filter:invert(1) hue-rotate(180deg) brightness(1.05)}
/* sombras e véus */
html[data-theme="dark"] .overlay{background:rgba(0,0,0,.6)}
html[data-theme="dark"] .modal,html[data-theme="dark"] .ui-select-menu,html[data-theme="dark"] .ui-cal,html[data-theme="dark"] .gsearch-panel,
html[data-theme="dark"] .filter-pop,html[data-theme="dark"] .ui-multi-pop,html[data-theme="dark"] .ph-dialer,html[data-theme="dark"] .ph-card{box-shadow:0 18px 48px rgba(0,0,0,.55),0 0 0 1px var(--hairline)}
/* campos: fundo levemente diferente do cartão para se destacarem */
html[data-theme="dark"] input[type=text],html[data-theme="dark"] input[type=email],html[data-theme="dark"] input[type=password],html[data-theme="dark"] input[type=number],
html[data-theme="dark"] input[type=date],html[data-theme="dark"] input[type=datetime-local],html[data-theme="dark"] input[type=tel],html[data-theme="dark"] input[type=url],
html[data-theme="dark"] input[type=search],html[data-theme="dark"] select,html[data-theme="dark"] textarea,
html[data-theme="dark"] .ui-select-btn,html[data-theme="dark"] .ui-date-disp,html[data-theme="dark"] .ui-multi-btn,html[data-theme="dark"] .pn-ms-btn{background:#1b1d21;border-color:#30333a;color:var(--ink)}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#6b717a}
html[data-theme="dark"] input:focus,html[data-theme="dark"] select:focus,html[data-theme="dark"] textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.25)}
html[data-theme="dark"] input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #1b1d21 inset;-webkit-text-fill-color:var(--ink)}
/* rolagem */
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#3a3d44;border-color:var(--surface-soft)}
/* avatares escuros (cor padrão #111) ganham um contorno para não sumir */
html[data-theme="dark"] .avatar{box-shadow:0 0 0 1px rgba(255,255,255,.12)}
/* etiquetas de etapa e campanhas com cor escolhida pelo usuário continuam legíveis */
html[data-theme="dark"] .pill-stage{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
/* imagens de bandeira / ícones coloridos não invertem */
html[data-theme="dark"] .ui-flag{filter:none}
/* código: já é escuro nos dois modos — só a borda */
html[data-theme="dark"] pre,html[data-theme="dark"] code{border-color:var(--hairline)}