:root{--bg:#f3f5f9;--panel:#ffffff;--ink:#1b2433;--muted:#667085;--line:#e3e8ef;--brand:#1a2b4c;--brand2:#1a2b4c;--accent:#f59e0b;--ok:#12805c;--okbg:#e7f6ef;--warn:#b45309;--warnbg:#fff4e0;--bad:#c0362c;--badbg:#fdecea;--info:#1d5fbf;--infobg:#e8f0fd;--r:10px;--sh:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{border:1px solid #cfd6e1;border-radius:8px;padding:8px 10px;background:#fff;width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #9bb8e8;border-color:var(--brand2)}textarea{resize:vertical;min-height:60px}label{display:block;font-size:12px;color:var(--muted);margin:0 0 4px;font-weight:600}.btn{color:var(--ink);display:inline-flex;align-items:center;gap:6px;justify-content:center;border:1px solid #cfd6e1;background:#fff;border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:600;white-space:nowrap}.btn:hover{background:#f5f7fb}.btn.pri{background:var(--brand);border-color:var(--brand);color:#fff}.btn.pri:hover{background:var(--brand2)}.btn.acc{background:var(--accent);border-color:var(--accent);color:#1b1300}.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn.bad{background:#fff;border-color:#f0b4ae;color:var(--bad)}.btn.sm{padding:4px 9px;font-size:12px;border-radius:6px}.btn.lg{padding:12px 18px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.hide{display:none!important}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1}.grid{display:grid;gap:12px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:16px}.card h3{margin:0 0 12px;font-size:15px}.muted{color:var(--muted)}.small{font-size:12px}.right{text-align:right}.center{text-align:center}.b{font-weight:700}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.tag{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700;background:#eef1f6;color:#475467;white-space:nowrap}.tag.ok{background:var(--okbg);color:var(--ok)}.tag.warn{background:var(--warnbg);color:var(--warn)}.tag.bad{background:var(--badbg);color:var(--bad)}.tag.info{background:var(--infobg);color:var(--info)}table.t{width:100%;border-collapse:collapse;background:#fff}table.t th{position:sticky;top:0;background:#f7f9fc;text-align:left;font-size:12px;color:var(--muted);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line);z-index:1}table.t td{padding:8px 10px;border-bottom:1px solid #eef1f5;vertical-align:middle}table.t tr:hover td{background:#fafbfd}table.t tr.click{cursor:pointer}.tbl{border:1px solid var(--line);border-radius:var(--r);overflow:auto;max-height:calc(100vh - 230px);background:#fff}.empty{padding:30px;text-align:center;color:var(--muted)}#app{display:flex;height:100%}#side{width:220px;background:var(--brand);color:#dce6f5;display:flex;flex-direction:column;flex-shrink:0}#side .logo{padding:16px 16px 12px;font-weight:800;font-size:18px;color:#fff;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.12)}#side .logo small{display:block;font-size:11px;font-weight:500;color:#9fb6d9;letter-spacing:0}#nav{flex:1;overflow:auto;padding:8px}#nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:#dce6f5;text-decoration:none;cursor:pointer;margin-bottom:2px;font-weight:500}#nav a:hover{background:#ffffff14}#nav a.on{background:#fff;color:var(--brand);font-weight:700}#nav a .ic{width:20px;text-align:center}#nav a .cnt{margin-left:auto;background:var(--accent);color:#1b1300;border-radius:99px;font-size:11px;padding:1px 7px;font-weight:800}#side .me{padding:12px 16px;border-top:1px solid rgba(255,255,255,.12);font-size:12px}#main{flex:1;display:flex;flex-direction:column;min-width:0}#top{height:56px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:12px;flex-shrink:0}#top h1{font-size:18px;margin:0;flex:1}#menuBtn{display:none}a.btn{text-decoration:none}#view{flex:1;overflow:auto;padding:18px}.conn{font-size:12px;display:flex;align-items:center;gap:6px}.dot{width:9px;height:9px;border-radius:50%;background:#aaa;display:inline-block}.dot.on{background:#22c55e}.dot.off{background:#ef4444}.dot.demo{background:var(--accent)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.toolbar input[type=search]{max-width:320px}.kpi{padding:14px 16px}.kpi .l{font-size:12px;color:var(--muted);font-weight:600}.kpi .v{font-size:24px;font-weight:800;margin-top:4px;font-variant-numeric:tabular-nums}.kpi .s{font-size:12px;color:var(--muted);margin-top:2px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px;flex-wrap:wrap}.tabs button{border:0;background:none;padding:9px 14px;cursor:pointer;font-weight:600;color:var(--muted);border-bottom:2px solid transparent}.tabs button.on{color:var(--brand);border-bottom-color:var(--brand)}.modalBgR{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;z-index:1000;overflow:auto;padding:30px 12px}.mdl{background:#fff;border-radius:14px;width:100%;max-width:640px;box-shadow:0 20px 50px #00000040}.mdl.wide{max-width:980px}.mdl .mh{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.mdl .mh h2{margin:0;font-size:17px;flex:1}.mdl .mb{padding:18px}.mdl .mf{display:flex;gap:8px;justify-content:flex-end;padding:12px 18px;border-top:1px solid var(--line);flex-wrap:wrap}.x{border:0;background:none;font-size:22px;cursor:pointer;color:var(--muted);line-height:1}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}#toast div{background:#1b2433;color:#fff;padding:10px 16px;border-radius:10px;box-shadow:var(--sh);font-weight:600;max-width:90vw}#toast div.bad{background:var(--bad)}#toast div.ok{background:var(--ok)}.pos{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;height:calc(100vh - 92px)}.pos .posL{display:flex;flex-direction:column;min-height:0}.pos .posL .tbl{flex:1;max-height:none}.pos .posR{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto}.tot{font-size:30px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.qty{width:70px;text-align:right;padding:5px 6px}.suggest{position:absolute;z-index:50;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0000001f;max-height:320px;overflow:auto;width:100%;top:100%;left:0;margin-top:4px}.suggest div{padding:8px 10px;cursor:pointer;border-bottom:1px solid #f0f2f6}.suggest div:hover,.suggest div.sel{background:#eef4ff}.rel{position:relative}.mapwrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;height:calc(100vh - 92px)}#map,.map{width:100%;height:100%;border-radius:var(--r);border:1px solid var(--line);z-index:0}.truck-ic{background:none;border:0}.truck-ic .tk{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 6px #00000059;font-size:18px}.truck-ic .lb{position:absolute;top:38px;left:50%;transform:translate(-50%);background:#16325c;color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:6px;white-space:nowrap}.vlist .it{padding:10px;border:1px solid var(--line);border-radius:8px;margin-bottom:8px;cursor:pointer;background:#fff}.vlist .it:hover{border-color:#9bb8e8}#login{position:fixed;inset:0;background:linear-gradient(135deg,#16325c,#23508f);display:flex;align-items:center;justify-content:center;padding:16px;z-index:500}#login .box{background:#fff;border-radius:16px;padding:28px;width:100%;max-width:380px;box-shadow:0 20px 60px #0000004d}#login h1{margin:0;font-size:26px;color:var(--brand);letter-spacing:.5px}#login .sub{color:var(--muted);margin:2px 0 20px}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.pinpad button{padding:14px;font-size:20px;border-radius:10px;border:1px solid var(--line);background:#f7f9fc;cursor:pointer;font-weight:700}body.mob #side{display:none}body.mob #top{height:auto;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));background:var(--brand);color:#fff;border:0}body.mob #top h1{font-size:17px}body.mob #top .conn{color:#dce6f5}body.mob #view{padding:12px 12px 90px}#mnav{display:none}body.mob #mnav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:400;padding-bottom:env(safe-area-inset-bottom)}#mnav a{flex:1;text-align:center;padding:8px 2px 9px;font-size:11px;color:var(--muted);font-weight:600;cursor:pointer;text-decoration:none}#mnav a .ic{display:block;font-size:21px;margin-bottom:1px}#mnav a.on{color:var(--brand)}.mcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px;box-shadow:var(--sh)}.mcard.click{cursor:pointer}.mcard .h{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.mcard .n{font-weight:700;font-size:15px}.stepper{display:flex;align-items:center;gap:0;border:1px solid #cfd6e1;border-radius:9px;overflow:hidden;flex-shrink:0}.stepper button{width:38px;height:38px;border:0;background:#f3f5f9;font-size:20px;font-weight:700;cursor:pointer}.stepper input{width:52px;border:0;border-radius:0;text-align:center;padding:6px 2px;font-weight:700}.cartbar{position:fixed;left:10px;right:10px;bottom:calc(66px + env(safe-area-inset-bottom));background:var(--brand);color:#fff;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;z-index:390;box-shadow:0 8px 24px #00000040;cursor:pointer}.gpsbig{font-size:18px;padding:18px;width:100%;border-radius:14px}.chips{display:flex;gap:6px;overflow:auto;padding-bottom:4px;margin-bottom:8px}.chips button{border:1px solid #cfd6e1;background:#fff;border-radius:99px;padding:6px 12px;font-weight:600;white-space:nowrap;cursor:pointer;font-size:13px}.chips button.on{background:var(--brand);color:#fff;border-color:var(--brand)}.bars{display:flex;align-items:flex-end;gap:4px;height:160px;padding-top:10px}.bars .bw{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}.bars .bar{width:100%;max-width:26px;background:var(--brand2);border-radius:4px 4px 0 0;min-height:2px}.bars .bl{font-size:10px;color:var(--muted);margin-top:4px;white-space:nowrap}#print{display:none}@media print{body *{visibility:hidden}#print,#print *{visibility:visible}#print{display:block;position:absolute;left:0;top:0;width:100%}@page{margin:12mm}}.doc{font-family:Arial,sans-serif;color:#000;font-size:12px}.sheet{width:210mm;height:296.5mm;overflow:hidden;position:relative;background:#fff;page-break-after:always;box-sizing:border-box}.sheet:last-child{page-break-after:auto}.sheet.full{height:auto;min-height:296mm;padding:12mm}.half{height:148mm;padding:7mm 10mm 5mm;overflow:hidden;box-sizing:border-box;background:#fff;width:210mm}.halfin .doc{zoom:.8;width:237.5mm}.halfin .copia,.sheet.full .copia{text-align:right;font:800 9px Arial;letter-spacing:.15em;color:#475467;margin:-3mm 0 1mm}.cutline{height:0;border-top:1px dashed #9aa3af;position:relative}.cutline span{position:absolute;left:50%;top:-6px;transform:translate(-50%);background:#fff;padding:0 8px;font:9px Arial;color:#9aa3af}.doc .hd{display:grid;grid-template-columns:1fr 90px 1fr;border:1px solid #000}.doc .hd>div{padding:10px}.doc .letra{border-left:1px solid #000;border-right:1px solid #000;text-align:center;font-size:40px;font-weight:800}.doc table{width:100%;border-collapse:collapse;margin-top:10px}.doc th,.doc td{border:1px solid #cfd6e1;padding:4px 6px}.doc th{background:#eee}.doc.ticket{width:72mm;font-size:11px}.doc.ticket table,.doc.ticket th,.doc.ticket td{border:0;padding:2px 0}@media(max-width:900px){body:not(.mob) #side{position:fixed;left:-240px;top:0;bottom:0;z-index:600;transition:left .2s}body:not(.mob).menu #side{left:0}body:not(.mob) #menuBtn{display:inline-flex}.pos,.mapwrap{grid-template-columns:1fr;height:auto}.pos .posL .tbl{max-height:50vh}#map{height:60vh}.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.g2,.g3,.g4{grid-template-columns:1fr}#view{padding:12px}}:root{--brand:#0b3d36;--brand2:#0f766e;--accent:#f5a524;--soft:#e7f3f1;--side2:#082e29;--bg:#f3f5f7;--panel:#fff;--ink:#16202b;--muted:#64748b;--line:#e4e8ee;--r:14px;--sh:0 1px 2px rgba(15,23,42,.04),0 2px 8px rgba(15,23,42,.05);--sh2:0 12px 32px rgba(15,23,42,.14)}html,body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}.i{width:1.15em;height:1.15em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em}.btn{height:36px;padding:0 14px;border-radius:9px;border-color:var(--line);font-weight:600;gap:7px;transition:background .15s,border-color .15s,box-shadow .15s;box-shadow:0 1px 1px #0f172a0a}.btn:hover{background:#f6f8fa;border-color:#cfd6df}.btn.pri{background:var(--brand2);border-color:var(--brand2)}.btn.pri:hover{background:var(--brand);border-color:var(--brand)}.btn.acc{background:var(--accent);border-color:var(--accent)}.btn.ok{background:#15803d;border-color:#15803d}.btn.bad{color:#b42318;border-color:#f4c7c3}.btn.bad:hover{background:#fef3f2}.btn.sm{height:29px;padding:0 10px;font-size:12.5px;border-radius:7px}.btn.lg{height:46px;font-size:15px;border-radius:11px}.iconbtn{border:0;background:#ffffff14;color:#e8f0ee;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.iconbtn:hover{background:#ffffff2e}input,select,textarea{border-color:#d7dde5;border-radius:9px;padding:8px 11px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--brand2);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand2) 18%,transparent)}label{font-size:11.5px;letter-spacing:.02em;color:#5b6778}.card{border-radius:var(--r);border-color:var(--line);box-shadow:var(--sh);padding:18px}.card h3{font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:8px}.card h3 .i{color:var(--brand2)}.tbl{border-radius:var(--r);border-color:var(--line);box-shadow:var(--sh)}table.t th{background:#f8fafb;text-transform:uppercase;font-size:10.5px;letter-spacing:.06em;color:#6b7686;padding:10px 12px;border-bottom:1px solid var(--line)}table.t td{padding:10px 12px;border-bottom:1px solid #eef1f4}table.t tr:hover td{background:color-mix(in srgb,var(--soft) 55%,#fff)}table.t tr:last-child td{border-bottom:0}.tag{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;letter-spacing:.01em}.tag.ok{background:#e8f6ee;color:#157347}.tag.warn{background:#fff4df;color:#a15c07}.tag.bad{background:#fdecec;color:#b42318}.tag.info{background:var(--soft);color:var(--brand2)}.kpi{position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand2);opacity:.9}.kpi .l{text-transform:uppercase;letter-spacing:.06em;font-size:10.5px}.kpi .v{font-size:26px;letter-spacing:-.02em}.tabs{border-bottom:1px solid var(--line)}.tabs button{padding:10px 14px;font-weight:600;color:#6b7686;border-bottom-width:2px;display:inline-flex;align-items:center;gap:6px}.tabs button.on{color:var(--brand2);border-bottom-color:var(--brand2)}.tabs button .tag{background:#eef1f4}.tabs button.on .tag{background:var(--soft);color:var(--brand2)}.chips button.on{background:var(--brand2);border-color:var(--brand2)}.bars .bar{background:var(--brand2);border-radius:5px 5px 0 0}.bars .bar:hover{background:var(--accent)}.toolbar{gap:8px}#side{width:236px;background:linear-gradient(180deg,var(--brand),var(--side2));color:#cfe0dc;box-shadow:inset -1px 0 #ffffff0f}#side .logo{padding:18px 16px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.brandrow{display:flex;gap:11px;align-items:center}.brandrow img{max-width:44px;max-height:44px;border-radius:10px;background:#fff;padding:3px}.mono{width:40px;height:40px;border-radius:11px;background:var(--accent);color:#1a1300;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;letter-spacing:.02em;box-shadow:0 4px 12px #00000040}.mono.big{width:64px;height:64px;font-size:24px;border-radius:16px}.bn{color:#fff;font-weight:800;font-size:15.5px;line-height:1.15}.bs{font-size:11px;color:#ffffff8c;margin-top:2px}#nav{padding:10px 10px 14px}#nav .grp{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff6;padding:14px 12px 6px}#nav a{padding:8px 11px;border-radius:9px;color:#ffffffc7;font-weight:500;font-size:13.5px;position:relative;gap:11px}#nav a .ic{width:auto;display:flex}#nav a .ic .i{width:18px;height:18px;opacity:.9}#nav a:hover{background:#ffffff12;color:#fff}#nav a.on{background:#ffffff1f;color:#fff;font-weight:600}#nav a.on:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}#nav a .cnt{background:var(--accent);color:#1a1300}#side .me{padding:12px 14px;border-top:1px solid rgba(255,255,255,.08)}.merow{display:flex;align-items:center;gap:9px}.av{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#1a1300;font-weight:800;font-size:12.5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mn{color:#fff;font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mr{font-size:11px;color:#ffffff8c}#top{height:64px;padding:0 24px;border-bottom:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#top h1{font-size:18px;font-weight:750;letter-spacing:-.015em;display:flex;flex-direction:column;line-height:1.2}#top h1 small{font-size:11.5px;font-weight:500;color:var(--muted);letter-spacing:0}.conn{background:#f3f5f7;border:1px solid var(--line);padding:5px 11px;border-radius:99px;font-weight:600;color:#475467}#view{padding:22px 24px}#menuBtn{border:0;background:transparent;box-shadow:none}.modalBgR{background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mdl{border-radius:16px;box-shadow:var(--sh2)}.mdl .mh{padding:16px 20px}.mdl .mh h2{font-size:16.5px;font-weight:700;display:flex;align-items:center;gap:8px}.mdl .mb{padding:20px}.mdl .mf{padding:14px 20px;background:#fafbfc;border-radius:0 0 16px 16px}#toast div{border-radius:11px;padding:11px 18px;box-shadow:var(--sh2)}#toast div.ok{background:#15803d}.temas{display:flex;flex-wrap:wrap;gap:10px}.tema{border:2px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px 8px 8px;display:flex;align-items:center;gap:9px;cursor:pointer;font-weight:600}.tema span{width:34px;height:34px;border-radius:9px;display:block}.tema.on{border-color:var(--brand2);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand2) 20%,transparent)}#login{background:var(--bg)}#login.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);padding:0}#login.split>.box{justify-self:center;align-self:center;margin:24px}#login .box{border-radius:18px;box-shadow:var(--sh2);padding:32px;border:1px solid var(--line)}#login h1{color:var(--brand);font-weight:800;letter-spacing:-.02em}.brandpanel{background:radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--brand2) 70%,transparent),transparent 55%),linear-gradient(160deg,var(--brand),var(--side2));color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:48px;height:100%;position:relative;overflow:hidden}.brandpanel:after{content:"";position:absolute;right:-120px;bottom:-120px;width:380px;height:380px;border-radius:50%;border:60px solid rgba(255,255,255,.05)}.bp-in{max-width:420px;margin:auto 0}.bp-logo{max-height:80px;max-width:200px;background:#fff;border-radius:14px;padding:8px}.brandpanel h2{font-size:34px;line-height:1.1;margin:22px 0 6px;letter-spacing:-.02em}.brandpanel p{color:#ffffffb3;margin:0 0 26px;font-size:15px}.brandpanel ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.brandpanel li{display:flex;gap:12px;align-items:center;font-size:14.5px;color:#ffffffe6}.brandpanel li .i{width:34px;height:34px;padding:8px;border-radius:10px;background:#ffffff1a;color:var(--accent)}.bp-foot{font-size:12px;color:#ffffff73}.pinpad button{background:#f6f8fa;border-color:var(--line);border-radius:12px;transition:background .1s}.pinpad button:active{background:var(--soft)}@media(max-width:900px){#login.split{display:flex}.brandpanel{display:none}}body.mob #top{background:linear-gradient(135deg,var(--brand),var(--brand2));height:auto;border:0;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}body.mob #top h1{color:#fff}body.mob .conn{background:#ffffff24;border-color:transparent;color:#fff}body.mob #view{padding:14px 14px 96px;background:var(--bg)}body.mob #mnav{border-top:1px solid var(--line);box-shadow:0 -4px 16px #0f172a0f;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}#mnav a{border-radius:12px;padding:7px 2px 6px;display:flex;flex-direction:column;align-items:center;gap:2px}#mnav a .ic{font-size:0;margin:0}#mnav a .ic .i{width:22px;height:22px}#mnav a.on{color:var(--brand2);background:var(--soft)}#mnav a .tx{font-size:11px}.mcard{border-radius:14px;border-color:var(--line);box-shadow:var(--sh)}.mcard[style*="var(--brand)"]{background:linear-gradient(135deg,var(--brand),var(--brand2))!important}.cartbar{background:linear-gradient(135deg,var(--brand),var(--brand2));border-radius:14px}.stepper{border-color:var(--line);border-radius:11px}.stepper button{background:#f6f8fa;color:var(--brand2)}.truck-ic .tk .i{width:18px;height:18px;stroke:#fff}.truck-ic .lb{background:var(--brand)}.vlist .it{border-radius:12px}#login.split{overflow:auto}.brandrow img{width:50px;height:50px;max-width:none;max-height:none;border-radius:50%;background:none;padding:0;box-shadow:0 3px 10px #0000004d}.bp-logo{width:190px;height:190px;max-width:none;max-height:none;background:none;padding:0;border-radius:50%;box-shadow:0 12px 40px #00000059}.boxlogo{display:none;width:96px;height:96px;margin:0 auto 10px}@media(max-width:900px){.boxlogo{display:block}}#toplogo{display:none}body.mob #toplogo{display:block;width:38px;height:38px;border-radius:50%;box-shadow:0 2px 8px #00000040;margin-right:2px}#login .box.center img{display:block;margin:0 auto 8px}.fsec{grid-column:1/-1;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--brand2);border-bottom:1px solid var(--line);padding:10px 0 5px;margin-top:4px;display:flex;align-items:center;gap:7px}.cform .fsec:first-child{padding-top:0;margin-top:0}.pthumb{width:40px;height:40px;border-radius:8px;object-fit:contain;display:block;background:#fff;cursor:zoom-in;border:1px solid var(--line)}.pthumb.nofoto{cursor:default}.pthumb.lg{width:56px;height:56px;margin-right:10px;flex:none}.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding-bottom:90px}.catcard{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.catcard .ci{aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;cursor:zoom-in}.catcard .ci img{width:100%;height:100%;object-fit:contain}.catcard .cb{padding:8px;display:flex;flex-direction:column;gap:3px;flex:1}.catcard .stepper{margin-top:auto;width:100%}.catcard .stepper input{flex:1;min-width:0;width:auto}.kpi .v{font-size:clamp(18px,2.1vw,26px);white-space:nowrap}@media(max-width:1150px){.pos{grid-template-columns:minmax(0,1fr) 300px}}@media(max-width:900px){.g3>[style*="span 3"],.g4>[style*="span 3"],.g4>[style*="span 4"]{grid-column:1/-1!important}}@media(max-width:560px){.g2>*,.g3>*,.g4>*{grid-column:auto!important}}#conn .cs{display:none}@media(max-width:560px){#conn .cl{display:none}#conn .cs{display:inline}#conn{white-space:nowrap}}@media(max-width:420px){#plist .pthumb.lg{width:46px;height:46px;margin-right:8px}#plist .stepper button{width:34px;height:36px}#plist .stepper input{width:40px}#plist .mcard [style*="font-weight:800"]{white-space:nowrap}}.bell{position:relative;background:#f3f5f7;border:1px solid var(--line);border-radius:99px;width:36px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:#475467;cursor:pointer;margin-left:auto;flex:none}.bell.on{color:var(--brand2);border-color:var(--brand2);animation:bellpulse 1.6s ease-in-out 3}.bell b{position:absolute;top:-6px;right:-6px;background:#d92d20;color:#fff;font-size:10.5px;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:800}body.mob .bell{background:#ffffff24;border-color:transparent;color:#fff}#top #conn{margin-left:8px}@keyframes bellpulse{50%{transform:rotate(-12deg) scale(1.08)}}@media(prefers-reduced-motion:reduce){.bell.on{animation:none}}#avbox{position:fixed;right:16px;bottom:16px;z-index:1200;display:flex;flex-direction:column;gap:10px;width:min(380px,calc(100vw - 32px))}body.mob #avbox{bottom:84px}.avcard{background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold,#d6a646);border-radius:12px;box-shadow:0 12px 32px #0f172a38;padding:12px 14px;transform:translateY(12px);opacity:0;transition:.25s}.avcard.in{transform:none;opacity:1}.avcard .avh{display:flex;align-items:center;gap:8px}.avcard .avh b{flex:1;font-size:14.5px}.avcard .x{border:0;background:none;font-size:20px;cursor:pointer;color:#667085}.avcard .avt{font-size:13.5px;margin:6px 0 8px;color:#1f2937}.avcard .avf{display:flex;align-items:center;justify-content:space-between;gap:8px}.avi{font-size:20px;flex:none}.avrow{display:flex;gap:10px;align-items:flex-start;padding:10px 6px;border-bottom:1px solid var(--line)}.avrow.nuevo{background:#fff8e6;border-radius:8px}.estbar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}.estbar select,.estbar input[type=date]{width:auto;max-width:210px}.efil select{font-size:13px;padding:6px 8px}.efil select.act{border-color:var(--brand2);background:#eef4ff;font-weight:700}.chk{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--ink);font-size:13.5px;font-weight:600}.chk input{width:auto;margin:0}label.chk{margin:6px 0}.dlt{font-size:11.5px;font-weight:800;white-space:nowrap;color:#667085}.dlt.up{color:#067647}.dlt.dn{color:#b42318}.ekp .kpi .s{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ehal{margin-top:14px;background:#fffaeb;border-color:#f5d78e}.ehal ul{margin:6px 0 0;padding-left:18px;display:grid;gap:5px;font-size:13.5px}.card h3 .btn{float:right;margin-top:-4px}.ech{width:100%}.elg{display:flex;gap:14px;font-size:12px;color:var(--muted);margin-bottom:4px}.elg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.ebars{display:flex;align-items:flex-end;gap:3px;height:170px;padding-top:8px;border-bottom:1px solid var(--line)}.ebw{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;cursor:default}.ebg{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:2px}.eb{flex:1;max-width:22px;border-radius:4px 4px 0 0}.ebw:hover .eb{filter:brightness(1.15)}.ebl{font-size:10px;color:var(--muted);text-align:center;white-space:nowrap;height:14px;margin-top:3px;overflow:visible}.etop{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr auto;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid #f0f2f5;font-size:13px}.etop .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.etop b{white-space:nowrap;font-variant-numeric:tabular-nums}.shr{height:5px;background:#eef1f5;border-radius:3px;margin-top:3px;min-width:60px}.shr i{display:block;height:100%;background:var(--brand2);border-radius:3px}.etb th.srt{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.etb th.srt.on{color:var(--brand2)}tr.etot td{font-weight:800;background:#f3f6fa;border-top:2px solid var(--line)}.eheat{border-collapse:separate;border-spacing:2px;font-size:10.5px;width:100%}.eheat th{font-weight:600;color:var(--muted);padding:2px 4px}.eheat td{text-align:center;border-radius:4px;height:26px;min-width:30px;font-variant-numeric:tabular-nums;background:#f6f8fa}.ecz{max-height:calc(100vh - 330px)}.ecz th,.ecz td{white-space:nowrap}.ecz .stk{position:sticky;left:0;background:#fff;z-index:1;max-width:240px;overflow:hidden;text-overflow:ellipsis}.ecz thead th{position:sticky;top:0;z-index:2}.ecz thead th.stk{z-index:3}.ecz thead th{max-width:120px;overflow:hidden;text-overflow:ellipsis}#etip{position:fixed;z-index:2000;display:none;background:#0f172a;color:#fff;font-size:12px;padding:7px 9px;border-radius:8px;white-space:pre-line;pointer-events:none;box-shadow:0 6px 18px #00000040;max-width:260px}.grid>*{min-width:0}.card{min-width:0}.einicio{max-width:1100px}.eih{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.eih h2{margin:0;font-size:24px}.eih p{margin:4px 0 0}.eper{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:16px 0}.pill{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 14px;font-weight:700;font-size:14px;cursor:pointer;color:var(--ink)}.pill.on{background:var(--brand2);border-color:var(--brand2);color:#fff}.eqs{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.eq{display:flex;gap:14px;align-items:flex-start;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;cursor:pointer;font:inherit;color:var(--ink);transition:.15s}.eq:hover,.eq:focus-visible{border-color:var(--brand2);box-shadow:0 6px 18px #0b4f9c1f;transform:translateY(-1px)}.eq b{display:block;font-size:15.5px;margin-bottom:3px}.eqi{font-size:28px;line-height:1;flex:none;width:34px;text-align:center}.bell.hlp{margin-left:auto;font-weight:800;font-size:17px}.hlp+.bell{margin-left:0}.ayuda p{margin:0 0 10px;font-size:15px;line-height:1.5}.cir{position:relative;margin:-12px;overflow:hidden;background:#e5e9ef}.cirmap{position:absolute;inset:0;z-index:1}.cirtop{position:absolute;top:10px;left:10px;right:64px;z-index:500;background:#fff;border-radius:12px;box-shadow:0 4px 14px #0f172a2e;padding:8px 12px;font-size:13px}.cirtop:empty{display:none}.cirbar{height:5px;background:#e6ebf2;border-radius:3px;margin-top:5px;overflow:hidden}.cirbar i{display:block;height:100%;background:#16a34a;border-radius:3px}.cirfab{position:absolute;top:10px;right:10px;z-index:500;display:flex;flex-direction:column;gap:8px}.fab{width:44px;height:44px;border-radius:50%;border:0;background:#fff;box-shadow:0 4px 14px #0f172a38;font-size:20px;font-weight:800;color:#344054;cursor:pointer}.fab.on{background:var(--brand2);color:#fff}.cirsheet{position:absolute;left:0;right:0;bottom:0;z-index:600;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -6px 24px #0f172a38;padding:4px 12px 12px;max-height:62%;overflow:auto;transition:max-height .25s}.cirsheet.open{max-height:88%}.cirhandle{display:block;width:100%;border:0;background:none;padding:6px 0 8px;cursor:pointer}.cirhandle i{display:block;margin:auto;width:44px;height:5px;border-radius:3px;background:#cfd6e1}.cnext{border:2px solid #f59e0b;border-radius:14px;padding:10px 12px}.cnext.llego{border-color:#16a34a;background:#f0fdf4}.cnh{display:flex;gap:10px;align-items:flex-start}.cnn{font-size:18px;font-weight:800;line-height:1.2;margin:2px 0}.cnum{flex:none;width:34px;height:34px;border-radius:50%;background:var(--c,#f59e0b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}.cnh .cnum{--c:#f59e0b}.cnum.sm{width:28px;height:28px;font-size:13px}.cbtns{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin-top:10px}.btn.big{padding:13px 6px;font-size:15px;font-weight:800}.cbtns2{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.cbtns2 .btn{flex:1 1 auto;font-size:13px;padding:8px 6px;text-align:center}.cst{display:flex;gap:10px;align-items:center;padding:9px 4px;border-bottom:1px solid #eef1f5;cursor:pointer}.cst.done{opacity:.6}.cst.cur{background:#fff7e6;border-radius:10px}.cord{display:flex;flex-direction:column;gap:3px}.cord .btn{padding:2px 8px;min-width:0}.cmore{width:100%;margin-top:10px}.cpin-w{background:none;border:0}.cpin{width:34px;height:34px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--c);border:3px solid #fff;box-shadow:0 3px 8px #00000059;display:flex;align-items:center;justify-content:center}.cpin span{transform:rotate(45deg);color:#fff;font-weight:800;font-size:14px}.cpin.nx{width:40px;height:40px;box-shadow:0 0 0 6px #f59e0b59,0 3px 8px #00000059}.cpin.sm{width:28px;height:28px}.cpin.sm span{font-size:12px}.medot{width:20px;height:20px;border-radius:50%;background:#2563eb;border:3px solid #fff;box-shadow:0 0 #2563eb80;animation:mepulse 2s infinite}@keyframes mepulse{70%{box-shadow:0 0 0 14px #2563eb00}to{box-shadow:0 0 #2563eb00}}@media(prefers-reduced-motion:reduce){.medot{animation:none}}.podfb img{max-height:90px;border-radius:8px;border:1px solid var(--line)}.podc{width:100%;height:130px;border:1px dashed #b8c2d0;border-radius:10px;background:#fff;touch-action:none;display:block}.cbtns{grid-template-columns:1fr 1fr}.cbtns #cnav{grid-column:1/-1}.cirsheet{max-height:56%}.loginfo{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.55;color:#475467;text-align:center}.loginfo .b{font-weight:800;color:var(--ink);font-size:13.5px}.brandpanel .bp-datos li{font-size:16px;color:#fff}.brandpanel .bp-datos li.bp-due{font-weight:800;font-size:18px}.bp-falta{font-size:13px!important;color:#fff9!important;border:1px dashed rgba(255,255,255,.3);border-radius:10px;padding:10px 12px}@media(min-width:901px){#login.split .box .loginfo{display:none}}.brandpanel{overflow:auto}@media(max-height:780px){.brandpanel .bp-logo{max-height:96px!important;width:auto}.brandpanel h2{font-size:26px;margin:12px 0 4px}.brandpanel p{margin-bottom:12px}.brandpanel .bp-datos{gap:7px}.brandpanel .bp-datos li{font-size:14.5px}.brandpanel .bp-datos li.bp-due{font-size:16px}.brandpanel li .i{width:28px;height:28px;padding:6px}}.loginfo{display:none!important}@media(max-width:900px){#login.split{flex-direction:column;align-items:stretch}.brandpanel{display:flex!important;padding:18px 20px!important;min-height:0!important}.brandpanel .bp-logo{width:64px!important;height:64px!important}.brandpanel h2{font-size:21px!important;margin:8px 0 2px!important}.brandpanel p{margin-bottom:8px!important;font-size:13px!important}.brandpanel .bp-datos{gap:4px!important}.brandpanel .bp-datos li{font-size:13.5px!important}.brandpanel li .i{width:24px!important;height:24px!important;padding:5px!important}.brandpanel:after,.bp-foot{display:none}#login.split>.box{margin:14px auto;align-self:center}}@media(max-width:900px){.brandpanel{flex:none!important;overflow:visible;height:auto!important}.brandpanel .bp-in{margin:0}#login.split .boxlogo{display:none}}@media(max-width:900px){#login.split{justify-content:flex-start!important;align-content:flex-start!important}}tr.cdel td{background:#fff4e5}.guardcapa{position:fixed;inset:0;z-index:3000;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px}.guardbox{background:#fff;border-radius:16px;padding:22px 20px;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 50px #0000004d}select.falta{border-color:#f59e0b;background:#fffaeb}.pbloq{background:#f2f7f2!important;border-color:#b7dfc0!important}.pbloq .b,.pbloq .pthumb,.pbloq .ci img{opacity:.75}.cargado{flex:none;font-size:12.5px;font-weight:700;color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:10px;padding:7px 9px;text-align:center;white-space:nowrap;margin-top:4px}.nofotomv{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:22px;color:#94a3b8;background:#f1f5f9;text-align:center;line-height:1.1}.catcard .nofotomv{width:100%;height:100%;font-size:30px}.catcard .nofotomv .small{font-size:11px}.chfac .right b{white-space:nowrap}.chfac .h{gap:8px}.faltag{display:inline-block;font-size:10.5px;font-weight:700;color:#854d0e;background:#fef9c3;border:1px solid #ca8a04;border-radius:999px;padding:0 6px;white-space:nowrap;vertical-align:middle}.kpi.k1{--kc:#16a34a}.kpi.k2{--kc:#2563eb}.kpi.k3{--kc:#d97706}.kpi.k4{--kc:#9333ea}.kpi[class*=" k"]:before{background:var(--kc);opacity:1}.kpi .kic{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--kc);background:color-mix(in srgb,var(--kc) 13%,#fff)}.kpi .kic .i{width:19px;height:19px}.kpi:has(.kic) .l{padding-right:40px}#nav .grp{color:#bc9547}body:not(.mob) #menuBtn{display:inline-flex}@media(min-width:901px){body:not(.mob) #side{transition:margin-left .2s ease}body:not(.mob).sideoff #side{margin-left:-236px}}.btn.pri:hover{filter:brightness(1.3)}.brandpanel{background:radial-gradient(ellipse at 30% 0%,#22365e 0%,transparent 60%),linear-gradient(170deg,#18294a,#0f1c36);justify-content:center;align-items:center;font-family:Outfit,Inter,system-ui,sans-serif}.brandpanel:after{display:none}.brandpanel .bp-in{margin:auto;max-width:460px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.brandpanel .bp-logo{width:190px!important;height:190px!important;max-height:none!important;border-radius:50%;box-shadow:0 14px 44px #00000073}.brandpanel h2{font-size:40px;font-weight:400;letter-spacing:-.01em;margin:26px 0 8px;color:#fff;white-space:nowrap}.brandpanel h2 b{font-weight:800}.brandpanel .bp-sub{color:#ffffff9e;font-size:16px;margin:0 0 34px}.brandpanel ul.bp-feat{display:grid;gap:30px;align-self:stretch;padding-left:18px;text-align:left}.brandpanel .bp-feat li{gap:22px;font-size:17px;font-weight:600;color:#fff}.brandpanel .bp-feat li .i{width:26px;height:26px;padding:0;background:none;border-radius:0;color:#d4a24c;stroke-width:1.8}.bp-foot{position:absolute;bottom:16px;left:0;right:0;text-align:center}@media(max-height:780px){.brandpanel .bp-logo{width:140px!important;height:140px!important}.brandpanel h2{font-size:32px;margin:16px 0 6px}.brandpanel .bp-sub{margin-bottom:22px}.brandpanel ul.bp-feat{gap:20px}}@media(max-width:900px){.brandpanel .bp-logo{width:72px!important;height:72px!important}.brandpanel h2{font-size:24px!important;white-space:normal}.brandpanel .bp-sub{margin-bottom:0!important}.brandpanel ul.bp-feat,.bp-foot{display:none!important}}@media(min-width:901px){#login.split .brandpanel{position:sticky;top:0;align-self:start;height:100vh;max-height:100%}}.bp-foot a{color:#d4a24c;font-weight:600;text-decoration:none}.bp-foot a:hover{text-decoration:underline}.appfoot{flex-shrink:0;text-align:center;font-size:11.5px;color:var(--muted);padding:5px 12px;border-top:1px solid var(--line);background:#fff}.appfoot a{color:var(--brand);font-weight:700;text-decoration:none}.appfoot a:hover{text-decoration:underline}body.mob .appfoot{border:0;background:transparent;padding:18px 0 4px}.pos{height:calc(100vh - 122px)}@media(max-width:900px){.pos{grid-template-columns:minmax(0,1fr);height:auto}.pos .posR{overflow:visible}.pos .toolbar>:first-child{flex:1 1 100%!important;max-width:none!important}}@media(max-width:600px){.pos .posL .tbl{max-height:none;overflow:visible}.posT thead{display:none}.posT,.posT tbody{display:block}.posT tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;grid-template-areas:"nom nom nom del" "cant pre desc del" "cod cod sub sub";gap:6px 8px;padding:10px 12px;border-bottom:1px solid var(--line)}table.t.posT tr:hover td{background:none}#top h1 small{display:none}#top h1{font-size:17px}table.t.posT td{display:block;padding:0;border:0;text-align:left}table.t.posT td[colspan]{grid-column:1/-1;padding:18px 0;text-align:center}.posT .c-nom{grid-area:nom;font-weight:600;line-height:1.3}.posT .c-cant{grid-area:cant}.posT .c-pre{grid-area:pre}.posT .c-desc{grid-area:desc}.posT td[data-l]:before{content:attr(data-l);display:block;font-size:11px;color:var(--muted);font-weight:600;margin-bottom:2px}.posT td .qty{width:100%!important;font-size:16px;padding:8px}.posT .c-cod{grid-area:cod;align-self:center}table.t.posT td.c-sub{grid-area:sub;text-align:right;font-size:16px;align-self:center}.posT .c-del{grid-area:del;align-self:start}.pos .tot{font-size:26px}}.instalar{display:flex;gap:10px;align-items:center;margin-top:14px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;font-size:13px}.instalar .grow{min-width:0}.fmprev{width:230px;height:84px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fmprev img{max-width:220px;max-height:76px}.gcats{display:flex;flex-wrap:wrap;gap:6px}.gcats .pill{font-size:13px}.estpill{display:inline-block;font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;border:1.5px solid;white-space:nowrap}.estbar2{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:-4px 0 10px}.estf{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 11px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}.estf i{width:12px;height:12px;border-radius:50%;border:2px solid}.estf.on{background:var(--bg,#e8eefc);border-color:var(--bd,var(--brand));color:var(--fg,var(--brand));font-weight:700}.estf b{font-weight:700;opacity:.7}.estbox{border-radius:10px;padding:8px 12px;margin-bottom:10px}.entpill{display:inline-block;font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:#f1f5f9;color:#475467;border:1px dashed #98a2b3;white-space:nowrap}.estopc{display:grid;grid-template-columns:1fr 1fr;gap:8px}.estop{display:flex;flex-direction:column;gap:2px;border:2px solid var(--bd);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;margin:0;color:var(--fg)}.estop input{display:none}.estop:has(input:checked){background:var(--bg);box-shadow:0 0 0 2px var(--bd)}@media(max-width:520px){.estopc{grid-template-columns:1fr}}.fpill{display:inline-block;font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;border:1.5px solid;background:#fff;white-space:nowrap}.zchip{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;background:var(--zc);color:#fff;font-size:11px;font-weight:800;vertical-align:middle}.zchip.lg{height:auto;padding:2px 8px;border-radius:999px;font-weight:700}.zonchk{display:inline-flex;align-items:center;gap:6px;margin:0;padding:5px 10px;border:2px solid var(--zc);border-radius:999px;color:var(--ink);font-size:13px;cursor:pointer;background:#fff}.zonchk input{width:auto;margin:0}.zonchk:has(input:checked){background:color-mix(in srgb,var(--zc) 14%,#fff);font-weight:700}.zcol{width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer}.zcol.on{box-shadow:0 0 0 3px var(--ink)}.zlocs{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px 10px;max-height:34vh;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px}.entitems{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fbfcfe}.entrow{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #eef1f4}.entrow:last-of-type{border-bottom:0}.entrow.menos{background:#fff7ed;margin:0 -10px;padding:6px 10px}.entrow .stepper input{width:46px}.demobar{position:sticky;top:0;z-index:900;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff7e0;border-bottom:1px solid #f1d58a;color:#5c4300;padding:6px 16px;font-size:13px}.demobar b{background:#d6a646;color:#fff;border-radius:6px;padding:2px 8px;letter-spacing:.06em}.demobar .dtx{flex:1;min-width:200px}.demousers{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.demousers .du{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:6px;cursor:pointer;font:inherit;color:var(--ink)}.demousers .du:hover{border-color:var(--brand2);background:var(--soft)}.demousers .du .grow{min-width:0}.demousers .pin{font-family:ui-monospace,Menlo,monospace;background:var(--soft);border-radius:6px;padding:2px 7px;font-size:12px}body.demo #app{height:calc(100% - 34px)}body.demo.mob{background:#e6eaf1}body.demo.mob #app{max-width:440px;margin:0 auto;background:var(--bg);box-shadow:0 0 0 1px var(--line),0 10px 40px #0f172a1f}body.demo.mob #mnav{max-width:440px;margin:0 auto}body.demo.mob .cartbar{max-width:420px;margin:0 auto}@media(max-width:560px){.demobar{padding:5px 10px;gap:6px;font-size:12px}.demobar .dtx{min-width:0;flex-basis:100%;order:3}.demobar .btn.sm{padding:4px 8px;font-size:12px}}