/* Portal do cliente — folha única, sem framework. As cores da marca vêm de /marca/tema-<hash>.css (variáveis). */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#1c2127;background:var(--fundo,#f5f6f8)}
a{color:var(--primaria,#1f4f8a)}
a:hover{text-decoration-thickness:2px}
h1{font-size:1.45rem;margin:.2rem 0 1rem;line-height:1.25}
h2{font-size:1.1rem;margin:1.5rem 0 .6rem}
small,.fraco{color:#5b6570}
.topo{background:var(--primaria,#1f4f8a);color:var(--primaria-texto,#fff)}
.topo .faixa{max-width:1120px;margin:0 auto;padding:.7rem 16px;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.topo a{color:inherit;text-decoration:none}
.marca{display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:1.05rem;margin-right:auto}
.marca img{height:36px;width:auto;max-width:160px;object-fit:contain;background:#fff;border-radius:6px;padding:2px}
.menu{display:flex;gap:.25rem;flex-wrap:wrap}
.menu a{padding:.35rem .7rem;border-radius:6px}
.menu a[aria-current=page],.menu a:hover{background:rgba(255,255,255,.16)}
.menu form{display:inline}
.menu button{background:none;border:1px solid rgba(255,255,255,.45);color:inherit;padding:.3rem .7rem;border-radius:6px;font:inherit;cursor:pointer}
main{max-width:1120px;margin:0 auto;padding:1.25rem 16px 3rem}
.cartao{background:#fff;border:1px solid #dfe3e8;border-radius:10px;padding:1rem 1.1rem;margin-bottom:1rem}
.entrada{max-width:420px;margin:3rem auto}
.entrada h1{text-align:center}
.entrada .logo{display:block;margin:0 auto 1rem;max-height:72px;max-width:220px}
label{display:block;font-weight:600;font-size:.9rem;margin:.7rem 0 .25rem}
input[type=text],input[type=email],input[type=password],input[type=search],input[type=date],input[type=month],select,textarea{width:100%;padding:.55rem .65rem;border:1px solid #c5ccd4;border-radius:7px;font:inherit;background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid var(--primaria,#1f4f8a);outline-offset:1px}
button,.botao{display:inline-block;padding:.55rem 1rem;border-radius:7px;border:0;background:var(--primaria,#1f4f8a);color:var(--primaria-texto,#fff);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.botao.sec,button.sec{background:#fff;color:var(--primaria,#1f4f8a);border:1px solid #c5ccd4}
.botao.destaque,button.destaque{background:var(--destaque,#b3561d);color:var(--destaque-texto,#fff)}
button:disabled{opacity:.55;cursor:not-allowed}
.aviso{padding:.65rem .8rem;border-radius:8px;background:#fff6e0;border:1px solid #f0d58a;margin:.8rem 0}
.aviso.erro{background:#fdecec;border-color:#f3b4b4}
.aviso.ok{background:#e9f7ee;border-color:#a8dcb9}
.filtros{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end;margin-bottom:.8rem}
.filtros>div{flex:1 1 150px;min-width:0}
.filtros label{margin-top:0}
.filtros>.acao{flex:0 0 auto}
.tabela{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;background:#fff;font-size:.92rem}
th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid #e7eaee;vertical-align:top}
th{font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:#5b6570;background:#fafbfc;white-space:nowrap}
td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
tr:hover td{background:#fafcff}
.paginas{display:flex;justify-content:space-between;align-items:center;margin:.8rem 0;gap:.6rem;flex-wrap:wrap}
.abas{display:flex;gap:.3rem;border-bottom:1px solid #dfe3e8;margin-bottom:1rem;flex-wrap:wrap}
.abas a{padding:.5rem .9rem;text-decoration:none;border-bottom:3px solid transparent;color:#3a434c}
.abas a[aria-current=page]{border-color:var(--destaque,#b3561d);color:#111;font-weight:600}
.selo{display:inline-block;padding:.05rem .45rem;border-radius:99px;font-size:.78rem;background:#eef1f4;color:#3a434c;white-space:nowrap}
.selo.ok{background:#e3f4ea;color:#1d6b3a}.selo.alerta{background:#fff1d6;color:#8a5a00}.selo.erro{background:#fde4e4;color:#9b1c1c}
.chave{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem;word-break:break-all}
dl.dados{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0}
dl.dados dt{color:#5b6570}
dl.dados dd{margin:0;word-break:break-word}
.rodape{max-width:1120px;margin:0 auto;padding:1rem 16px 2rem;color:#5b6570;font-size:.85rem}
.envio-lista{list-style:none;padding:0;margin:.6rem 0}
.envio-lista li{padding:.25rem 0;border-bottom:1px dashed #e0e4e8;font-size:.9rem}
@media (max-width:640px){
  body{font-size:14.5px}
  .topo .faixa{padding:.6rem 16px}
  .marca{font-size:1rem}
  dl.dados{grid-template-columns:1fr}
  th,td{padding:.45rem .45rem}
  .ocultavel{display:none}
}