:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand:#b9461f;--brand-dark:#93361a;--bg:#fbf7f2;--card:#fff;--ink:#1f1a17;--muted:#6f655d;--line:#e9e0d6;--ok:#2e7d32;--ok-bg:#e8f5e9;--warn:#c77700;--low:#c62828;--low-bg:#fdecea;--radius:14px;--tabbar:64px;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{overscroll-behavior-y:none;font-size:16px;line-height:1.35}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:var(--brand)}.boot{height:100vh;color:var(--muted);place-items:center;display:grid}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:14px}.shell{max-width:760px;min-height:100vh;padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 16px);margin:0 auto}.topbar{z-index:5;background:var(--bg);padding:calc(env(safe-area-inset-top) + 10px) 16px 8px;position:sticky;top:0}.topbar h1{align-items:center;gap:8px;margin:0 0 8px;font-size:22px;display:flex}.topbar h1 .who{color:var(--muted);margin-left:auto;font-size:14px;font-weight:500}.content{padding:0 16px}.offline{color:#6b4e00;text-align:center;background:#fff4d6;padding:6px 12px;font-size:14px}.tabbar{z-index:10;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fff;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar nav{width:100%;max-width:760px;display:flex}.tabbar a{height:var(--tabbar);color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.tabbar a svg{width:24px;height:24px}.tabbar a.on{color:var(--brand)}.tabbar .dot{background:var(--low);color:#fff;border-radius:10px;margin-left:2px;padding:0 6px;font-size:11px}.btn{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:active{background:var(--brand-dark)}.btn.green{background:var(--ok);border-color:var(--ok);color:#fff}.btn.danger{color:var(--low);border-color:#f2c4c0}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:default}.btn svg{width:22px;height:22px}.row{align-items:center;gap:8px;display:flex}.row>.grow{flex:1;min-width:0}.stack>*+*{margin-top:12px}.input,select.input,textarea.input{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;min-height:48px;padding:10px 14px;font-size:16px}.input:focus{outline:2px solid var(--brand);outline-offset:-1px;border-color:#0000}label.field{display:block}label.field>span{color:var(--muted);margin-bottom:4px;font-size:14px;font-weight:600;display:block}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.search{flex:1;display:block;position:relative}.search input{padding-left:42px}.search svg{width:22px;height:22px;color:var(--muted);position:absolute;top:12px;left:12px}.chips{scrollbar-width:none;gap:8px;padding:10px 0 4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:8px 14px;font-size:15px;font-weight:600}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chip.low.on{background:var(--low);border-color:var(--low)}.chip.low{color:var(--low)}.chip.low.on{color:#fff}.list{gap:10px;padding:8px 0 16px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.prod{align-items:center;gap:10px;padding:12px;display:flex}.prod .info{text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:0}.prod .name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.prod .meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.prod .qty{margin-top:4px;font-size:15px}.prod .qty b{font-size:20px}.bar{background:#efe7de;border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.bar>i{background:var(--ok);border-radius:4px;height:100%;display:block}.bar.mid>i{background:var(--warn)}.bar.low>i{background:var(--low)}.round{border:1px solid var(--line);background:#fff;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:28px;font-weight:700;line-height:1;display:grid}.round:active{background:#f3ece4}.prod.low{background:var(--low-bg);border-color:#f2b8b2}.prod.low .name,.prod.low .qty b{color:var(--low)}.tag-low{background:var(--low);color:#fff;vertical-align:2px;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.empty{text-align:center;color:var(--muted);padding:40px 16px}.overlay{z-index:30;background:#140e0a73;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{background:var(--bg);width:100%;max-width:560px;max-height:92vh;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation:.18s ease-out up;overflow-y:auto}@media (min-width:700px){.overlay{align-items:center}.sheet{border-radius:20px}}.sheet h2{margin:0 0 4px;font-size:21px}.sheet .close{float:right;color:var(--muted);background:0 0;border:0;padding:0 4px;font-size:28px;line-height:1}@keyframes up{0%{opacity:.6;transform:translateY(30px)}}@keyframes fade{0%{opacity:0}}.big-stock{margin:6px 0 2px;font-size:34px;font-weight:800}.big-stock.low{color:var(--low)}.seg{grid-template-columns:1fr 1fr;gap:10px;display:grid}.seg button{border:2px solid var(--line);background:#fff;border-radius:14px;min-height:64px;font-size:18px;font-weight:700}.seg button.on.in{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.seg button.on.out{border-color:var(--brand);color:var(--brand);background:#fbe9e2}.qty-input{text-align:center;min-height:64px;font-size:28px;font-weight:700}.quick{flex-wrap:wrap;gap:8px;display:flex}.quick button{border:1px solid var(--line);background:#fff;border-radius:10px;flex:1;min-height:44px;font-weight:600}.preview{text-align:center;min-height:24px;font-size:17px}.preview b{font-size:20px}.result{text-align:center;padding:18px 0 6px}.result .ok{font-size:46px}#toast{left:50%;bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 14px);z-index:50;pointer-events:none;gap:6px;width:min(92vw,460px);display:grid;position:fixed;transform:translate(-50%)}#toast div{background:var(--ink);color:#fff;border-radius:12px;padding:12px 16px;font-weight:600;animation:.2s up;box-shadow:0 6px 20px #0003}#toast div.err{background:var(--low)}#toast div.good{background:var(--ok)}.login{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login .box{width:100%;max-width:380px}.login img{border-radius:22px;width:88px;height:88px;margin:0 auto 12px;display:block}.login h1{text-align:center;margin:0 0 4px}.login p{text-align:center;margin:0 0 20px}.err-msg{color:var(--low);min-height:22px;font-weight:600}.count-row{align-items:center;gap:10px;padding:10px 12px;display:flex}.count-row .grow{flex:1;min-width:0}.count-row input{text-align:center;width:110px;font-size:18px;font-weight:700}.count-row.changed{border-color:var(--brand);background:#fff8f4}.diff{font-size:13px;font-weight:700}.diff.plus{color:var(--ok)}.diff.minus{color:var(--low)}.group-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:14px 0 0;font-size:13px;font-weight:800}.sticky-foot{bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 8px);padding-top:8px;position:sticky}.order h3{margin:0;font-size:18px}.order pre{white-space:pre-wrap;border:1px dashed var(--line);background:#faf6f1;border-radius:10px;margin:10px 0;padding:10px 12px;font-family:inherit;font-size:15px}.wa{color:#fff;background:#1f8f4e;border-color:#1f8f4e}.mov{grid-template-columns:1fr auto;gap:2px 10px;padding:10px 12px;display:grid}.mov .t{font-weight:700}.mov .d{color:var(--muted);font-size:13px}.mov .n{text-align:right;font-weight:700}.badge{border-radius:6px;padding:1px 7px;font-size:12px;font-weight:700;display:inline-block}.badge.entrada{background:var(--ok-bg);color:var(--ok)}.badge.salida{color:var(--brand);background:#fbe9e2}.badge.ajuste{color:#3949ab;background:#e8eaf6}.badge.admin{color:var(--brand);background:#fbe9e2}.badge.empleado{color:#444;background:#eee}.badge.off{color:#999;background:#eee}.menu a,.menu button{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);text-align:left;background:#fff;align-items:center;gap:12px;padding:16px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.menu a svg,.menu button svg{width:24px;height:24px;color:var(--brand);flex:none}.menu{gap:10px;padding:8px 0;display:grid}.item{align-items:center;gap:10px;padding:12px 14px;display:flex}.item .grow{flex:1;min-width:0}.item .t{font-weight:700}.steps{margin:6px 0 0;padding-left:22px}.steps li{margin:6px 0}.note{background:#fff4d6;border-radius:12px;padding:12px 14px;font-size:15px}.scanner{aspect-ratio:3/4;background:#000;border-radius:14px;width:100%;max-height:60vh;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;height:100%}.scanner .aim{border:3px solid #ffffffe6;border-radius:12px;height:20%;position:absolute;top:40%;left:10%;right:10%;box-shadow:0 0 0 999px #00000059}.list>.card{content-visibility:auto;contain-intrinsic-size:auto 92px}.count-row{contain-intrinsic-size:auto 76px}.mov{contain-intrinsic-size:auto 64px}button,a,input,select{touch-action:manipulation}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}