/* =========================================================
   Acessibilidade e tema escuro
   ========================================================= */
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* foco visível para quem usa teclado */
:focus{outline:none}
:focus-visible{outline:3px solid #f59e0b;outline-offset:2px;border-radius:inherit}
.inp:focus-visible,.search input:focus-visible{outline:3px solid var(--brand);outline-offset:1px}
.pin:focus-visible{outline-offset:3px}
button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{box-shadow:0 0 0 5px rgba(255,255,255,.9)}

/* contraste dos textos secundários */
:root{--mut:#5a6a86}
.pr-t b.oc{color:#74829c}

/* tamanho da letra (só nas áreas de texto; a figura não muda) */
html[data-letra="grande"],html[data-letra="maior"]{--zf:1.12}
html[data-letra="maior"]{--zf:1.25}
html[data-letra="grande"] .sheet,html[data-letra="maior"] .sheet,
html[data-letra="grande"] .home,html[data-letra="maior"] .home,
html[data-letra="grande"] .panel,html[data-letra="maior"] .panel,
html[data-letra="grande"] .qp,html[data-letra="maior"] .qp,
html[data-letra="grande"] .res,html[data-letra="maior"] .res,
html[data-letra="grande"] .apbar,html[data-letra="maior"] .apbar,
html[data-letra="grande"] .ctarow .cta,html[data-letra="maior"] .ctarow .cta{zoom:var(--zf)}
html[data-letra="grande"] .sheet,html[data-letra="maior"] .sheet{max-height:calc(min(88dvh,820px) / var(--zf))}
html[data-letra="grande"] .qp,html[data-letra="maior"] .qp{max-height:calc(48dvh / var(--zf))}

/* menos movimento */
html[data-mov="menos"] *{animation:none!important;transition:none!important}

/* alto contraste */
html[data-contraste="alto"]{--mut:#364259;--line:rgba(30,45,80,.55)}
html[data-contraste="alto"] .sheet,html[data-contraste="alto"] .act,html[data-contraste="alto"] .book,html[data-contraste="alto"] .opt,html[data-contraste="alto"] .prow,html[data-contraste="alto"] .fcard,html[data-contraste="alto"] .item{border:2px solid #16213a}
html[data-contraste="alto"] .pr-t small,html[data-contraste="alto"] .h-top small,html[data-contraste="alto"] .sec-t,html[data-contraste="alto"] .cap{color:#26324b}

/* janelas novas */
.atl{display:flex;align-items:center;gap:14px;padding:10px 4px;border-bottom:1px solid var(--line);font-weight:600}
.atl kbd{min-width:84px;text-align:center;background:#e8edf6;border:1px solid var(--line);border-bottom-width:3px;border-radius:10px;padding:6px 10px;font:700 14px 'Plus Jakarta Sans',system-ui}
.onb{text-align:center;padding-top:30px}
.onb-i{width:84px;height:84px;border-radius:50%;background:#dbe8ff;color:var(--brand);display:grid;place-items:center;margin:0 auto 16px}
.onb h2{margin:0 0 8px;font-size:26px;font-weight:800;letter-spacing:-.02em}
.onb p{margin:0 auto 18px;max-width:420px;color:var(--mut);font-weight:600;line-height:1.5}
.dots{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.dots i{width:9px;height:9px;border-radius:50%;background:#cbd5e6}.dots i.on{background:var(--brand);width:24px;border-radius:5px}
.onb .skip{display:block;margin:10px auto 0;color:var(--mut);font-weight:700;padding:8px 14px}
textarea.inp{resize:vertical;font-size:16px;font-weight:600;min-height:100px}
.skip.rep{display:block;margin:10px auto 0;color:var(--mut);font-weight:700;font-size:13px}

/* =========================================================
   TEMA ESCURO
   ========================================================= */
html[data-tema="escuro"]{
  --ink:#e8eefc;--mut:#a3b0ca;--line:rgba(150,170,215,.2);
  --glass:rgba(24,32,54,.72);--glass2:rgba(26,35,58,.92);
  --shadow:0 10px 30px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.3);
  --brand:#5b8cff;--brand2:#22b8ef;--ok:#34d399;--err:#fb7185;
}
html[data-tema="escuro"] body{background:radial-gradient(1200px 700px at 8% -10%,#1b2a4d 0%,transparent 60%),radial-gradient(900px 600px at 100% 100%,#241c45 0%,transparent 55%),linear-gradient(180deg,#0e1424,#0a0f1d)}
html[data-tema="escuro"] .glass{border-color:rgba(150,170,215,.18)}
/* superfícies claras → escuras */
html[data-tema="escuro"] .sheet{background:#141b2e}
html[data-tema="escuro"] .act,html[data-tema="escuro"] .book,html[data-tema="escuro"] .stt,html[data-tema="escuro"] .grp,html[data-tema="escuro"] .plano,html[data-tema="escuro"] .aprow,html[data-tema="escuro"] .banner,html[data-tema="escuro"] .erro,html[data-tema="escuro"] .res .card,html[data-tema="escuro"] .bres,html[data-tema="escuro"] .chipx,html[data-tema="escuro"] .prow,html[data-tema="escuro"] .stats div,html[data-tema="escuro"] .steps li,html[data-tema="escuro"] .menu .row,html[data-tema="escuro"] .menu a.row{background:#1c2540;border-color:var(--line)}
html[data-tema="escuro"] .fcard,html[data-tema="escuro"] .item,html[data-tema="escuro"] .opt{background:#1c2540;border-color:var(--line);color:var(--ink)}
html[data-tema="escuro"] .opt:hover{background:#232e4e}
html[data-tema="escuro"] .opt.right{background:#0f8f5f;color:#fff}html[data-tema="escuro"] .opt.wrong{background:#d6385a;color:#fff}
html[data-tema="escuro"] .opt.sel,html[data-tema="escuro"] .q h3 em,html[data-tema="escuro"] .qp h3 em,html[data-tema="escuro"] .menu .row.on,html[data-tema="escuro"] .aprow.atual{background:#1f3266;border-color:var(--brand)}
html[data-tema="escuro"] .item .n,html[data-tema="escuro"] .bubble,html[data-tema="escuro"] .chip,html[data-tema="escuro"] .act.cont .go{background:#232e4e;color:var(--ink)}
html[data-tema="escuro"] .bubble{color:var(--brand)}
html[data-tema="escuro"] .chip.on{background:var(--brand);color:#fff}
html[data-tema="escuro"] .inp,html[data-tema="escuro"] .pv-sel,html[data-tema="escuro"] .search{background:#1c2540;color:var(--ink);border-color:var(--line)}
html[data-tema="escuro"] .search input{color:var(--ink)}
html[data-tema="escuro"] .inp::placeholder,html[data-tema="escuro"] .search input::placeholder{color:#7d8ba8}
html[data-tema="escuro"] .cf,html[data-tema="escuro"] .tab,html[data-tema="escuro"] .btn.sec,html[data-tema="escuro"] .b1,html[data-tema="escuro"] .pn-b,html[data-tema="escuro"] .x,html[data-tema="escuro"] .estrela:not(.on),html[data-tema="escuro"] .atl kbd{background:#27324f;color:var(--ink)}
html[data-tema="escuro"] .cf.on,html[data-tema="escuro"] .tab.on{background:var(--brand);color:#fff}
html[data-tema="escuro"] .pill,html[data-tema="escuro"] .side,html[data-tema="escuro"] .zoom,html[data-tema="escuro"] .hint,html[data-tema="escuro"] .dock .ib:hover,html[data-tema="escuro"] .zoom button:hover{background:rgba(30,40,66,.9);border-color:var(--line)}
html[data-tema="escuro"] .pill.ic.on{background:var(--brand);color:#fff}
html[data-tema="escuro"] .top .ico,html[data-tema="escuro"] .sh-h .ico,html[data-tema="escuro"] .banner .bi2,html[data-tema="escuro"] .lockcard .lic,html[data-tema="escuro"] .aprow .api,html[data-tema="escuro"] .onb-i{background:#243462;color:#9dbbff}
html[data-tema="escuro"] .top h1{background:linear-gradient(90deg,#9dc4ff,#5fd0ff);-webkit-background-clip:text;background-clip:text}
html[data-tema="escuro"] .top small,html[data-tema="escuro"] .h-top small,html[data-tema="escuro"] .sec-t,html[data-tema="escuro"] .cap,html[data-tema="escuro"] .pr-t small,html[data-tema="escuro"] .goal,html[data-tema="escuro"] .ring small,html[data-tema="escuro"] .apq small{color:#93a3c4}
html[data-tema="escuro"] .pr-t b.oc{color:#7f8db0}
html[data-tema="escuro"] .prow .n{background:#27324f;color:var(--ink)}html[data-tema="escuro"] .prow.ok .n{background:var(--ok);color:#06281b}html[data-tema="escuro"] .prow.err .n{background:var(--err);color:#3a0711}
html[data-tema="escuro"] .prow.on{border-color:var(--brand)}
html[data-tema="escuro"] .fb.ok,html[data-tema="escuro"] .stt.ok,html[data-tema="escuro"] .banner.ok{background:#0f3a2c;color:#6ee7b7;border-color:#1b5c46}
html[data-tema="escuro"] .fb.err,html[data-tema="escuro"] .btn.pv-danger{background:#43182a;color:#fda4b5;border-color:#6b2740}
html[data-tema="escuro"] .btn.pv-danger.conf{background:#d6385a;color:#fff}
html[data-tema="escuro"] .stt b{color:var(--ink)}
html[data-tema="escuro"] .stt.ok b,html[data-tema="escuro"] .banner.ok b{color:#6ee7b7}
html[data-tema="escuro"] .lupa,html[data-tema="escuro"] .qbar{background:#1c2540}
html[data-tema="escuro"] .swt{background:#3a4666}html[data-tema="escuro"] .swt.on{background:var(--ok)}
html[data-tema="escuro"] .act .n.z,html[data-tema="escuro"] .dl,html[data-tema="escuro"] .prb{background:#27324f}
html[data-tema="escuro"] .act.off{opacity:.55}
html[data-tema="escuro"] .bars{background:#1c2540}
html[data-tema="escuro"] .dots i{background:#3a4666}html[data-tema="escuro"] .dots i.on{background:var(--brand)}
html[data-tema="escuro"] .pin{background:rgba(255,255,255,.95);color:#12213f}
html[data-tema="escuro"] .pin.ativo{background:var(--brand);color:#fff}
html[data-tema="escuro"] .gl .core{stroke:#16213a}
html[data-tema="escuro"] .scrim{background:rgba(3,6,16,.66)}
html[data-tema="escuro"] .toast2{background:#e8eefc;color:#0e1424}
html[data-tema="escuro"] .fig img{filter:drop-shadow(0 18px 28px rgba(0,0,0,.55))}
html[data-tema="escuro"] .protwarn,html[data-tema="escuro"] .lockcard{background:#141b2e;color:var(--ink)}
html[data-tema="escuro"] .btn.sec:hover{background:#31405f}
html[data-tema="escuro"] *{scrollbar-color:rgba(150,170,215,.4) transparent}
html[data-tema="escuro"] ::-webkit-scrollbar-thumb{background:rgba(150,170,215,.4);background-clip:content-box}
html[data-tema="escuro"] .ribbon{opacity:.9}
@media (forced-colors:active){:focus-visible{outline:3px solid Highlight}}
html[data-tema="escuro"] .tag{background:#1f3266;color:#b7ccff;border-color:#35509a}
html[data-tema="escuro"] .pn-redo,html[data-tema="escuro"] .toast2.undo button{background:#27324f;color:var(--ink)}
html[data-tema="escuro"] .pn-redo:hover{background:#31405f}
html[data-tema="escuro"] .toast2.undo button{background:#0e1424;color:#e8eefc}

/* ---------- organização: início por intenção, menu e ajustes ---------- */
.sec-t .sec-d{display:block;margin-top:3px;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--mut)}
.act.cont.sug{background:linear-gradient(135deg,#1d4fd0,#0ea5e9)}
.act.cont.sug .sugi{display:grid;place-items:center;color:#fff;width:68px;height:68px;border-radius:20px;flex:none;background:rgba(255,255,255,.22)!important}
.sug-k{font-size:11px!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.9}
.act.cont.sug b{font-size:19px}
.g-int{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.seg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#e8edf6;border-radius:20px;padding:5px}
.seg button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:15px;font-weight:800;font-size:12.5px;color:#4b5a78}
.seg button svg{width:20px;height:20px}
.seg button.on{background:var(--brand);color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.3)}
.seg-d{margin:8px 4px 14px;color:var(--mut);font-weight:600;font-size:13px;min-height:2.6em}
.menu .row.destaque{border-color:var(--brand)}
.back{font-weight:800;color:var(--brand);padding:4px 2px 12px}
.aj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:12px}
.aj-c{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 3px 12px rgba(40,70,130,.06)}
.aj-c:hover{border-color:var(--brand)}
.aj-i{width:42px;height:42px;border-radius:14px;background:#e6f0ff;color:var(--brand);display:grid;place-items:center;margin-bottom:4px}
.aj-c b{font-size:15.5px}.aj-c small{color:var(--mut);font-weight:600;font-size:12.5px;line-height:1.3}
.prob{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 16px;margin-bottom:8px;font-weight:700;font-size:14.5px}
.prob svg{color:var(--brand);flex:none}.prob:hover{border-color:var(--brand)}
html[data-tema="escuro"] .seg{background:#1c2540}html[data-tema="escuro"] .seg button{color:#a3b0ca}html[data-tema="escuro"] .seg button.on{color:#fff}
html[data-tema="escuro"] .aj-c,html[data-tema="escuro"] .prob{background:#1c2540;border-color:var(--line)}
html[data-tema="escuro"] .aj-i{background:#243462;color:#9dbbff}
@media (max-width:560px){.seg button span{font-size:11.5px}}
.g-int{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important}
.search input:focus-visible{outline:none}
.search:focus-within{outline:3px solid var(--brand);outline-offset:1px}
@media (max-width:480px){
  .h-top{gap:8px}.h-top h1{white-space:nowrap;font-size:17px}.h-top small{display:none}
  .h-top .pill.ic{width:40px;height:40px;min-width:40px}
  .h-logo{width:38px;height:38px;font-size:19px}
}
.busca-bar{display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:14px 20px;color:var(--mut);font-weight:600;text-align:left;box-shadow:0 3px 12px rgba(40,70,130,.06)}
.busca-bar svg{color:var(--brand);flex:none}.busca-bar:hover{border-color:var(--brand)}
.g-prat{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:620px){.g-prat{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
html[data-tema="escuro"] .busca-bar{background:#1c2540}
/* bolinha do número: verde/vermelho também no tema escuro */
html[data-tema="escuro"] .pin.ok{background:var(--ok);color:#fff;border-color:#fff}
html[data-tema="escuro"] .pin.err{background:var(--err);color:#fff;border-color:#fff}
html[data-tema="escuro"] .pin.ativo.ok,html[data-tema="escuro"] .pin.ativo.err{box-shadow:0 0 0 4px rgba(255,255,255,.28)}
.pin.lb.ok,.pin.lb.err{border-width:2px}