/* estoque.css v1.0 (19/09/2026) — CONGELADO (regra da casa 4). Tokens copiados da referência visual. */
:root{
  --roxo:#820ad1;--roxo-escuro:#5c0894;--roxo-claro:#b06ae0;--roxo-suave:#d9c2ea;--roxo-fundo:#f6f1fb;
  --texto:#1a1520;--texto-2:#2c2635;--texto-3:#4a4353;--cinza:#6b6475;--borda:#e6e1eb;--borda-2:#cdc5d6;--fundo:#f5f3f7;--fundo-2:#f0ecf4;
  --verm-f:#fdecea;--verm-t:#8e1c16;--verm:#b3261e;--verm-b:#f3d9d6;
  --amb-f:#fdf1e3;--amb-t:#7a3e06;--amb:#a15c07;--amb-b:#ece3d3;
  --verde-f:#e8f5ec;--verde-t:#14532d;--verde:#166534;
  --escuro:#2c2635;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--fundo);color:var(--texto);font-family:Barlow,system-ui,sans-serif;font-size:15px}
a{color:var(--roxo);text-decoration:none}a:hover{color:var(--roxo-escuro)}
button,input,select,textarea{font-family:Barlow,sans-serif;font-size:15px;color:var(--texto)}
.cond{font-family:'Barlow Condensed',sans-serif}
.app{width:1280px;min-height:100vh;margin:0 auto;display:flex;flex-direction:column;background:var(--fundo)}

/* Cabeçalho roxo com textura de pontos */
.topo{height:64px;background:var(--roxo);background-image:radial-gradient(rgba(255,255,255,.18) 1.5px,transparent 1.6px);background-size:10px 10px;display:flex;align-items:center;justify-content:space-between;padding:0 28px}
.topo .marca{display:flex;align-items:baseline;gap:12px}
.topo .marca b{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:26px;letter-spacing:.06em;color:#fff}
.topo .marca span{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:22px;color:rgba(255,255,255,.86)}
.topo .quem{display:flex;align-items:center;gap:14px;font-size:14px;color:rgba(255,255,255,.9)}
.topo .avatar{width:34px;height:34px;border-radius:17px;background:#fff;color:var(--roxo);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:0}
.nav{height:48px;background:#fff;border-bottom:1px solid var(--borda);display:flex;align-items:stretch;gap:4px;padding:0 20px}
.nav a{display:flex;align-items:center;padding:0 14px;font-size:15px;font-weight:500;color:var(--texto-3);border-bottom:3px solid transparent}
.nav a.ativo{font-weight:600;color:var(--roxo);border-bottom-color:var(--roxo)}
.nav .direita{margin-left:auto;display:flex}
.nav .direita a{font-size:13.5px}

.conteudo{flex-grow:1;padding:24px 28px;display:flex;flex-direction:column;gap:16px}
.titulo{display:flex;align-items:flex-end;justify-content:space-between}
.titulo h1{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:34px;font-weight:700;letter-spacing:.01em}
.titulo p{margin:4px 0 0;font-size:14px;color:var(--cinza)}
h2.sec{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:700}
h2.sec.menor{font-size:20px}

.card{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:14px}
.card.compacto{padding:14px 16px;border-radius:10px}
.linha{display:flex;gap:12px}.linha.fim{align-items:flex-end}.linha.centro{align-items:center}.linha.entre{justify-content:space-between}
.cresce{flex-grow:1}.col{display:flex;flex-direction:column;gap:4px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}

/* Stat cards (painel) */
.stat{flex-grow:1;background:#fff;border:1px solid var(--borda);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer}
.stat .pt{width:10px;height:10px;border-radius:5px;flex:none}
.stat .n{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:700;line-height:1}
.stat .l{font-size:14px;color:var(--texto-3)}
.stat.valor{flex-grow:1.4;flex-direction:column;align-items:flex-start;gap:2px;cursor:default}
.stat.valor .l{font-size:13px;color:var(--cinza)}
.stat.valor .n{font-size:28px;line-height:1.1;color:var(--roxo-escuro)}
.stat.sel{border-color:var(--roxo);box-shadow:0 0 0 1px var(--roxo) inset}

/* KPI (dashboard) */
.kpi{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.kpi .l{font-size:13px;color:var(--cinza)}
.kpi .n{font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:700;line-height:1}
.kpi .s{font-size:12.5px;color:var(--cinza)}.kpi .s.ok{color:var(--verde);font-weight:600}

label.rot{font-size:12px;font-weight:600;color:var(--cinza);text-transform:uppercase;letter-spacing:.06em}
input.campo,select.campo,textarea.campo{height:42px;padding:0 12px;border:1px solid var(--borda-2);border-radius:8px;background:#fff;color:var(--texto);width:100%}
textarea.campo{height:auto;min-height:64px;padding:10px 12px;resize:vertical}
input.campo:focus,select.campo:focus,textarea.campo:focus{outline:none;border-color:var(--roxo);box-shadow:0 0 0 3px rgba(130,10,209,.12)}
input.campo.destaque,select.campo.destaque{border-color:var(--roxo)}
input.campo.alto{height:44px}
input.campo.grande{height:64px;font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:700;letter-spacing:.04em;padding:0 18px}
.dica{margin:0;font-size:13.5px;color:var(--texto-3);background:var(--roxo-fundo);border-radius:8px;padding:10px 12px}

.btn{height:44px;padding:0 18px;border:1px solid var(--borda-2);background:#fff;color:var(--texto-2);border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap}
.btn.primario{border:0;background:var(--roxo);color:#fff}.btn.primario:hover{background:var(--roxo-escuro)}
.btn.escuro{border:0;background:var(--escuro);color:#fff}
.btn.perigo{border:1px solid var(--verm-b);background:var(--verm-f);color:var(--verm-t)}
.btn.p{height:42px;padding:0 14px;font-size:14px}.btn.pp{height:34px;padding:0 12px;font-size:13px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.ativo{background:var(--escuro);color:#fff;border-color:var(--escuro)}

/* Tabela em grid */
.tabela{background:#fff;border:1px solid var(--borda);border-radius:12px;overflow:hidden}
.tabela .cab,.tabela .row{display:grid;align-items:center;padding:0 16px}
.tabela .cab{background:var(--fundo-2);border-bottom:1px solid var(--borda)}
.tabela .cab>div{padding:12px 6px;font-size:12px;font-weight:700;color:var(--texto-3);text-transform:uppercase;letter-spacing:.05em}
.tabela .row{border-bottom:1px solid var(--fundo-2);min-height:64px}
.tabela .row:last-child{border-bottom:0}
.tabela .row>div{padding:8px 6px}
.tabela .cab>div:first-child,.tabela .row>div:first-child{padding-left:0}
.tabela .cab>div:last-child,.tabela .row>div:last-child{padding-right:0}
.tabela .dir{text-align:right}
.tabela .vazio{padding:28px 16px;text-align:center;color:var(--cinza);font-size:14px}
.cod{font-size:14px;font-weight:600;color:var(--roxo-escuro)}
.desc{font-size:15px;font-weight:600}
.sub{font-size:12.5px;color:var(--cinza)}
.qtd{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:700;line-height:1}
.qtd-sub{font-size:12px;color:var(--cinza)}
.qtd-obs{font-size:11.5px;color:var(--cinza)}
.cob{font-size:14px;font-weight:600;color:var(--texto-3)}.cob.verm{color:var(--verm)}.cob.amb{color:var(--amb)}
.abc{display:inline-block;width:22px;height:22px;border-radius:4px;color:#fff;font-size:13px;font-weight:700;text-align:center;line-height:22px;background:var(--cinza)}
.abc.A{background:var(--roxo)}.abc.B{background:var(--cinza)}.abc.C{background:var(--roxo-suave);color:var(--texto-3)}
.selo{display:inline-block;padding:5px 9px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.selo.COMPRAR_AGORA{background:var(--verm-f);color:var(--verm-t)}
.selo.ATENCAO{background:var(--amb-f);color:var(--amb-t)}
.selo.OK{background:var(--verde-f);color:var(--verde-t)}
.selo.SEM_CONTAGEM,.selo.neutro{background:var(--fundo-2);color:var(--texto-3)}
.selo.PEDIDA{background:var(--amb-f);color:var(--amb-t)}.selo.SEPARADA{background:var(--roxo-fundo);color:var(--roxo-escuro)}.selo.RETIRADA{background:var(--verde-f);color:var(--verde-t)}.selo.NEGADA{background:var(--verm-f);color:var(--verm-t)}
.selo.estimativa{background:var(--amb-f);color:var(--amb-t);font-size:11px;padding:3px 7px}
.selo.mini{font-size:11px;padding:3px 7px}
.traco{color:var(--cinza)}

/* Avisos */
.aviso{border-radius:10px;padding:12px 14px;border:1px solid var(--borda)}
.aviso .t{font-size:14px;font-weight:700}.aviso .d{font-size:13px;color:var(--cinza);margin-top:2px}
.aviso.vermelho{border-color:var(--verm-b);background:var(--verm-f)}.aviso.vermelho .t{color:var(--verm-t)}.aviso.vermelho .d{color:#6b2a25}
.aviso.ambar{border-color:var(--amb-b);background:var(--amb-f)}.aviso.ambar .t{color:var(--amb-t)}.aviso.ambar .d{color:#6b4a22}
.aviso.ambar p{margin:4px 0 0;font-size:13px;color:#6b4a22;line-height:1.45}

/* Painel escuro (cadastro) */
.escuro-card{background:var(--escuro);border-radius:12px;padding:18px 20px;color:#fff;display:flex;flex-direction:column;gap:12px}
.escuro-card h2{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;color:#fff}
.escuro-card .par{display:flex;justify-content:space-between;align-items:baseline}
.escuro-card .par span{font-size:14px;color:#cfc8d8}
.escuro-card .par b{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:700}
.escuro-card .par b.destaque{color:#d9b8f0}
.escuro-card p{margin:4px 0 0;font-size:13px;color:#cfc8d8;line-height:1.45}

/* Modal e toast */
.modal-fundo{position:fixed;inset:0;background:rgba(26,21,32,.45);display:none;align-items:center;justify-content:center;z-index:50}
.modal-fundo.aberto{display:flex}
.modal{background:#fff;border-radius:14px;width:720px;max-height:86vh;overflow:auto;padding:22px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.modal.estreito{width:520px}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--escuro);color:#fff;padding:12px 18px;border-radius:10px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s;z-index:60;max-width:720px}
.toast.mostra{opacity:1}.toast.erro{background:var(--verm-t)}.toast.ok{background:var(--verde-t)}

/* Barras (dashboard) */
.barra-abc{display:flex;height:34px;border-radius:6px;overflow:hidden}
.barra-abc>div{display:flex;align-items:center;padding-left:12px;color:#fff;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden}
.barra-cat{display:flex;align-items:center;gap:12px}
.barra-cat span:first-child{width:210px;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.barra-cat .trilho{flex-grow:1;height:18px;background:var(--fundo-2);border-radius:4px}.barra-cat .trilho div{height:18px;background:var(--roxo);border-radius:4px}
.barra-cat span:last-child{width:110px;text-align:right;font-size:14px;font-weight:600}
.dias{display:flex;align-items:flex-end;gap:26px;height:108px}
.dias .d{display:flex;flex-direction:column;align-items:center;gap:6px;justify-content:flex-end;height:100%}
.dias .d div{width:46px;background:var(--roxo);border-radius:4px;min-height:4px}.dias .d.fraco div{background:var(--roxo-suave)}
.dias .d span{font-size:12px;color:var(--cinza)}
.dias .resumo{flex-grow:1;padding-left:10px;border-left:1px solid var(--borda);align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:8px;font-size:14px}

.mono{font-variant-numeric:tabular-nums}
.oculto{display:none!important}
.texto-p{font-size:13px;color:var(--cinza)}
.lista-simples{display:flex;flex-direction:column;gap:8px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--fundo-2);font-size:13px;color:var(--texto-3)}
.print-only{display:none}
@media print{body{background:#fff}.topo,.nav,.no-print{display:none!important}.app{width:auto}.modal-fundo{position:static;display:block;background:none}.modal{box-shadow:none;width:auto;max-height:none}.print-only{display:block}}