:root{--bg:#0E1116;--panel:#161B22;--panel-2:#1C232D;--panel-3:#222B36;--line:#2A323D;--line-soft:#1d242e;--ink:#E8EDF2;--ink-dim:#9AA7B4;--ink-faint:#5E6B78;--signal:#F2B705;--signal-ink:#1A1300;--ok:#3DD68C;--danger:#FF5C5C;--info:#5BA9F2;--violet:#B69CFF;--radius:10px;--mono:ui-monospace,"SF Mono","Cascadia Code","JetBrains Mono","Roboto Mono",Menlo,Consolas,monospace;--sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--sidebar-w:230px}*{box-sizing:border-box}html,body{height:100%;margin:0}#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.45;font-size:14px}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select{font-family:var(--mono)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.shell{display:flex;height:100vh;height:100dvh;overflow:hidden}.sidebar{flex:0 0 var(--sidebar-w);height:100%;overflow-y:auto;min-height:0;background:linear-gradient(180deg,#11161d,#0e1116);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;border-bottom:1px solid var(--line)}.brand .mark{font-family:var(--mono);font-weight:800;letter-spacing:.5px;font-size:16px}.brand .mark b{color:var(--signal)}.brand .sub{font-size:10.5px;color:var(--ink-faint);letter-spacing:1.5px;text-transform:uppercase;margin-top:2px}.navgroup{padding:14px 12px 4px}.navgroup .glabel{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-faint);padding:0 8px 8px;font-weight:700}.navlink{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--ink-dim);font-size:13px;font-weight:500;margin-bottom:2px}.navlink:hover,.navlink.active{background:var(--panel-2);color:var(--ink)}.navlink.active .dot{background:var(--signal)}.navlink .dot{width:6px;height:6px;border-radius:99px;background:var(--ink-faint);flex:none}.navlink .badge{margin-left:auto;font-family:var(--mono);font-size:10px;padding:1px 6px;border-radius:99px;background:var(--panel-3);color:var(--ink-dim)}.navlink .badge.warn{background:#f2b70526;color:var(--signal)}.main{flex:1 1 0%;min-width:0;min-height:0;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden}.topbar{display:flex;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid var(--line);background:var(--bg)}.topbar .crumb{font-family:var(--mono);font-size:13px;color:var(--ink-dim)}.topbar .crumb b{color:var(--ink)}.userpill{margin-left:auto;display:flex;align-items:center;gap:10px}.role-chip{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:4px 9px;border-radius:99px;border:1px solid var(--line);color:var(--ink-dim)}.role-chip.admin{color:var(--signal);border-color:#f2b70566}.role-chip.gerente{color:var(--info);border-color:#5ba9f266}.role-chip.operador{color:var(--ok);border-color:#3dd68c66}.role-chip.auditor{color:var(--violet);border-color:#b69cff66}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);padding:8px 13px;border-radius:8px;font-size:13px;font-weight:600}.btn:hover{border-color:#3a4655}.btn.sm{padding:6px 10px;font-size:12px}.btn.signal{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}.content{display:block;padding:22px;max-width:1180px;width:100%;min-width:0}.page-head{margin:0 0 18px}.page-head h1{font-family:var(--mono);font-size:19px;font-weight:700;margin:0;letter-spacing:.3px}.page-head p{color:var(--ink-faint);font-size:13px;margin:6px 0 0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.panel-pad{padding:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font-size:13px;font-weight:700}.grid{display:flex;flex-direction:column;gap:14px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-faint);font-weight:700}input[type=text],input[type=search],input[type=email],input[type=password],select{width:100%;background:#0b0f14;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:11px 12px;font-size:14px;outline:none}input:focus,select:focus{border-color:var(--signal);box-shadow:0 0 0 3px #f2b70521}input::placeholder{color:var(--ink-faint)}.search{position:relative;min-width:200px;flex:1;max-width:320px}.kpis{display:flex;flex-wrap:wrap;gap:12px}.kpis>*{flex:1 1 150px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.kpi .label{font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-faint);font-weight:700}.kpi .val{font-family:var(--mono);font-size:30px;font-weight:700;margin-top:8px;letter-spacing:-.5px}.kpi.alert .val{color:var(--signal)}.kpi.muted .val{color:var(--ink-dim)}.kpi.clickable{cursor:pointer;transition:border-color .15s}.kpi.clickable:hover{border-color:#3a4655}.tablewrap{overflow-x:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{text-align:left;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-faint);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--panel)}tbody td{padding:11px 12px;border-bottom:1px solid var(--line-soft);font-family:var(--mono);vertical-align:middle;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr.click{cursor:pointer}tbody tr.click:hover td{background:var(--panel-2)}.num{text-align:right;font-variant-numeric:tabular-nums}.name{font-family:var(--sans);color:var(--ink-dim)}.muted{color:var(--ink-faint)}.qty{font-weight:700}.qty.zero{color:var(--ink-faint)}.pos{color:var(--ok)}.neg{color:var(--danger)}.tag{display:inline-block;font-family:var(--mono);font-size:11px;padding:2px 7px;border-radius:5px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink-dim)}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;padding:3px 8px;border-radius:6px;border:1px solid transparent}.chip:before{content:"";width:6px;height:6px;border-radius:99px;background:currentColor}.chip.entrada{color:var(--ok);background:#3dd68c1a;border-color:#3dd68c40}.chip.saida{color:var(--danger);background:#ff5c5c1a;border-color:#ff5c5c40}.chip.transferencia{color:var(--info);background:#5ba9f21a;border-color:#5ba9f240}.chip.inventario{color:var(--signal);background:#f2b7051a;border-color:#f2b70540}.chip.ajuste{color:var(--violet);background:#b69cff1a;border-color:#b69cff40}.chip.entrada_no_local{color:var(--ok);background:#3dd68c1a;border-color:#3dd68c40}.chip.saida_do_local{color:var(--danger);background:#ff5c5c1a;border-color:#ff5c5c40}.arrow{color:var(--ink-faint);padding:0 6px}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 20px;min-height:40vh;text-align:center;color:var(--ink-faint)}.state .big{font-family:var(--mono);font-size:13px;letter-spacing:.5px;color:var(--ink-dim)}.spinner{width:22px;height:22px;border:2px solid var(--line);border-top-color:var(--signal);border-radius:99px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.errbox{border:1px solid rgba(255,92,92,.35);background:#ff5c5c12;color:#ffb4b4;border-radius:8px;padding:12px 14px;font-size:13px}.login-wrap{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(900px 500px at 70% -10%,rgba(242,183,5,.06),transparent),var(--bg)}.login-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px}.login-card .mark{font-family:var(--mono);font-weight:800;font-size:20px;letter-spacing:.5px}.login-card .mark b{color:var(--signal)}.login-card .tag2{color:var(--ink-faint);font-size:12px;margin:4px 0 22px;letter-spacing:.5px}.login-card .field+.field{margin-top:14px}.login-card .btn{width:100%;margin-top:18px;padding:12px}.menu-btn{display:none}@media (max-width:860px){.sidebar{position:fixed;left:calc(-1 * var(--sidebar-w));top:0;height:100dvh;width:var(--sidebar-w);z-index:50;transition:left .2s}.sidebar.open{left:0}.scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}.scrim.show{display:block}.menu-btn{display:inline-flex}.content{padding:16px}}.segmented{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.seg{background:var(--panel-2);border:1px solid var(--line);color:var(--ink-dim);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600}.seg:hover{color:var(--ink)}.seg.active{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}.opform{display:flex;flex-direction:column;gap:14px;max-width:480px}.saldo-hint{font-family:var(--mono);font-size:12.5px;color:var(--ink-dim);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px}.saldo-hint b{color:var(--ink)}.okbox{border:1px solid rgba(61,214,140,.35);background:#3dd68c14;color:#9af2c8;border-radius:8px;padding:12px 14px;font-size:13px;font-family:var(--mono)}.opform .btn{align-self:flex-start;padding:12px 20px}.scan-row{display:flex;gap:8px;align-items:stretch}.scan-row select{flex:1;min-width:0}.scan-btn{white-space:nowrap;flex:none}.scan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#06090ddb;display:flex;align-items:center;justify-content:center;padding:16px}.scan-modal{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.scan-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600}.scan-view{width:100%;min-height:240px;border-radius:10px;overflow:hidden;background:#000}.scan-view video{width:100%!important;height:auto!important;display:block}.scan-msg{font-size:13px;font-family:var(--mono);color:var(--ink-dim);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px}.scan-msg.err{color:#ffb4b4;border-color:#ff5c5c59;background:#ff5c5c12}.scan-tip{font-size:11.5px;color:var(--ink-faint);text-align:center}.cont-casulo{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.cont-hint{margin:0;color:var(--muted, #9aa0aa)}.cont-manual{display:flex;flex-direction:column;gap:6px;width:100%;max-width:420px}.cont-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between;margin-bottom:12px}.cont-loc{font-size:1.6rem;font-weight:700;letter-spacing:.5px;color:var(--signal, #F2B705)}.cont-tot{display:flex;gap:18px;font-size:.95rem}.cont-tot b{font-size:1.2rem}@media print{.no-print,.sidebar,.topbar,.scrim{display:none!important}html,body,#root,.shell,.main,.content{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;display:block!important}body{background:#fff!important}#area-etiquetas-sku{max-width:none!important;margin:0!important;padding:0!important}.row-sku{margin:0!important;border:none!important;page-break-inside:avoid;break-inside:avoid}@page{size:82mm auto;margin:0}}#area-etiquetas-sku .row-sku{width:82mm!important;min-width:82mm!important;height:25mm;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;box-sizing:border-box;margin:0 0 2px;gap:0}#area-etiquetas-sku .label-sku{width:40mm!important;flex:0 0 40mm!important;height:25mm;padding:1.2mm 1.5mm 1mm;overflow:hidden;display:flex!important;flex-direction:column!important;align-items:center;justify-content:flex-start;box-sizing:border-box;color:#000;background:#fff}#area-etiquetas-sku .gap-sku{width:2mm!important;flex:0 0 2mm!important;height:25mm}#area-etiquetas-sku .barcode-sku{width:35mm!important;height:9.5mm!important;margin-top:.3mm;flex:none!important}#area-etiquetas-sku .title-sku{width:100%!important;height:5.2mm!important;font-size:6.2px!important;line-height:1.1!important;font-weight:700!important;text-align:center!important;overflow:hidden!important;font-family:Arial,Helvetica,sans-serif!important}#area-etiquetas-sku .sku-text{font-size:7px!important;line-height:1!important;font-weight:700!important;margin-top:.4mm!important;text-align:center!important;white-space:nowrap!important;font-family:Arial,Helvetica,sans-serif!important}#area-etiquetas-sku .details-sku{font-size:7px!important;line-height:1!important;font-weight:700!important;margin-top:.8mm!important;text-align:center!important;white-space:nowrap!important;font-family:Arial,Helvetica,sans-serif!important}.brand-logo{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.brand-logo img{width:150px;max-width:80%;height:auto;display:block}.brand-sys{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--signal)}.login-logo{text-align:center;margin-bottom:22px}.login-logo img{width:200px;max-width:70%;height:auto;display:block;margin:0 auto 8px}.login-sys{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--ink-faint)}
