:root{--fundo:#f6f7f9;--cartao:#fff;--texto:#1d2330;--sutil:#5d6577;--borda:#d9dde5;--pri:#1f4e8c;--ok:#1d7a43;--alerta:#9a6200;--erro:#b3261e}
*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,Segoe UI,sans-serif;background:var(--fundo);color:var(--texto)}
header{background:var(--pri);color:#fff;padding:10px 20px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
header a{color:#fff;text-decoration:none;opacity:.9}header a:hover{opacity:1;text-decoration:underline}header .marca{font-weight:700;margin-right:12px}
header form{margin-left:auto}main{padding:18px 20px;max-width:1200px;margin:0 auto}
h1{font-size:20px;margin:6px 0 14px}h2{font-size:16px;margin:22px 0 8px}
.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:8px;padding:14px;margin-bottom:14px;overflow-x:auto}
table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--borda);padding:6px 8px;text-align:left;vertical-align:top}
th{font-size:12px;color:var(--sutil);text-transform:uppercase;letter-spacing:.03em}
.tag{display:inline-block;padding:1px 7px;border-radius:10px;font-size:12px;border:1px solid var(--borda);background:#eef1f6;margin:1px}
.tag.ok,.r-OK{color:var(--ok);border-color:var(--ok)}.tag.alerta,.r-ALERTA,.r-MANUAL{color:var(--alerta);border-color:var(--alerta)}
.tag.erro,.r-BLOQUEIO,.r-PENDENTE{color:var(--erro);border-color:var(--erro)}
.msg{padding:10px 12px;border-radius:6px;margin-bottom:12px}.msg.ok{background:#e5f4ea;color:var(--ok)}.msg.erro{background:#fbe9e8;color:var(--erro)}
.aviso{background:#fff6e0;border:1px solid #f0d58a;padding:10px 12px;border-radius:6px;margin-bottom:12px}
form.inline{display:inline}input,select,textarea{font:inherit;padding:5px 7px;border:1px solid var(--borda);border-radius:5px;max-width:100%}
button{font:inherit;padding:5px 11px;border-radius:5px;border:1px solid var(--pri);background:var(--pri);color:#fff;cursor:pointer}
button.sec{background:#fff;color:var(--pri)}button.perigo{background:var(--erro);border-color:var(--erro)}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.num{font-size:24px;font-weight:700}
.campo{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.linha{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}
.sutil{color:var(--sutil);font-size:12px}code{font-size:12px}
a.botao{display:inline-block;padding:5px 11px;border-radius:5px;border:1px solid var(--pri);background:var(--pri);color:#fff;text-decoration:none}
a.botao.sec{background:#fff;color:var(--pri)}.estreito{max-width:420px}.quebra{word-break:break-all}.mt{margin-top:10px}
label.opcao{display:block;font-size:13px;margin:2px 0}textarea{width:100%}textarea.codigo,pre.modelo{font:12px/1.5 Consolas,monospace;white-space:pre-wrap}
header .usuario{color:#dfe7f3;font-size:12px}
p.ou{text-align:center;color:var(--sutil);margin:10px 0}a.botao.google{display:block;text-align:center;background:#fff;color:#1d2330;border-color:var(--borda)}button:disabled{opacity:.5;cursor:not-allowed}
@media (max-width:720px){header{padding:8px 12px;gap:10px;font-size:13px}header form{margin-left:0}main{padding:12px}
  h1{font-size:18px}.linha{flex-direction:column;align-items:stretch}input,select,button,a.botao{width:100%}input[type=checkbox]{width:auto}
  th,td{padding:5px 6px;font-size:13px}.cartao{padding:10px}}