/* Aparência escolhida em Configurações: tom escuro, cor de destaque e vidro.
   O tom é aplicado no <html> antes de a página aparecer (sem piscar). */

:root{--vidro-a:.74;--vidro-b:20px;--a1:#7c3aed;--a2:#c026d3}

/* Vidro: o quanto o topo e a dock deixam o fundo aparecer. */
header.topo{background:rgba(255,255,255,var(--vidro-a)) !important;backdrop-filter:blur(var(--vidro-b)) saturate(180%) !important;
 -webkit-backdrop-filter:blur(var(--vidro-b)) saturate(180%) !important}
#dock{backdrop-filter:blur(var(--vidro-b)) saturate(180%) !important;-webkit-backdrop-filter:blur(var(--vidro-b)) saturate(180%) !important}

/* Cor de destaque nos botões principais. */
html[data-cor] .cad-novo,html[data-cor] .cad-m-pe .salvar,html[data-cor] .cal-novo,html[data-cor] .insp-acoes .principal,
html[data-cor] .cal-pop .ir,html[data-cor] .cad-nada button,html[data-cor] .mc-itens a.on{background:linear-gradient(135deg,var(--a1),var(--a2)) !important}
html[data-cor] .mgrupo.ativo>button,html[data-cor] .mgrupo.aberto>button,html[data-cor] .cad-obrig h3,html[data-cor] .cal-link{color:var(--a1) !important}
html[data-cor] h1 span{background:linear-gradient(135deg,var(--a1),var(--a2));-webkit-background-clip:text}
html[data-cor="laranja"]{--a1:#ea580c;--a2:#f59e0b}
html[data-cor="amarelo"]{--a1:#ca8a04;--a2:#eab308}
html[data-cor="vermelho"]{--a1:#dc2626;--a2:#f43f5e}
html[data-cor="rosa"]{--a1:#db2777;--a2:#f472b6}
html[data-cor="roxo"]{--a1:#7c3aed;--a2:#a855f7}
html[data-cor="azul"]{--a1:#2563eb;--a2:#0ea5e9}
html[data-cor="agua"]{--a1:#0d9488;--a2:#06b6d4}
html[data-cor="verde"]{--a1:#16a34a;--a2:#22c55e}

/* Menos movimento, para quem prefere. */
html[data-calmo] *,html[data-calmo] *::before,html[data-calmo] *::after{animation:none !important;transition:none !important}

/* Logo: a versão certa para cada tom. */
.logo-escuro{display:none !important}
html[data-tema="escuro"] .logo-claro.tem-escuro{display:none !important}
html[data-tema="escuro"] .logo-escuro{display:block !important}
html[data-tema="escuro"] .logo-claro:not(.tem-escuro){filter:brightness(1.15)}

/* ---------------- Tom escuro ---------------- */
html[data-tema="escuro"]{color-scheme:dark;--fundo:#0e0e13;--txt:#ececf1;--cinza:#9b9baa}
html[data-tema="escuro"] body{background:#0e0e13;color:#ececf1}
html[data-tema="escuro"] header.topo{background:rgba(18,18,24,var(--vidro-a)) !important;border-bottom-color:rgba(255,255,255,.06)}
html[data-tema="escuro"] #menu,html[data-tema="escuro"] .unidade-sel select,html[data-tema="escuro"] .selo-quem,
html[data-tema="escuro"] .menu-cel-btn{background:rgba(255,255,255,.07);color:#d6d6e0}
html[data-tema="escuro"] .mgrupo>button{color:#c9c9d4}
html[data-tema="escuro"] .mgrupo>button:hover{background:rgba(255,255,255,.08);color:#fff}
html[data-tema="escuro"] .mgrupo.ativo>button,html[data-tema="escuro"] .mgrupo.aberto>button{background:#2a2836;color:#c4b5fd}
html[data-tema="escuro"] .mlista{background:#1b1b23;border-color:#2b2b36;box-shadow:0 18px 44px rgba(0,0,0,.5)}
html[data-tema="escuro"] .mlista a{color:#d6d6e0}
html[data-tema="escuro"] .mlista a:hover{background:#25252f}
html[data-tema="escuro"] .mlista hr{border-top-color:#2b2b36}
html[data-tema="escuro"] #dock{background:rgba(28,28,36,.62);border-color:rgba(255,255,255,.08);
 box-shadow:0 18px 50px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06)}
html[data-tema="escuro"] #dock hr{border-top-color:rgba(255,255,255,.1)}
html[data-tema="escuro"] #dock a.on::before{background:#d6d6e0}

html[data-tema="escuro"] .box,html[data-tema="escuro"] .saldo-box,html[data-tema="escuro"] .pacote,
html[data-tema="escuro"] .papeis div,html[data-tema="escuro"] .cad-mini{background:#16161c;border-color:rgba(255,255,255,.06);box-shadow:none}
html[data-tema="escuro"] .capa .acao{background:rgba(255,255,255,.95);color:#5b21b6;box-shadow:0 10px 26px rgba(0,0,0,.35)}
html[data-tema="escuro"] .capa .acao i{color:#7c3aed}
html[data-tema="escuro"] .pacote.destaque{background:linear-gradient(180deg,rgba(168,85,247,.14),#16161c)}
html[data-tema="escuro"] .pacote b,html[data-tema="escuro"] h1,html[data-tema="escuro"] h2,html[data-tema="escuro"] h3{color:#f2f2f6}
html[data-tema="escuro"] label{color:#c9c9d4}
html[data-tema="escuro"] input,html[data-tema="escuro"] select,html[data-tema="escuro"] textarea{background:#1d1d25;border-color:#2c2c37;color:#ececf1}
html[data-tema="escuro"] input:focus,html[data-tema="escuro"] select:focus,html[data-tema="escuro"] textarea:focus{background:#22222b}
html[data-tema="escuro"] input::placeholder,html[data-tema="escuro"] textarea::placeholder{color:#6f6f7c}
html[data-tema="escuro"] .botao.sec,html[data-tema="escuro"] a.botao.sec,html[data-tema="escuro"] button.sec{background:#26262f;color:#ececf1}
html[data-tema="escuro"] th{color:#8d8d9b;border-bottom-color:#25252e}
html[data-tema="escuro"] td{border-bottom-color:#22222a}
html[data-tema="escuro"] .abas{background:rgba(255,255,255,.06)}
html[data-tema="escuro"] .abas a{color:#b9b9c6}
html[data-tema="escuro"] .abas a.on{background:#2a2836;color:#fff}
html[data-tema="escuro"] .resumo div,html[data-tema="escuro"] .num{background:#1b1b22;border-color:#26262f}
html[data-tema="escuro"] .tag.pendente{background:#26262f;color:#b4b4c0}
html[data-tema="escuro"] .tag.enviado{background:#1f2140;color:#a5a6ff}
html[data-tema="escuro"] .tag.confirmado{background:#0f2a22;color:#5ee0b0}
html[data-tema="escuro"] .tag.remarcar{background:#2d2310;color:#f5c26b}
html[data-tema="escuro"] .tag.erro{background:#311616;color:#ff8a80}
html[data-tema="escuro"] .aviso.ok{background:#0f2a22;color:#7ee6be;border-color:#1c4a3b}
html[data-tema="escuro"] .aviso.erro{background:#311616;color:#ff9a90;border-color:#4d2222}
html[data-tema="escuro"] [style*="background:#fbfbfd"],html[data-tema="escuro"] [style*="background:#f7f7fa"],
html[data-tema="escuro"] [style*="background:#fff;"]{background:#1b1b22 !important;border-color:#2a2a34 !important}
html[data-tema="escuro"] [style*="color:#444"]{color:#c9c9d4 !important}
@media(max-width:720px){html[data-tema="escuro"] table:not(.nao-cartao) tr{background:#16161c;border-color:#26262f}
 html[data-tema="escuro"] table:not(.nao-cartao) td{border-bottom-color:#22222a}}

/* Cadastros e modais */
html[data-tema="escuro"] .cad-busca input{background:#1d1d25}
html[data-tema="escuro"] .cad-busca kbd{background:#22222b;border-color:#30303b;color:#8d8d9b}
html[data-tema="escuro"] .cad-item:hover,html[data-tema="escuro"] .cad-item:focus-visible{background:#1e1b2b}
html[data-tema="escuro"] .cad-total,html[data-tema="escuro"] .cad-precisa-linha b{background:#2a2440;color:#c4b5fd}
html[data-tema="escuro"] .cad-ia{background:#1b1b22;border-color:#3a3150;color:#c4b5fd}
html[data-tema="escuro"] dialog.cad-modal{background:#17171d;color:#ececf1}
html[data-tema="escuro"] .cad-obrig{background:#1b1828;border-color:#302945}
html[data-tema="escuro"] .cad-obrig input,html[data-tema="escuro"] .cad-obrig select{background:#14141a;border-color:#3a3150}
html[data-tema="escuro"] .cad-m-pe{background:#141419;border-top-color:#24242c}
html[data-tema="escuro"] .cad-dados mark{background:#5b4a12;color:#fff}

/* Calendário */
html[data-tema="escuro"] .cal{--linha:#24242c;--suave:#1d1d25;background:#131318;border-color:rgba(255,255,255,.06)}
html[data-tema="escuro"] .cal-lado{background:linear-gradient(180deg,#17171e,#131318)}
html[data-tema="escuro"] .cal-mini,html[data-tema="escuro"] .cal-ia input{background:#1b1b22;border-color:#2a2a34}
html[data-tema="escuro"] .cal-mini-grade button,html[data-tema="escuro"] .cal-filtro,html[data-tema="escuro"] .cal-mes-dia .num,
html[data-tema="escuro"] .cal-pilula,html[data-tema="escuro"] .cal-ano-grade button,html[data-tema="escuro"] .cal-cab .prof{color:#e6e6ee}
html[data-tema="escuro"] .cal-mini-grade button.sel{background:#ececf1;color:#111}
html[data-tema="escuro"] .cal-mini-grade button.semana{background:#2a2440;color:#ddd6fe}
html[data-tema="escuro"] .cal-filtro:hover{background:rgba(255,255,255,.06)}
html[data-tema="escuro"] .cal-cab,html[data-tema="escuro"] .cal-mes-dow{background:rgba(19,19,24,.94)}
html[data-tema="escuro"] .cal-horas,html[data-tema="escuro"] .cal-cab.canto{background:#131318}
html[data-tema="escuro"] .cal-col{background-image:linear-gradient(to bottom,var(--linha) 1px,transparent 1px),
 linear-gradient(to bottom,transparent calc(var(--h) / 2),#1b1b22 calc(var(--h) / 2),#1b1b22 calc(var(--h) / 2 + 1px),transparent calc(var(--h) / 2 + 1px))}
html[data-tema="escuro"] .cal-col.fds,html[data-tema="escuro"] .cal-mes-dia.fora{background-color:#111116}
html[data-tema="escuro"] .cal-col.hoje{background-color:#171217}
html[data-tema="escuro"] .ev{background:color-mix(in srgb,var(--c) 24%,#16161c);color:color-mix(in srgb,var(--c) 55%,#fff)}
html[data-tema="escuro"] .ev.sel{background:var(--c);color:#fff}
html[data-tema="escuro"] .cal-mes-dia:hover{background:#18161f}
html[data-tema="escuro"] .cal-insp{background:#111116}
html[data-tema="escuro"] .res-num div,html[data-tema="escuro"] .res-dica,html[data-tema="escuro"] .res-lista button,
html[data-tema="escuro"] .cal-resultados,html[data-tema="escuro"] .cal-pop{background:#1b1b22;border-color:#2a2a34;color:#ececf1}
html[data-tema="escuro"] .cal-resultados button,html[data-tema="escuro"] .res-lista button{color:#ececf1}
html[data-tema="escuro"] .cal-resultados button:hover{background:#25222f}
html[data-tema="escuro"] .insp-linha{border-bottom-color:#22222a}
html[data-tema="escuro"] .insp-acoes .claro{background:#22222b;color:#ececf1}
html[data-tema="escuro"] .insp-acoes .verde{background:#0f2a22;color:#5ee0b0}
html[data-tema="escuro"] .insp-acoes .laranja{background:#2d2310;color:#f5c26b}
html[data-tema="escuro"] .insp-acoes .perigo{background:#311616;color:#ff8a80}
html[data-tema="escuro"] .cal-seg button.on{background:#33333d;color:#fff}
html[data-tema="escuro"] .cal-seg button{color:#c9c9d4}
html[data-tema="escuro"] .res-cab text{fill:#fff}
html[data-tema="escuro"] .cal-ano-grade button.n1{background:#2a2440}
html[data-tema="escuro"] .cal-ano-grade button.n2{background:#40316e}

/* Folha do menu/launchpad e assistente */
html[data-tema="escuro"] #dock a.dock-lp .lp-dock-ic{background:linear-gradient(145deg,#3a3a46,#26262f)}
html[data-tema="escuro"] .mc-itens a{background:#1f1f27;color:#d6d6e0}
html[data-tema="escuro"] .link-acesso{background:#1b1828;border-color:#3a3150}
html[data-tema="escuro"] .link-acesso code{background:#14141a}
/* Lista da agenda: caixa dos filtros */
html[data-tema="escuro"] .filtros{background:#1b1b22;border-color:#2a2a34}
