:root{--bg:#F6F7EE;--surface:#FFFFFF;--surface2:#EEF2E2;--line:#D6DCC8;--line-strong:#AEB9A0;--fg:#1F2A22;--muted:#56655A;--brand:#2F5A42;--on-brand:#FFFFFF;--sage-soft:#DDE9D3;--ok:#2F5A42;--ok-bg:#DDE9D3;--warn-bg:#FCE9D6;--warn-fg:#7A3B05;--bad-bg:#F8DDD8;--bad-fg:#8A2A1B;--off-bg:#EAEEDF;--off-fg:#4A574E;--danger:#B3261E;--logo-light:block;--logo-dark:none;--f-display:"Fraunces",Georgia,serif;--f-body:"DM Sans",system-ui,sans-serif}@media (prefers-color-scheme: dark){:root{--bg:#121815;--surface:#1B2420;--surface2:#17201B;--line:#31403A;--line-strong:#4B5E54;--fg:#EEF1E6;--muted:#A5B2A8;--brand:#7DB596;--on-brand:#0E1A12;--sage-soft:#243629;--ok:#A8D4B9;--ok-bg:#243629;--warn-bg:#3A2A18;--warn-fg:#F3C79B;--bad-bg:#3E2420;--bad-fg:#F3B6A9;--off-bg:#27332D;--off-fg:#B5C1B8;--danger:#F0877B;--logo-light:none;--logo-dark:block;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:15px;line-height:1.4;-webkit-text-size-adjust:100%}h1,h2,h3{font-family:var(--f-display);font-weight:800;margin:0;text-wrap:balance}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px;font-family:var(--f-body);font-weight:700}.logo-l{display:var(--logo-light);width:auto}.logo-d{display:var(--logo-dark);width:auto}.muted{color:var(--muted)}.small{font-size:13px}.num{text-align:right;font-variant-numeric:tabular-nums}.warn{color:var(--warn-fg)}.stack{display:flex;flex-direction:column;gap:14px}.wrapx{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.between{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.dos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line)}.row:first-of-type{border-top:0}.center{min-height:100dvh;display:grid;place-items:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px))}.card{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}.login,.panel{max-width:400px;padding:24px;gap:14px}.tag{font-family:Georgia,serif;font-style:italic;margin:-6px 0 0}.err{background:var(--bad-bg);color:var(--bad-fg);padding:10px 12px;border-radius:10px;margin:0;font-size:14px}.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:12px;font-weight:600;max-width:90vw;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50}.toast:not(:empty){opacity:1}label.field,.field{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px}.field span.small{font-weight:400}input,select{font:inherit;font-weight:400;min-height:46px;padding:0 12px;border-radius:12px;border:1px solid var(--line-strong);background:var(--bg);color:var(--fg);width:100%}input.q{width:92px;text-align:right;padding:0 8px;min-height:42px}input:focus-visible,select:focus-visible,.btn:focus-visible,.chip:focus-visible,.nav:focus-visible,.bar button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.btn{font:inherit;font-weight:700;min-height:48px;padding:0 18px;border-radius:12px;border:1px solid transparent;cursor:pointer;background:transparent;color:var(--fg)}.btn.small{min-height:40px;padding:0 14px;font-size:14px}.btn.primary{background:var(--brand);color:var(--on-brand)}.btn.soft,.btn.tg-on{background:var(--sage-soft);color:var(--ok);border-color:var(--ok)}.btn.ghost{border-color:var(--line-strong)}.btn.tg-off{color:var(--danger);border-color:var(--danger)}.btn.lista{width:100%;text-align:left}.btn:disabled{opacity:.6;cursor:default}.chip{font:inherit;font-weight:500;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--fg);cursor:pointer}.chip.on{background:var(--sage-soft);color:var(--ok);border-color:var(--ok);font-weight:700}.shell{min-height:100dvh}.side{display:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;border-bottom:1px solid var(--line)}.content{padding:16px 16px calc(96px + env(safe-area-inset-bottom,0px));max-width:1100px;margin:0 auto}.bar{position:fixed;left:0;right:0;bottom:0;display:flex;gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);z-index:20}.bar button{flex:1;min-height:48px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-weight:700;font-size:13px;cursor:pointer}.bar button.on{background:var(--sage-soft);color:var(--ok)}.wrap{display:flex;flex-direction:column;gap:14px}@media (min-width:900px){.shell{display:grid;grid-template-columns:230px 1fr}.side{display:flex;flex-direction:column;gap:18px;padding:22px 14px;border-right:1px solid var(--line);position:sticky;top:0;height:100dvh}.side nav{display:flex;flex-direction:column;gap:4px}.side hr{border:0;border-top:1px solid var(--line);margin:8px 0;width:100%}.brand{padding:0 10px}.tagline{font-family:Georgia,serif;font-style:italic;color:var(--ok);letter-spacing:.06em;margin-top:2px}.nav{text-align:left;font:inherit;font-weight:500;min-height:44px;padding:0 14px;border-radius:12px;border:0;background:transparent;color:var(--fg);cursor:pointer}.nav.on{background:var(--sage-soft);color:var(--ok);font-weight:700}.usuario{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:0 10px}.topbar,.bar{display:none}.content{padding:28px 32px 40px;width:100%}.toast{bottom:24px}}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width:700px){.kpis{grid-template-columns:repeat(4,1fr)}}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.kpi b{font-family:var(--f-display);font-size:22px}.filtros{display:flex;flex-direction:column;gap:10px}.tbl{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse}th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}th.num{text-align:right}td{padding:10px;border-top:1px solid var(--line);vertical-align:middle}tbody tr:first-child td{border-top:0}tr.on td{background:var(--sage-soft)}@media (max-width:699px){.hide-m{display:none}}.badge{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--off-bg);color:var(--off-fg);white-space:nowrap}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn-fg)}.badge.bad{background:var(--bad-bg);color:var(--bad-fg)}.modal{border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--fg);padding:0;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}.modal::backdrop{background:#0a100c8c}.modal-body{padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}@media (max-width:699px){.tbl:has(table.lista){background:transparent;border:0;overflow:visible}table.lista,table.lista tbody{display:block}table.lista thead{display:none}table.lista tr{display:grid;grid-template-columns:auto auto 1fr auto;grid-template-areas:"prod prod prod prod" "stock estado precio edit";gap:8px 12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:8px}table.lista td{display:block;padding:0;border:0}table.lista tbody tr:first-child td{border:0}.c-prod{grid-area:prod}.c-stock{grid-area:stock;text-align:left}.c-estado{grid-area:estado}.c-precio{grid-area:precio}.c-edit{grid-area:edit}.c-stock:before{content:attr(data-l) " ";color:var(--muted);font-size:13px}.c-stock b{font-size:18px}}@media (max-width:699px){table.lista td.hide-m{display:none}}textarea{font:inherit;font-weight:400;padding:10px 12px;border-radius:12px;border:1px solid var(--line-strong);background:var(--bg);color:var(--fg);width:100%;resize:vertical}textarea:focus-visible{outline:3px solid var(--brand);outline-offset:2px}input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.label{font-weight:700;font-size:14px}.grid2{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}@media (min-width:1000px){.grid2{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.rowbtn{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 12px;text-align:left;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:12px;cursor:pointer}.rowbtn:hover{border-color:var(--brand)}.rowbtn:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.orsep{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.orsep:before,.orsep:after{content:"";flex:1;border-top:1px solid var(--line)}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width:700px){.tiles{grid-template-columns:repeat(3,1fr)}}.tw{position:relative;min-width:0}.tile{display:flex;flex-direction:column;gap:2px;width:100%;min-height:68px;padding:10px 12px;text-align:left;font:inherit;color:var(--fg);background:var(--surface2);border:1px solid var(--line);border-radius:14px;cursor:pointer}.tile.on{background:var(--sage-soft);border-color:var(--ok)}.tile:disabled{opacity:.55;cursor:default}.tile:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.tn{font-weight:700;font-size:14px;line-height:1.25;padding-right:26px}.tp{font-size:13px;color:var(--muted);text-align:left}.qb{position:absolute;top:6px;right:6px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--brand);color:var(--on-brand);font-weight:700;font-size:13px;display:grid;place-items:center}.minus{position:absolute;bottom:6px;right:6px;width:36px;height:36px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--fg);font:inherit;font-size:20px;font-weight:700;cursor:pointer;line-height:1}.step{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line-strong);border-radius:12px;overflow:hidden}.step button{width:40px;height:40px;border:0;background:transparent;color:var(--fg);font:inherit;font-size:20px;font-weight:700;cursor:pointer}.step button:disabled{opacity:.35;cursor:default}.step span{min-width:26px;text-align:center;font-weight:700}.chips-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.chips-scroll .chip{flex:none}.chip.dashed{border-style:dashed}.req{font-size:11px;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:999px;background:var(--warn-bg);color:var(--warn-fg)}.alert{background:var(--warn-bg);color:var(--warn-fg);padding:10px 12px;border-radius:10px;font-size:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ok{color:var(--ok)}.totalbar{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:10;display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;padding:12px 14px;box-shadow:0 -6px 18px #00000014}.bigtotal{font-family:var(--f-display);font-weight:800;font-size:26px}@media (min-width:900px){.totalbar{bottom:16px}}.vcard{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px}.vcard.anulada{opacity:.75}.vcard.anulada .vtotal{text-decoration:line-through}.vtotal{font-family:var(--f-display);font-weight:800;font-size:20px;white-space:nowrap}.vitems{margin:0;padding-left:18px;font-size:14px}.kpi.wide{grid-column:span 2}.danger{color:var(--danger);border-color:var(--danger)}.btn.danger-solid{background:var(--danger);color:#fff}.chips-wrap{display:flex;flex-wrap:wrap;gap:8px}select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.oclist{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.ocl{display:grid;grid-template-columns:minmax(0,1fr) 92px 1fr;grid-template-areas:"p p p" "q u t";gap:8px 10px;padding:12px;border-top:1px solid var(--line);align-items:end}.ocl:first-child{border-top:0}.ocl.on{background:var(--sage-soft)}.ocl>div:first-child{grid-area:p}.ocl>.ocf:nth-of-type(1){grid-area:q}.ocl>.ocf:nth-of-type(2){grid-area:u}.ocl>.ocf.num{grid-area:t;text-align:right}.ocf{display:flex;flex-direction:column;gap:2px;min-width:0}.ocf input{width:100%}.ocf.num b{font-size:16px;min-height:44px;display:flex;align-items:center;justify-content:flex-end}.ocf.num>.muted:not(.small){min-height:44px;display:flex;align-items:center;justify-content:flex-end}.ochead{display:none}.ocenv,.octot{display:flex;justify-content:space-between;align-items:center;gap:12px}.ocenv input{width:130px}.octot{background:var(--surface2)}@media (min-width:760px){.ocl{grid-template-columns:minmax(0,1fr) 90px 120px 110px;grid-template-areas:"p q u t";align-items:center}.ocf>.small{display:none}.ochead{display:grid;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:10px 12px}.ochead span:nth-child(4){text-align:right}.ocenv,.octot{display:flex}.ocf.num b,.ocf.num>.muted:not(.small){min-height:0}}a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}table.ocsum th,table.ocsum td{padding:8px 6px}table.ocsum th:first-child,table.ocsum td:first-child{padding-left:10px}table.ocsum th:last-child,table.ocsum td:last-child{padding-right:10px}