:root{--cor:#0b5e3c;--fundo:#f5f7f6;--borda:#d9dfdc;--texto:#1b2420;--suave:#5b6862;--erro:#a3261b;--ok:#0b5e3c}
*{box-sizing:border-box}body{margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--fundo);color:var(--texto)}
header{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:10px 16px;background:var(--cor);color:#fff}
header strong{margin-right:auto}header .unidade{font-weight:600}header select{padding:4px 6px;border-radius:6px}
header .sair{display:flex;gap:8px;align-items:center}header .sair button{background:transparent;color:#fff;border:1px solid #fff8;padding:3px 10px}
nav{display:flex;gap:4px;flex-wrap:wrap;padding:8px 16px;background:#fff;border-bottom:1px solid var(--borda)}
nav a{padding:6px 12px;border-radius:6px;color:var(--texto);text-decoration:none}nav a.ativo{background:var(--cor);color:#fff}
main{max-width:1100px;margin:0 auto;padding:16px}h1{font-size:22px;margin:4px 0 16px}h2{font-size:17px;margin:24px 0 8px}
.cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.cartao{background:#fff;border:1px solid var(--borda);border-radius:10px;padding:12px}.cartao .numero{font-size:26px;font-weight:700}
.cartao .rotulo{color:var(--suave);font-size:13px}
.rolagem{overflow-x:auto;background:#fff;border:1px solid var(--borda);border-radius:10px}
table{border-collapse:collapse;width:100%}th,td{padding:8px 10px;border-bottom:1px solid var(--borda);text-align:left;vertical-align:top}
th{background:#eef2f0;font-size:13px}tr:last-child td{border-bottom:0}
form.linha{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-bottom:12px}
label{display:block;font-size:13px;color:var(--suave);margin-bottom:10px}label input,label select,label textarea{display:block;margin-top:3px}
input,select,textarea{font:inherit;padding:7px 9px;border:1px solid var(--borda);border-radius:6px;background:#fff;max-width:100%}
textarea{width:100%;min-height:70px}input[type=checkbox]{display:inline;width:auto}
button,.botao{font:inherit;padding:7px 14px;border-radius:6px;border:1px solid var(--cor);background:var(--cor);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
button.secundario,.botao.secundario{background:#fff;color:var(--cor)}button.perigo{background:var(--erro);border-color:var(--erro)}
button:disabled{opacity:.5;cursor:wait}
.aviso{padding:10px 12px;border-radius:8px;margin-bottom:14px;white-space:pre-line}.aviso.ok{background:#e3f3ea;color:var(--ok)}.aviso.erro{background:#fbe9e7;color:var(--erro)}
.vazio{color:var(--suave)}.erro{color:var(--erro)}.suave{color:var(--suave);font-size:13px}
.etiqueta{font-size:12px;padding:2px 8px;border-radius:999px;background:#eef2f0;white-space:nowrap}
.etiqueta.enviado{background:#e3f3ea;color:var(--ok)}.etiqueta.falhou,.etiqueta.incerto{background:#fbe9e7;color:var(--erro)}
.etiqueta.pendente{background:#e8f0fb;color:#1d4f91}
.fixo{background:#eef2f0;border:1px dashed var(--borda);border-radius:8px;padding:8px 10px;color:var(--suave);white-space:pre-wrap;font-size:13px}
pre.mensagem{background:#fff;border:1px solid var(--borda);border-radius:8px;padding:12px;white-space:pre-wrap;font:14px/1.45 system-ui,sans-serif}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.caixa{background:#fff;border:1px solid var(--borda);border-radius:10px;padding:14px;margin-bottom:14px}
.login{max-width:380px;margin:48px auto}.login input{width:100%}
form.em-linha,label.em-linha{display:inline}label.em-linha input,label.em-linha select{display:inline-block;margin:0 4px 0 0;vertical-align:middle}h2.sem-margem{margin-top:0}.estreita{max-width:420px}
code.segredo{display:block;word-break:break-all;background:#fff8e1;padding:8px;border-radius:6px}