/* Identidade visual AçoExpress (acoexpressba.com.br): preto, vermelho, cinza; fonte Prompt; títulos em caixa alta */
@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&display=swap");
[hidden]{display:none!important}
:root{
  --ink:#0e0e0e;--ink2:#303030;--red:#ff0000;--red-txt:#d90000;--gray:#888888;
  --bg:#f3f3f3;--panel:#ffffff;--panel2:#f7f7f7;--line:#d9d9d9;--mut:#5f5f5f;
  --acc:var(--red);--c1:#ff0000;--c2:#0e0e0e;--c3:#2f6fde;--c4:#e08a00;
  --ok:#1f8a3b;--warn:#b86e00;--bad:#b00020;
  --font:"Prompt",system-ui,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink2);font:14px/1.5 var(--font)}
h1,h2,h3,h4{font-family:var(--font);color:var(--ink);text-transform:uppercase;letter-spacing:.01em}
header.top{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--ink);color:#fff;border-bottom:4px solid var(--red)}
header.top .marca{display:flex;align-items:center;gap:12px}
header.top .marca img{height:34px;width:auto;display:block}
header.top .marca b{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;border-left:1px solid #ffffff44;padding-left:12px}
header.top .who{font-size:13px;display:flex;gap:10px;align-items:center;color:#ddd}
header.top button{background:transparent;color:#fff;border:1px solid #ffffff55;border-radius:3px;padding:4px 10px;cursor:pointer;font:inherit}
.btn{font:600 13px var(--font);letter-spacing:.03em;text-transform:uppercase;padding:9px 14px;border-radius:3px;border:0;background:var(--red);color:#fff;cursor:pointer}
.btn:hover{filter:brightness(.92)}
.btn.dark{background:var(--ink);color:#fff}.btn.ghost{background:var(--panel);border:1px solid var(--line);color:var(--ink)}
.btn.danger{background:transparent;border:1px solid var(--bad);color:var(--bad)}
.btn:disabled{opacity:.4;cursor:not-allowed}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:2px}
input,select{font:inherit;padding:7px 9px;border:1px solid var(--line);border-radius:3px;background:var(--panel);color:var(--ink)}
.mut{color:var(--mut)}.small{font-size:12.5px}.num{font-variant-numeric:tabular-nums}
.pill{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:2px;white-space:nowrap}
.s-aguardando,.s-pendente{background:var(--panel2);color:var(--mut);border:1px solid var(--line)}
.s-em_carga,.s-rascunho{background:#2f6fde1a;color:#2458b8}.s-liberada{background:#0e0e0e;color:#fff}
.s-em_rota{background:#e08a0026;color:#8a5200}.s-entregue,.s-concluida{background:#1f8a3b1f;color:var(--ok)}.s-problema{background:#b000201a;color:var(--bad)}
.p-URGENTE{background:var(--red);color:#fff}.p-ALTA{background:var(--ink);color:#fff}.p-MEDIA{background:#30303022;color:var(--ink)}.p-NORMAL{background:var(--panel2);color:var(--mut);border:1px solid var(--line)}
.bar{height:8px;background:var(--panel2);border:1px solid var(--line);border-radius:1px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--ink2)}.bar i.alto{background:var(--c4)}.bar i.cheio{background:var(--red)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:12px}
.aviso{font-size:12px;color:var(--warn)}
#toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:3px;font-size:14px;max-width:90vw;z-index:9999;border-left:4px solid var(--red)}
#toast.erro{background:var(--bad)}
.s-em_analise{background:#e08a0026;color:#8a5200}.s-recusado{background:#b000201a;color:var(--bad)}.s-retirada{background:#0e0e0e;color:#fff}.s-retirado{background:#1f8a3b1f;color:var(--ok)}
.s-liberado{background:#1f8a3b1f;color:var(--ok)}