.leg2{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--ink-soft)}.leg2 i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.alertas{display:flex;flex-direction:column;gap:8px}
table.t tr.oculto td.resumo{color:var(--ink-faint);font-style:italic}
table.mtz td,table.mtz th{white-space:nowrap}
.mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.mini div{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.mini small{font-size:10.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.07em}.mini b{font:600 18px var(--mono)}
.rn-cab{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.rn-data{font:600 18px var(--sans, inherit);color:var(--ink)}
.rn-resumo{margin:0;color:var(--ink-soft);font-size:14px}
.rn-grupo{display:flex;flex-direction:column;gap:6px}.rn-grupo h3{display:flex;align-items:center;gap:8px;margin:6px 0 0}.rn-grupo h3 small{font-weight:400;font-size:12px;color:var(--ink-faint)}
ul.rn-itens{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}
ul.rn-itens li{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;font-size:13.5px}
ul.rn-itens li b{color:var(--ink)}ul.rn-itens li span{color:var(--ink-soft)}
/* ===== portal real (10_portal_app): shell de página inteira, formulários, login ===== */
body.portal{padding:0}
body.portal .app{min-height:100vh;grid-template-columns:248px minmax(0,1fr)}
body.portal .pnav{position:sticky;top:0;height:100vh;overflow-y:auto}
body.portal a.pn-item{text-decoration:none}
body.portal main.view{max-width:1320px;width:100%;margin:0 auto;padding:22px 24px 48px}
.pn-user{display:flex;flex-direction:column;gap:2px;padding:10px 8px;border-top:1px solid rgba(255,255,255,.1)}
.pn-user b{color:#fff;font-weight:600;font-size:13px}.pn-user small{color:var(--side-faint);font-size:11.5px}
.pn-user .acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.pn-user .acoes a,.pn-user .acoes button{background:none;border:1px solid rgba(255,255,255,.2);color:var(--side-ink);border-radius:7px;padding:3px 9px;font-size:12px;cursor:pointer;text-decoration:none}
.pn-user .acoes a:hover,.pn-user .acoes button:hover{border-color:var(--side-accent);color:#fff}
form.filtros input.inp{color-scheme:dark;font:12.5px var(--mono)}
form.filtros .chk input{accent-color:var(--accent);width:16px;height:16px}
.csv-links{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--ink-faint);margin-left:auto}
.csv-links a{text-decoration:none}
.atualizado{font-size:12px;color:var(--ink-faint)}
/* formulários (login, senha, usuários) */
.form{display:flex;flex-direction:column;gap:12px}
.form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-soft)}
.form input,.form select{font:14px var(--body);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:9px 11px;color-scheme:dark}
.form input:focus,.form select:focus{outline:2px solid var(--accent);outline-offset:1px}
.form .linha{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.msg-erro{background:var(--bad-bg);color:var(--bad);border-radius:9px;padding:9px 12px;font-size:13px}
.msg-ok{background:var(--ok-bg);color:var(--ok);border-radius:9px;padding:9px 12px;font-size:13px}
.senha-temp{font:600 16px var(--mono);letter-spacing:.02em;color:var(--ink);background:var(--bg);border:1px dashed var(--accent);border-radius:8px;padding:6px 10px;display:inline-block}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(1200px 600px at 20% -10%,#22385a 0%,transparent 60%),var(--bg)}
.login-box{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:26px 24px;display:flex;flex-direction:column;gap:16px}
.login-box .marca{display:flex;align-items:center;gap:12px}.login-box .marca b{display:block;font-size:17px}.login-box .marca small{color:var(--ink-faint);font-size:12.5px}
.login-box .rodape{font-size:11.5px;color:var(--ink-faint);text-align:center}
td form{display:inline}
td .btn.sm{padding:3px 9px}
.btn.perigo{color:var(--bad);border-color:var(--bad)}
@media (max-width:820px){
  body.portal .app{grid-template-columns:1fr}
  body.portal .pnav{position:static;height:auto}
  body.portal main.view{padding:16px}
  .csv-links{margin-left:0}
}
button.btn{cursor:pointer;font-family:var(--body)}
form.filtros .btn.sm{margin-left:0}
@media (max-width:820px){.pn-user b,.pn-user small{display:none}.pn-user{border:0;padding:0;flex:none}.pn-user .acoes{margin:0;flex-wrap:nowrap}}
/* ⓘ como é medido (substitui o "ver query"; 23/10/2026) */
.info-i{position:relative;display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;border:1.5px solid var(--info);color:var(--info);font:700 10.5px/1 var(--body);font-style:italic;text-transform:none;letter-spacing:0;cursor:help;flex:none;vertical-align:middle;margin-left:4px}
.info-i:hover,.info-i:focus{background:var(--info-bg);outline:none}
.info-i::after{content:attr(data-tip);position:absolute;z-index:30;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:min(300px,78vw);padding:10px 12px;border-radius:10px;background:#0f1522;border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);font:400 12.5px/1.45 var(--body);font-style:normal;text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s}
.info-i:hover::after,.info-i:focus::after{opacity:1;visibility:visible}
.kpi-r{position:relative}
/* aviso de destaque */
.destaque{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(120deg,#3d321a 0%,var(--surface) 75%);border:1px solid var(--warn);border-radius:var(--radius);padding:14px 16px;color:var(--ink-soft);font-size:14px}
.destaque b{color:var(--ink)}
.destaque ul{margin:6px 0 10px;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.destaque-ic{flex:none;width:30px;height:30px;border-radius:50%;background:var(--warn);color:#1b1608;display:grid;place-items:center;font:800 17px var(--body)}
/* atalhos de período e ações do filtro */
.atalhos{display:flex;flex-wrap:wrap;gap:6px;width:100%}
.atalhos .btn.sm,.acoes-f .btn.sm{margin-left:0}
.acoes-f{display:flex;gap:6px;align-items:center}
form.filtros select.inp{color-scheme:dark;font:12.5px var(--body);min-width:130px}
body.portal main.view{overflow-x:clip}