[hidden]{display:none!important}
:root{
  --bg:#f3f6fa; --cartao:#fff; --txt:#12233a; --suave:#6b7280; --linha:#e5e7eb;
  --acento:#2175b5; --acento-txt:#fff; --marinho:#0c4980;
  --verde:#15803d; --verde-bg:#e8f6ec; --amarelo:#a16207; --amarelo-bg:#fdf3d7; --vermelho:#b91c1c; --vermelho-bg:#fde8e8;
  --azul-bg:#e8eefc; --azul:#1d4ed8;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
.topo{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:#fff;color:var(--marinho);border-bottom:3px solid var(--acento);box-shadow:0 1px 6px rgba(12,73,128,.08)}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none}
.marca img{height:38px;width:auto;display:block}
.marca b{font-weight:800;letter-spacing:.6px;font-size:17px;color:var(--marinho);line-height:1}
.marca small{display:block;font-size:11px;letter-spacing:1.5px;color:var(--acento);font-weight:600;margin-top:3px}
.topo nav{display:flex;gap:16px}
.topo nav a{text-decoration:none;font-size:15px;font-weight:600;color:var(--marinho)}
main{max-width:920px;margin:0 auto;padding:16px 16px 120px}
h1{font-size:22px;margin:4px 0 14px;color:var(--marinho)}
h2{font-size:17px;margin:22px 0 10px}
.carregar,.vazio{color:var(--suave);text-align:center;padding:30px 0}
.cartao{background:var(--cartao);border:1px solid var(--linha);border-radius:12px;padding:14px;margin-bottom:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--linha);background:#fff;cursor:pointer;text-decoration:none;font-weight:600}
.btn.pri{background:var(--acento);border-color:var(--acento);color:#fff}
.btn.ok{background:var(--verde);border-color:var(--verde);color:#fff}
.btn.perigo{color:var(--vermelho)}
.btn.grande{width:100%;min-height:56px;font-size:18px}
.btn:disabled{opacity:.45;cursor:default}
.btn.peq{min-height:34px;padding:0 10px;font-size:14px;font-weight:500}
.linha-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tabs{display:flex;gap:6px;overflow-x:auto;margin:6px 0 14px;padding-bottom:2px}
.tabs button{border:1px solid var(--linha);background:#fff;border-radius:999px;padding:7px 14px;white-space:nowrap;cursor:pointer}
.tabs button.ativo{background:var(--acento);color:#fff;border-color:var(--acento)}
.fat{display:block;text-decoration:none;cursor:pointer}
.fat-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.fat-nome{font-weight:650}
.fat-info{color:var(--suave);font-size:14px;margin-top:3px}
.badge{display:inline-block;font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap}
.b-rever{background:var(--amarelo-bg);color:var(--amarelo)}
.b-aprovada{background:var(--verde-bg);color:var(--verde)}
.b-phc{background:var(--azul-bg);color:var(--azul)}
.b-erro{background:var(--vermelho-bg);color:var(--vermelho)}
.b-ler{background:#eef0f3;color:var(--suave)}
label.campo{display:block;font-size:13px;color:var(--suave);margin:0 0 4px}
input.inp,select.inp,textarea.inp{width:100%;min-height:44px;padding:8px 10px;border:1px solid #cfd4dc;border-radius:9px;background:#fff}
textarea.inp{min-height:70px}
.grelha{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.fotos{display:flex;gap:8px;overflow-x:auto;margin-bottom:12px}
.fotos img{height:120px;border-radius:8px;border:1px solid var(--linha);cursor:zoom-in;background:#ddd}
.miniaturas{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.miniaturas div{position:relative}
.miniaturas img{height:110px;border-radius:8px;border:1px solid var(--linha)}
.miniaturas button{position:absolute;top:4px;right:4px;border:0;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;width:28px;height:28px}
.msg{padding:10px 12px;border-radius:9px;margin:8px 0;font-size:15px}
.msg.am{background:var(--amarelo-bg);color:#6b4500}
.msg.vm{background:var(--vermelho-bg);color:#7f1414}
.msg.vd{background:var(--verde-bg);color:#0f5129}
.msg.az{background:var(--azul-bg);color:#1e3a8a}
.conf{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px;font-size:14px}
.conf .btn{min-height:36px;padding:0 12px}
.ln{border:1px solid var(--linha);border-left:5px solid var(--verde);border-radius:10px;padding:10px;margin-bottom:8px;background:#fff}
.ln.am{border-left-color:#e0a800}
.ln.vm{border-left-color:var(--vermelho)}
.ln-g{display:grid;grid-template-columns:28px 1.3fr .8fr .9fr 32px;gap:6px;align-items:center}
.ln-n{color:var(--suave);font-size:13px;text-align:center}
.ln-g input{width:100%;min-height:40px;padding:6px 8px;border:1px solid #cfd4dc;border-radius:8px;text-align:right}
.ln-g input.ref{text-align:left;font-variant-numeric:tabular-nums;letter-spacing:.3px}
.ln-x{border:0;background:none;color:var(--suave);font-size:20px;cursor:pointer}
.ln-d{font-size:13px;color:var(--suave);margin:5px 0 0 34px;display:flex;justify-content:space-between;gap:10px}
.ln-d b{white-space:nowrap;color:var(--txt)}
.ln-a{margin:6px 0 0 34px;font-size:14px}
.ln-a div{margin-top:3px}
.ln-a .am{color:#8a5a00}
.ln-a .vm{color:var(--vermelho)}
.cabec-lin{display:grid;grid-template-columns:28px 1.3fr .8fr .9fr 32px;gap:6px;font-size:12px;color:var(--suave);padding:0 11px 4px 15px}
.cabec-lin span:nth-child(n+3){text-align:right}
.rodape{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--linha);padding:10px 16px calc(10px + env(safe-area-inset-bottom));z-index:4}
.rodape-in{max-width:920px;margin:0 auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.rodape .tot{flex:1;min-width:140px;font-size:14px;color:var(--suave)}
.rodape .tot b{display:block;color:var(--txt);font-size:19px}
.cli-opcoes{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.cli-op{text-align:left;border:1px solid var(--linha);background:#fff;border-radius:9px;padding:9px 11px;cursor:pointer}
.cli-op.sel{border-color:var(--verde);background:var(--verde-bg)}
.cli-op small{color:var(--suave)}
.zoom{position:fixed;inset:0;background:#111;z-index:20;display:flex;flex-direction:column}
.zoom-barra{display:flex;gap:8px;justify-content:flex-end;padding:calc(8px + env(safe-area-inset-top)) 10px 8px}
.zoom-barra button{min-height:40px;min-width:48px;border-radius:9px;border:0;background:#333;color:#fff;font-size:17px;padding:0 12px}
.zoom-area{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}
.zoom-area img{display:block;width:100%;max-width:none}
.aviso{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:#1f2a37;color:#fff;padding:10px 16px;border-radius:10px;z-index:30;max-width:90%;font-size:15px}
.pequeno{font-size:13px;color:var(--suave)}
pre.wa{white-space:pre-wrap;background:#f7f7f8;border:1px solid var(--linha);border-radius:9px;padding:10px;font-size:14px;line-height:1.45;font-family:inherit}
@media (max-width:520px){
  .ln-g,.cabec-lin{grid-template-columns:22px 1.35fr .75fr .9fr 26px;gap:5px}
  .ln-d,.ln-a{margin-left:27px}
  .ln-g input{padding:6px;font-size:15px}
}

.login-logo{display:block;width:150px;margin:6px auto 18px}
.btn.pri{box-shadow:0 2px 0 var(--marinho)}
.tabs button.ativo{background:var(--marinho);border-color:var(--marinho)}
.resumo{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px;margin-bottom:12px}
.resumo div{background:#fff;border:1px solid var(--linha);border-radius:12px;padding:10px 12px}
.resumo b{display:block;font-size:20px;color:var(--marinho)}
.resumo span{display:block;font-size:12px;line-height:1.3;color:var(--suave)}
.modo{margin:10px 0;padding:12px}
.modo label{display:flex;gap:10px;align-items:center;min-height:40px}
.modo input{width:20px;height:20px}
.versao{text-align:center;font-size:12px;color:var(--suave);margin:24px 0 0}
.msg details{margin-top:6px;font-size:14px}.msg details summary{cursor:pointer;text-decoration:underline}.msg details div{margin-top:3px}