/* SIGECONN Modelo: sem estilos inline (a CSP bloqueia); larguras por classe .wN */
:root{--bg:#f4f7f6;--card:#fff;--txt:#14211f;--mut:#566663;--lin:#d9e2df;--pri:#0f766e;--pri2:#115e59;--ok:#15803d;--er:#b91c1c;--av:#b45309;--sel:#e6f3f1;--c1:#0f766e;--c2:#2563eb;--c3:#d97706;--c4:#9333ea;--c5:#dc2626;--c6:#64748b}
:root[data-tema=escuro]{--bg:#0d1514;--card:#142120;--txt:#e6f0ee;--mut:#9db1ad;--lin:#264240;--pri:#2dd4bf;--pri2:#5eead4;--ok:#4ade80;--er:#f87171;--av:#fbbf24;--sel:#173432;--c1:#2dd4bf;--c2:#60a5fa;--c3:#fbbf24;--c4:#c084fc;--c5:#f87171;--c6:#94a3b8}
@media (prefers-color-scheme:dark){:root:not([data-tema=claro]){--bg:#0d1514;--card:#142120;--txt:#e6f0ee;--mut:#9db1ad;--lin:#264240;--pri:#2dd4bf;--pri2:#5eead4;--ok:#4ade80;--er:#f87171;--av:#fbbf24;--sel:#173432;--c1:#2dd4bf;--c2:#60a5fa;--c3:#fbbf24;--c4:#c084fc;--c5:#f87171;--c6:#94a3b8}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.55 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.pular{position:absolute;left:-999px}.pular:focus{left:8px;top:8px;background:var(--card);padding:8px 12px;z-index:50}
.topo{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--lin)}
.marca{display:flex;align-items:baseline;gap:8px;min-width:0}.marca b{letter-spacing:.08em;color:var(--pri)}.marca span{color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.selo-local{margin-left:auto;font-size:.82rem;color:var(--mut);background:var(--sel);padding:4px 10px;border-radius:999px}
.sino{position:relative;background:none;border:1px solid var(--lin);border-radius:10px;padding:4px 10px;font-size:1.1rem;cursor:pointer;color:var(--txt)}.sino .n{position:absolute;top:-7px;right:-7px;background:var(--er);color:#fff;border-radius:999px;font-size:.7rem;padding:0 6px;min-width:18px;text-align:center}.sino .n:empty{display:none}
.menu-btn{display:none;background:none;border:1px solid var(--lin);border-radius:8px;font-size:1.2rem;padding:4px 10px;color:var(--txt)}
.corpo{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 54px)}
.lateral{padding:14px 12px;border-right:1px solid var(--lin);background:var(--card);display:flex;flex-direction:column;gap:8px;overflow-y:auto}
.usuario{display:flex;gap:10px;align-items:center;padding:6px 4px}.usuario small{display:block;color:var(--mut);font-size:.78rem}.avatar{width:38px;height:38px;border-radius:50%;background:var(--pri);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.8rem}
.lateral nav{display:flex;flex-direction:column;gap:2px;margin:6px 0}.lateral nav a{padding:9px 12px;border-radius:10px;color:var(--txt);text-decoration:none;display:flex;gap:10px}.lateral nav a i{font-style:normal;width:1.2em;text-align:center;color:var(--pri)}.lateral nav a:hover{background:var(--sel)}.lateral nav a[aria-current]{background:var(--sel);color:var(--pri2);font-weight:700}
.lat-btns{display:grid;gap:6px}.lat-btns .btn{text-align:left}
.btn.criar{background:var(--ok);border-color:var(--ok);padding:12px;font-size:1rem}
.nav-nota{font-size:.78rem;color:var(--mut);margin:0}
.campo.mini{margin:2px 0}.campo.mini span{font-size:.78rem;color:var(--mut)}
main{padding:22px clamp(14px,3vw,32px);max-width:1180px;width:100%;min-width:0}main:focus{outline:none}
h1{font-size:1.6rem;margin:0}h2{font-size:1.15rem;margin:0 0 10px}h3{font-size:1rem;margin:18px 0 6px}
.cabeca{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:4px}.cabeca.peq{margin-bottom:8px}.cabeca.peq h2{margin:0}.cab-acoes{display:flex;gap:8px;flex-wrap:wrap}
.dica-topo{color:var(--mut);margin:2px 0 14px;font-size:.92rem}
.ed{background:transparent;border:1px dashed var(--pri);color:var(--pri);border-radius:999px;font:inherit;font-size:.7rem;font-weight:700;padding:0 8px;margin-left:8px;cursor:pointer;vertical-align:middle;line-height:1.5}.ed:hover{background:var(--sel)}.ed.vis{margin-left:0}
.btn-ed{display:inline-flex;align-items:center;gap:0}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:12px;margin:12px 0}
.kpi{background:var(--card);border:1px solid var(--lin);border-radius:14px;padding:14px;min-width:0}.kpi b{display:block;font-size:1.2rem;white-space:nowrap}.kpi span{color:var(--mut);font-size:.84rem}.kpi small{color:var(--mut)}
.alerta{background:rgba(180,83,9,.12);border:1px solid var(--av);border-radius:12px;padding:10px 14px;margin:10px 0}
.duas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px}
.rolagem{overflow-x:auto;background:var(--card);border:1px solid var(--lin);border-radius:14px}
table{width:100%;border-collapse:collapse;font-size:.93rem}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--lin);vertical-align:top}th{color:var(--mut);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}tr:last-child td{border-bottom:0}
.vazio{padding:16px;color:var(--mut);background:var(--card);border:1px dashed var(--lin);border-radius:14px}.vazio-a{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.bloco{background:var(--card);border:1px solid var(--lin);border-radius:14px;padding:16px 18px;margin:14px 0}
.btn{display:inline-block;background:var(--pri);color:#fff;border:1px solid var(--pri);border-radius:10px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer}
:root[data-tema=escuro] .btn{color:#06201d}@media (prefers-color-scheme:dark){:root:not([data-tema=claro]) .btn{color:#06201d}}
.btn.sec{background:transparent;color:var(--pri);border-color:var(--pri)}.btn.sec:hover{background:var(--sel)}
.btn.perigo-sec{background:transparent;color:var(--er);border-color:var(--er)}.btn.perigo{background:var(--er);border-color:var(--er);color:#fff}
.btn.peq{padding:5px 11px;font-size:.84rem}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.ed:focus-visible{outline:3px solid var(--pri2);outline-offset:2px}
.campo{display:grid;gap:4px;margin:10px 0}.campo span{font-weight:600;font-size:.9rem}.campo small{color:var(--mut)}
input,select{font:inherit;color:var(--txt);background:var(--bg);border:1px solid var(--lin);border-radius:10px;padding:9px 11px;width:100%;min-width:0}
.filtros{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.grade2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:0 14px}.par{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.presets,.acoes-linha{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.presets .btn[aria-pressed=true]{background:var(--pri);color:#fff}
.chip{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.03em;padding:2px 9px;border-radius:999px;background:var(--sel);color:var(--pri2);margin-left:6px}
.chip-ok{background:rgba(21,128,61,.14);color:var(--ok)}.chip-av{background:rgba(180,83,9,.16);color:var(--av)}.chip-er{background:rgba(185,28,28,.14);color:var(--er)}
.prog{height:8px;background:var(--lin);border-radius:999px;overflow:hidden;margin:8px 0}.prog span{display:block;height:100%}
.b-ok{background:var(--ok)}.b-av{background:var(--av)}.b-er{background:var(--er)}
.conta{background:var(--card);border:1px solid var(--lin);border-radius:14px;margin:10px 0}.conta>summary{list-style:none;cursor:pointer;padding:14px 16px}.conta>summary::-webkit-details-marker{display:none}.conta[open]>summary{border-bottom:1px solid var(--lin)}
.conta-t{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.conta-t b{font-size:1.05rem;margin-right:6px}.conta-n{display:flex;gap:6px 18px;flex-wrap:wrap;color:var(--mut);font-size:.88rem;margin-top:4px}.conta-n b{color:var(--txt)}
.conta-c{padding:6px 16px 16px}
.compra{border:1px solid var(--lin);border-radius:12px;padding:12px;margin:10px 0;background:var(--bg)}.compra header{display:flex;gap:10px 20px;flex-wrap:wrap;justify-content:space-between}.hist{display:block;color:var(--mut);font-size:.76rem}
.nums{display:flex;gap:6px 18px;flex-wrap:wrap}.nums span{display:flex;flex-direction:column;font-size:.74rem;color:var(--mut)}.nums b{font-size:.95rem;color:var(--txt)}
.movs{list-style:none;margin:6px 0;padding:0}.mov{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr) auto auto;gap:8px;padding:5px 0;border-bottom:1px dashed var(--lin);font-size:.86rem;align-items:center}.mov.pos b{color:var(--ok)}.mov.neg b{color:var(--er)}
.saldo{margin:10px 0}.saldo-t{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.saldo small{color:var(--mut)}
.seg{display:inline-flex;border:1px solid var(--pri);border-radius:10px;overflow:hidden}.seg-btn{background:transparent;color:var(--pri);border:0;padding:6px 14px;font:inherit;cursor:pointer}.seg-btn[aria-pressed=true]{background:var(--pri);color:#fff}
.graf{width:100%;height:auto;max-height:300px;display:block}.graf .tx{font-size:11px;fill:var(--mut)}.graf .grande{font-size:14px;font-weight:700;fill:var(--txt)}.graf .gr{stroke:var(--lin);stroke-width:1}.graf polyline{stroke-width:2.5}
.rosca-box{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.rosca{width:190px;flex:none}
.leg{display:flex;gap:6px 16px;flex-wrap:wrap;list-style:none;margin:8px 0 0;padding:0;font-size:.84rem}.leg.col{flex-direction:column;margin:0}.leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.f1{fill:var(--c1)}.f2{fill:var(--c2)}.f3{fill:var(--c3)}.f4{fill:var(--c4)}.f5{fill:var(--c5)}.f6{fill:var(--c6)}.s1{stroke:var(--c1)}.s2{stroke:var(--c2)}.s3{stroke:var(--c3)}.s4{stroke:var(--c4)}.s5{stroke:var(--c5)}.s6{stroke:var(--c6)}
.b1{background:var(--c1)}.b2{background:var(--c2)}.b3{background:var(--c3)}.b4{background:var(--c4)}.b5{background:var(--c5)}.b6{background:var(--c6)}
.hb{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hb li{display:grid;grid-template-columns:minmax(90px,38%) 1fr auto;gap:10px;align-items:center;font-size:.88rem}.hb-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-t{background:var(--lin);height:12px;border-radius:999px;overflow:hidden}.hb-b{display:block;height:100%}
.emp{display:flex;height:22px;border-radius:999px;overflow:hidden;background:var(--lin)}.emp span{display:block;height:100%}
.guia{border-color:var(--pri);background:var(--sel)}.passos{list-style:none;margin:10px 0;padding:0;display:grid;gap:10px}.passos li{background:var(--card);border:1px solid var(--lin);border-radius:12px;padding:10px 14px;display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center}.passos li b{flex:1 1 100%}.passos li span{color:var(--mut);flex:1 1 220px}.passos li.feito b::after{content:" ✓";color:var(--ok)}
.avisos{list-style:none;padding:0;margin:0;display:grid;gap:8px;max-height:55vh;overflow:auto}.avisos li{display:grid;gap:2px;padding:8px 10px;border:1px solid var(--lin);border-radius:10px}.avisos li.lido{opacity:.55}.avisos .chip{margin:0;justify-self:start}
.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:60;width:max-content;max-width:92vw;padding:12px 18px;border-radius:12px;background:var(--card);border:1px solid var(--lin);box-shadow:0 10px 30px rgba(0,0,0,.25)}.toast[hidden]{display:none}
.toast-erro{border-color:var(--er);color:var(--er)}.toast-aviso{border-color:var(--av)}
.modal-fundo{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:40;display:grid;place-items:center;padding:14px}.modal-fundo[hidden]{display:none}
.modal{background:var(--card);border-radius:16px;padding:20px;width:min(540px,100%);max-height:92vh;overflow:auto;border:1px solid var(--lin)}.modal h2{margin-top:0}
.modal-acoes{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.erro{color:var(--er);margin:8px 0 0}
.aviso{padding:16px}
@media (max-width:860px){
 .corpo{grid-template-columns:minmax(0,1fr)}.menu-btn{display:inline-block}.selo-local{display:none}.sino{margin-left:auto}
 .lateral{position:fixed;inset:54px 0 0 0;z-index:30;transform:translateX(-102%);transition:transform .2s;width:min(320px,92vw)}.lateral.aberto{transform:none}
 .mov{grid-template-columns:minmax(0,1fr) auto}.mov span:nth-child(2){grid-column:1/-1;order:3;color:var(--mut)}.par{grid-template-columns:1fr}
}
@media print{.topo,.lateral,.cabeca .btn,.cab-acoes,.dica-topo,.toast,.nav-nota,.guia,.ed{display:none!important}.corpo{display:block}body{background:#fff;color:#000}.rolagem,.bloco,.kpi{border-color:#999}main{max-width:none;padding:0}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* larguras 0..100% */
.w0{width:0%}.w1{width:1%}.w2{width:2%}.w3{width:3%}.w4{width:4%}.w5{width:5%}.w6{width:6%}.w7{width:7%}.w8{width:8%}.w9{width:9%}
.w10{width:10%}.w11{width:11%}.w12{width:12%}.w13{width:13%}.w14{width:14%}.w15{width:15%}.w16{width:16%}.w17{width:17%}.w18{width:18%}.w19{width:19%}
.w20{width:20%}.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}
.w30{width:30%}.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}
.w40{width:40%}.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}
.w50{width:50%}.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}
.w60{width:60%}.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}
.w70{width:70%}.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}
.w80{width:80%}.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}
.w90{width:90%}.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}
.w100{width:100%}