:root{--bg:#0a0f1e;--card:#1b2437;--line:#2a3652;--tx:#e6ebf5;--mut:#93a0bb;--ac:#1ca7ec;--ok:#34d399;--bad:#f87171;--warn:#fbbf24;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 "Segoe UI",system-ui,sans-serif}
main{max-width:1100px;margin:0 auto;padding:28px 20px 48px}
h1{margin:0;font-size:1.8rem;color:var(--ac)}
header p{margin:4px 0 0;color:var(--mut)}
nav{display:flex;flex-wrap:wrap;gap:4px;margin:24px 0 20px;border-bottom:1px solid var(--line)}
nav button{background:none;border:0;border-bottom:3px solid transparent;color:var(--mut);padding:10px 14px;font:inherit;cursor:pointer}
nav button:hover{color:var(--tx)}
nav button[aria-selected="true"]{color:var(--ac);border-bottom-color:var(--ac);font-weight:600}
nav button:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
section{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px 24px}
section h2{margin:0 0 8px;font-size:1.2rem}
.soon{color:var(--mut);margin:0}
footer{margin-top:24px;color:var(--mut);font-size:.9rem}
.ok{color:var(--ok)}.bad{color:var(--bad)}
form{display:flex;gap:10px;margin:12px 0}
input{flex:1;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--tx);padding:10px 14px;font:inherit}
input:focus-visible{outline:2px solid var(--ac)}
form button{background:var(--ac);border:0;border-radius:8px;color:#04121d;font:inherit;font-weight:600;padding:10px 20px;cursor:pointer}
form button:disabled{opacity:.6;cursor:wait}
.rec{border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin-top:12px}
.rec-head{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.rec-host{color:var(--mut);font-size:.9rem}
.rec-msg{margin:6px 0;color:var(--mut);font-size:.9rem}
.badge{margin-left:auto;padding:1px 10px;border-radius:99px;font-size:.8rem;border:1px solid}
.PROPAGADO{color:var(--ok)}.PROPAGANDO{color:var(--warn)}.DIVERGENTE,.ERRO{color:var(--bad)}.SEM_REGISTRO{color:var(--mut)}
.rrow{display:grid;grid-template-columns:170px 1fr;gap:4px 12px;padding:5px 0;border-top:1px solid var(--line);font-size:.9rem}
.rrow div{overflow-wrap:anywhere}
.val{font-family:Consolas,monospace}
@media (max-width:560px){.rrow{grid-template-columns:1fr}form{flex-direction:column}}
.resumo{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.info{border:1px solid var(--line);border-radius:99px;padding:2px 12px;font-size:.85rem}
.info .k{color:var(--mut);margin-right:2px}
.nv-ok{border-color:var(--ok)}.nv-warn{border-color:var(--warn)}.nv-bad{border-color:var(--bad)}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;align-items:start;margin:16px 0}
.cartao{background:rgba(10,15,30,.35);border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin-top:0}
.cartao h3{margin:0 0 6px;font-size:1.05rem;color:var(--ac)}
.host{padding-bottom:8px}
.reg{border-top:1px solid var(--line);padding:10px 0}
.reg .val div{overflow-wrap:anywhere}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.rc{font-size:.75rem;padding:0 8px;border-radius:99px;border:1px solid}
.rc.ok{color:var(--ok)}.rc.diff{color:var(--warn)}.rc.err{color:var(--bad)}
details summary{cursor:pointer;color:var(--mut);font-size:.85rem}
.sub-titulo{color:var(--mut);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;margin:2px 0 4px}
.lista{margin:4px 0 6px;padding-left:18px;color:var(--mut);font-size:.85rem;overflow-wrap:anywhere}
.host + .host{border-top:1px solid var(--line);padding-top:10px}
.subnav{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}
.subnav button{background:none;border:1px solid var(--line);border-radius:99px;color:var(--mut);padding:6px 16px;font:inherit;cursor:pointer}
.subnav button[aria-pressed="true"]{color:var(--ac);border-color:var(--ac);font-weight:600}
select{background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--tx);padding:10px 14px;font:inherit}
textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--tx);padding:10px 14px;font:.85rem/1.4 Consolas,monospace;resize:vertical}
textarea:focus-visible,select:focus-visible{outline:2px solid var(--ac)}
.btn{background:var(--ac);border:0;border-radius:8px;color:#04121d;font:inherit;font-weight:600;padding:9px 18px;cursor:pointer}
.btn.sec{background:none;border:1px solid var(--ac);color:var(--ac)}
.btn:disabled{opacity:.6;cursor:wait}
.acoes{display:flex;flex-wrap:wrap;gap:8px 16px;margin:8px 0;align-items:center}
.campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:12px 0}
.campos label,.bloco{display:flex;flex-direction:column;gap:4px;color:var(--mut);font-size:.85rem}
.bloco{margin:12px 0}
.acoes label{display:flex;flex-direction:row;gap:6px;align-items:center;color:var(--tx);font-size:.9rem}
.acoes input[type="radio"]{flex:none}
.nota{border:1px solid var(--line);border-left:3px solid var(--ac);border-radius:8px;padding:10px 14px;margin:8px 0 12px;font-size:.9rem;color:var(--mut)}
.nota strong{color:var(--tx)}
.aviso-chave{border-left-color:var(--warn)}
.checks{margin:10px 0}
.check{font-size:1.05rem;padding:4px 0}
.ck-ok .ico{color:var(--ok)}.ck-warn .ico{color:var(--warn)}.ck-bad .ico{color:var(--bad)}
.cert{background:rgba(10,15,30,.35);border:1px solid var(--line);border-radius:10px;padding:12px 18px}
.seta{text-align:center;color:var(--ok);font-size:1.4rem;line-height:1.2;margin:2px 0}