:root{--c-bg: #f3f4f6;--c-surface: #ffffff;--c-surface-2: #f9fafb;--c-fg: #111827;--c-fg-muted: #6b7280;--c-fg-soft: #9ca3af;--c-border: #e5e7eb;--c-border-strong: #d1d5db;--c-pending: #9ca3af;--c-pending-bg: #f3f4f6;--c-partial: #d97706;--c-partial-bg: #fef3c7;--c-partial-border: #fde68a;--c-done: #047857;--c-done-bg: #d1fae5;--c-done-border: #a7f3d0;--c-error: #b91c1c;--c-error-bg: #fee2e2;--c-error-border: #fecaca;--c-primary: #1f2937;--c-primary-fg: #ffffff;--c-accent: #2563eb;--c-accent-strong: #1d4ed8;--c-accent-fg: #ffffff;--c-scan: #047857;--c-scan-fg: #ffffff;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-scale: 1;--fs-xs: calc(.75rem * var(--fs-scale));--fs-sm: calc(.875rem * var(--fs-scale));--fs-base: calc(1rem * var(--fs-scale));--fs-lg: calc(1.125rem * var(--fs-scale));--fs-xl: calc(1.25rem * var(--fs-scale));--fs-2xl: calc(1.5rem * var(--fs-scale));--tap-min: 56px;--radius: 10px;--radius-lg: 14px;--pad: 1rem;--gap: .75rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .18);--logo-url: none}*{box-sizing:border-box}.icon{display:inline-block;vertical-align:-.18em;flex-shrink:0}html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--fs-base);background:var(--c-bg);color:var(--c-fg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:var(--c-accent);text-decoration:none}a:active{opacity:.7}.app{display:flex;flex-direction:column;flex:1;width:100%;max-width:480px;margin:0 auto;background:var(--c-bg)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem var(--pad);background:var(--c-primary);color:var(--c-primary-fg);position:sticky;top:0;z-index:10}.topbar h1{margin:0;font-size:var(--fs-lg);font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .subtitle{font-size:var(--fs-xs);color:#ffffffb3;display:block;font-weight:400}.iconbtn{width:44px;height:44px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--c-primary-fg);display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer}.iconbtn:active{background:#ffffff1a}.content{flex:1;padding:var(--pad);display:flex;flex-direction:column;gap:var(--gap);min-height:0}.footer-actions{position:sticky;bottom:0;background:linear-gradient(180deg,#f3f4f600,#f3f4f6 30%);padding:.75rem var(--pad);display:flex;flex-direction:column;gap:.5rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;border-radius:999px;font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.badge.--ok{background:var(--c-done-bg);color:var(--c-done);border:1px solid var(--c-done-border)}.badge.--warn{background:var(--c-partial-bg);color:var(--c-partial);border:1px solid var(--c-partial-border)}.badge.--err{background:var(--c-error-bg);color:var(--c-error);border:1px solid var(--c-error-border)}.badge.--neutral{background:var(--c-pending-bg);color:var(--c-fg-muted);border:1px solid var(--c-border)}.badge .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--tap-min);padding:0 1.1rem;border-radius:var(--radius);border:1px solid transparent;font-size:var(--fs-base);font-weight:600;cursor:pointer;background:var(--c-surface);color:var(--c-fg);border-color:var(--c-border-strong);transition:transform 80ms ease;user-select:none}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.--block{width:100%}.btn.--primary{background:var(--c-accent);color:var(--c-accent-fg);border-color:var(--c-accent)}.btn.--primary:active{background:var(--c-accent-strong)}.btn.--scan{background:var(--c-scan);color:var(--c-scan-fg);border-color:var(--c-scan)}.btn.--danger{background:var(--c-error);color:#fff;border-color:var(--c-error)}.btn.--ghost{background:transparent;color:var(--c-fg);border-color:var(--c-border-strong)}.btn.--lg{font-size:var(--fs-lg);min-height:64px}.btn.--xl{font-size:var(--fs-xl);min-height:72px}.login-wrap{display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex:1;padding:2rem var(--pad);gap:1.25rem;max-width:380px;margin:0 auto;width:100%}.brand{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem}.brand .logo{width:72px;height:72px;border-radius:16px;background:var(--c-primary);color:var(--c-primary-fg);display:inline-flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;background-image:var(--logo-url);background-size:cover;background-position:center}.brand h1{margin:0;font-size:var(--fs-xl);color:var(--c-fg)}.brand .tagline{margin:0;font-size:var(--fs-sm);color:var(--c-fg-muted)}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:var(--fs-sm);color:var(--c-fg-muted);font-weight:500}.field input{height:var(--tap-min);border:1px solid var(--c-border-strong);border-radius:var(--radius);padding:0 .9rem;background:var(--c-surface);color:var(--c-fg);outline:none}.field input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px #2563eb26}.searchbar{position:sticky;top:0;z-index:9;display:flex;align-items:center;gap:.5rem;padding:.6rem var(--pad);background:var(--c-bg);border-bottom:1px solid var(--c-border)}.searchbar .ico{position:absolute;left:calc(var(--pad) + .85rem);font-size:1rem;color:var(--c-fg-muted);pointer-events:none}.searchbar input{flex:1;height:44px;padding:0 2.4rem;border:1px solid var(--c-border-strong);border-radius:var(--radius);background:var(--c-surface);color:var(--c-fg);font-size:var(--fs-base);outline:none;width:100%}.searchbar input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px #2563eb26}.searchbar .clear{position:absolute;right:calc(var(--pad) + .4rem);width:32px;height:32px;border-radius:50%;border:0;background:var(--c-pending-bg);color:var(--c-fg-muted);font-size:1.2rem;cursor:pointer}.filter-trigger{display:flex;align-items:center;gap:.4rem;padding:.45rem .85rem;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:999px;color:var(--c-fg);font-size:var(--fs-sm);font-weight:600;cursor:pointer;min-height:36px}.filter-trigger:active{background:var(--c-surface-2)}.filter-trigger .count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--c-accent);color:var(--c-accent-fg);border-radius:999px;font-size:var(--fs-xs);font-weight:700}.filter-trigger.--clean .count{display:none}.filter-bar{display:flex;align-items:center;gap:.5rem;padding:0 var(--pad) .5rem;background:var(--c-bg)}.filter-summary{flex:1;min-width:0;font-size:var(--fs-xs);color:var(--c-fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-sheet h2{margin-bottom:.25rem}.filter-sheet .group-label{font-size:var(--fs-xs);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin-top:.35rem}.filter-sheet .row{display:flex;gap:.4rem;flex-wrap:wrap}.chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border-radius:999px;background:var(--c-surface);border:1px solid var(--c-border-strong);color:var(--c-fg);font-size:var(--fs-sm);font-weight:500;cursor:pointer;user-select:none;white-space:nowrap;min-height:32px}.chip:active{background:var(--c-pending-bg)}.chip.--active{background:var(--c-primary);color:var(--c-primary-fg);border-color:var(--c-primary);font-weight:600}.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--c-fg-muted)}.chip.--pendiente .dot{background:var(--c-pending)}.chip.--en-proceso .dot{background:var(--c-partial)}.chip.--terminado .dot{background:var(--c-done)}.pedidos-list{display:flex;flex-direction:column;gap:var(--gap)}.pedido-card{background:var(--c-surface);border:1px solid var(--c-border);border-left:5px solid var(--c-pending);border-radius:var(--radius-lg);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.4rem;cursor:pointer;box-shadow:var(--shadow-sm);min-height:var(--tap-min)}.pedido-card:active{background:var(--c-surface-2)}.pedido-card .cliente{color:var(--c-fg);font-size:var(--fs-lg);font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pedido-card .ref{font-size:var(--fs-xs);font-weight:600;color:var(--c-fg-muted);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:.02em}.pedido-card .meta{display:flex;justify-content:space-between;color:var(--c-fg-muted);font-size:var(--fs-sm)}.pedido-card .sub{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:var(--fs-xs);color:var(--c-fg-muted)}.pedido-card.--pendiente{border-left-color:var(--c-pending)}.pedido-card.--en-proceso{border-left-color:var(--c-partial);background:#fffdf7}.pedido-card.--terminado{border-left-color:var(--c-done);background:#f4fbf6;opacity:.85}.pedido-card.--terminado .ref{color:var(--c-fg-muted)}.pedido-card .head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.pedido-card .progress{font-size:var(--fs-xs);color:var(--c-fg-muted);font-variant-numeric:tabular-nums}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--c-fg-muted);gap:.5rem}.empty-state .icon{font-size:3rem}.line{background:var(--c-surface);border:1px solid var(--c-border);border-left:5px solid var(--c-pending);border-radius:var(--radius);padding:.7rem .85rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-sm)}.line.--partial{border-left-color:var(--c-partial);background:#fffdf7}.line.--done{border-left-color:var(--c-done);background:#f4fbf6}.line .body{flex:1;min-width:0}.line .ref{font-size:var(--fs-xs);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.line .desc{font-size:var(--fs-base);font-weight:600;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line .counter{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--fs-lg);min-width:64px;text-align:right;color:var(--c-fg)}.line.--done .counter:after{content:" ✓";color:var(--c-done)}.line.--partial .counter{color:var(--c-partial)}.line .counter .total{color:var(--c-fg-soft);font-weight:500}.caja-actual{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow-sm)}.caja-actual h3{margin:0;font-size:var(--fs-base);display:flex;justify-content:space-between;align-items:center}.caja-actual .items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.caja-actual .items li{display:flex;justify-content:space-between;gap:.5rem;font-size:var(--fs-sm);color:var(--c-fg);padding:.35rem 0;border-bottom:1px dashed var(--c-border)}.caja-actual .items li:last-child{border-bottom:0}.caja-actual .items .lote{color:var(--c-fg-muted);font-size:var(--fs-xs);margin-left:.4rem}.caja-actual .items .qty{font-variant-numeric:tabular-nums;font-weight:600}.caja-actual .summary{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--c-fg-muted);padding-top:.4rem;border-top:1px solid var(--c-border)}.caja-actual .summary strong{color:var(--c-fg);font-size:var(--fs-base)}.caja-actual.--empty{text-align:center;color:var(--c-fg-muted);padding:1.5rem 1rem;font-size:var(--fs-sm)}.section-title{font-size:var(--fs-sm);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin:.5rem 0 -.25rem}.scrim.--alert{align-items:flex-end;padding-bottom:env(safe-area-inset-bottom,0)}.alert{width:100%;max-width:480px;display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.1rem;background:var(--c-surface);border-top:4px solid var(--c-fg-muted);box-shadow:var(--shadow-lg);margin:0 auto}.alert .ico{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--c-pending-bg);color:var(--c-fg);display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem}.alert .body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.alert .body strong{font-size:var(--fs-base);font-weight:700;color:var(--c-fg)}.alert .body span{font-size:var(--fs-sm);color:var(--c-fg-muted);line-height:1.35}.alert .dismiss{flex:0 0 auto;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--c-fg-muted);font-size:1.4rem;cursor:pointer}.alert.--error{border-top-color:var(--c-error);background:#fff}.alert.--error .ico{background:var(--c-error-bg);color:var(--c-error)}.alert.--error .body strong{color:var(--c-error)}.alert.--warn{border-top-color:var(--c-partial)}.alert.--warn .ico{background:var(--c-partial-bg);color:var(--c-partial)}.alert.--warn .body strong{color:var(--c-partial)}.alert.--ok{border-top-color:var(--c-done)}.alert.--ok .ico{background:var(--c-done-bg);color:var(--c-done)}.alert.--ok .body strong{color:var(--c-done)}.iconbtn.--fs{font-size:.95rem;font-weight:700;letter-spacing:-.02em}.fs-hint{position:fixed;top:72px;left:50%;transform:translate(-50%);background:#111827eb;color:#fff;padding:.5rem .85rem;border-radius:999px;font-size:var(--fs-sm);z-index:60;pointer-events:none}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:var(--c-fg);color:#fff;padding:.75rem 1rem;border-radius:999px;font-size:var(--fs-sm);box-shadow:var(--shadow-lg);z-index:50;display:inline-flex;align-items:center;gap:.5rem;max-width:92%;text-align:center}.toast.--error{background:var(--c-error)}.toast.--warn{background:var(--c-partial);color:#fff}.toast.--ok{background:var(--c-done)}.toast .ico{font-size:1.2rem}.scrim{position:fixed;inset:0;background:#0000008c;z-index:100;display:flex;align-items:flex-end;justify-content:center}@media (min-width: 480px){.scrim{align-items:center}}.modal{background:var(--c-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;padding:1.1rem var(--pad) 1.2rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:var(--shadow-lg)}@media (min-width: 480px){.modal{border-radius:var(--radius-lg);margin:0 1rem}}.modal h2{margin:0;font-size:var(--fs-lg);display:flex;justify-content:space-between;align-items:center}.modal .actions{display:flex;gap:.5rem;margin-top:.25rem}.modal .actions .btn{flex:1}.modal p{margin:0;color:var(--c-fg);line-height:1.4}.modal .hint{color:var(--c-fg-muted);font-size:var(--fs-sm)}.modal .code{background:var(--c-surface-2);border:1px dashed var(--c-border-strong);border-radius:var(--radius);padding:.6rem .75rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--fs-base);word-break:break-all}.stepper{display:flex;align-items:center;border:1px solid var(--c-border-strong);border-radius:var(--radius);overflow:hidden;background:var(--c-surface)}.stepper button{width:56px;height:56px;background:var(--c-surface-2);border:0;font-size:1.6rem;font-weight:700;color:var(--c-fg);cursor:pointer;flex:0 0 auto}.stepper button:active{background:var(--c-pending-bg)}.stepper input{flex:1;height:56px;border:0;text-align:center;font-size:var(--fs-xl);font-weight:700;font-variant-numeric:tabular-nums;background:var(--c-surface);color:var(--c-fg);outline:none;-moz-appearance:textfield}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.prod-card{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius);padding:.75rem .9rem;display:flex;flex-direction:column;gap:.15rem}.prod-card .ref{font-size:var(--fs-xs);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.prod-card .desc{font-size:var(--fs-base);font-weight:600}.prod-card .meta{font-size:var(--fs-xs);color:var(--c-fg-muted)}.line{cursor:pointer}.line .edit-hint{font-size:var(--fs-xs);color:var(--c-fg-soft);margin-left:.4rem}.add-product-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;height:48px;border:1px dashed var(--c-border-strong);background:transparent;color:var(--c-accent);border-radius:var(--radius);font-size:var(--fs-sm);font-weight:600;cursor:pointer}.add-product-btn:active{background:var(--c-surface-2)}.scrim.--success,.scrim.--alert-error,.scrim.--alert-warn{align-items:stretch}.scrim.--success{background:var(--c-done)}.scrim.--alert-error{background:var(--c-error)}.scrim.--alert-warn{background:var(--c-partial)}.scrim.--success .modal,.scrim.--alert-error .modal,.scrim.--alert-warn .modal{background:transparent;color:#fff;border-radius:0;max-width:none;margin:0;flex:1;justify-content:center;align-items:center;text-align:center;gap:1.5rem;padding:2rem var(--pad);box-shadow:none}.scrim.--success .modal h2,.scrim.--alert-error .modal h2,.scrim.--alert-warn .modal h2{font-size:calc(var(--fs-2xl) * 1.3);justify-content:center}.scrim.--success .modal p,.scrim.--alert-error .modal p,.scrim.--alert-warn .modal p{color:#ffffffe6;font-size:var(--fs-lg)}.scrim.--success .modal .meta{color:#ffffffbf;font-size:var(--fs-base)}.scrim.--success .success-icon,.scrim.--alert-error .alert-fs-icon,.scrim.--alert-warn .alert-fs-icon{width:140px;height:140px;border-radius:50%;background:#ffffff2e;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:5rem;line-height:1;box-shadow:0 0 0 12px #ffffff14}.scrim.--success .modal .actions,.scrim.--alert-error .modal .actions,.scrim.--alert-warn .modal .actions{width:100%;margin-top:1rem}.scrim.--success .modal .actions .btn,.scrim.--alert-error .modal .actions .btn,.scrim.--alert-warn .modal .actions .btn{background:#fff;border-color:#fff;font-size:var(--fs-lg)}.scrim.--success .modal .actions .btn{color:var(--c-done)}.scrim.--alert-error .modal .actions .btn{color:var(--c-error)}.scrim.--alert-warn .modal .actions .btn{color:var(--c-partial)}.alert-cta-secondary{color:#fff;text-decoration:underline;font-size:var(--fs-base);margin-top:.5rem;padding:.6rem 1rem;display:inline-block}.alert-cta-secondary:active{opacity:.7}.lote-found{background:var(--c-done-bg);border:1px solid var(--c-done-border);border-radius:var(--radius);padding:.85rem 1rem;display:flex;align-items:center;gap:.75rem}.lote-found .ico{font-size:1.4rem;color:var(--c-done)}.lote-found .info{flex:1;min-width:0}.lote-found .info .label{font-size:var(--fs-xs);color:var(--c-done);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.lote-found .info .value{font-size:var(--fs-xl);font-weight:700;color:var(--c-fg);font-variant-numeric:tabular-nums}.lote-edit-link{background:none;border:0;color:var(--c-accent);font-size:var(--fs-sm);text-align:center;padding:.5rem;cursor:pointer;text-decoration:underline}.lote-missing{background:var(--c-partial-bg);border:1px solid var(--c-partial-border);border-radius:var(--radius);padding:.75rem 1rem;display:flex;align-items:center;gap:.6rem;font-size:var(--fs-sm);color:var(--c-partial)}.camera-overlay{position:fixed;inset:0;background:#000;z-index:200;display:flex;flex-direction:column;color:#fff}.camera-overlay .stream{flex:1;background:#111 radial-gradient(circle at 50% 50%,#1f2937,#000);position:relative;overflow:hidden}.camera-overlay .stream:before{content:"📷 (placeholder vídeo)";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffff59;font-size:var(--fs-sm)}.camera-overlay .reticle{top:50%;left:50%;width:min(80vw,320px);height:180px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.6);border-radius:16px;box-shadow:0 0 0 9999px #0000008c;position:absolute}.camera-overlay .reticle:before,.camera-overlay .reticle:after{content:"";position:absolute;left:8%;right:8%;height:2px;background:#f59e0b;opacity:.9}.camera-overlay .reticle:before{top:50%;transform:translateY(-50%)}.camera-overlay .topinfo{position:absolute;top:0;left:0;right:0;padding:.75rem var(--pad);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent)}.camera-overlay .topinfo .badge{background:#00000073;color:#fff;border:0}.camera-overlay .topinfo .fps{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;background:#00000073;padding:.3rem .55rem;border-radius:999px}.camera-overlay .closebtn{background:#ffffff26;color:#fff;border:0;width:44px;height:44px;border-radius:50%;font-size:1.2rem}.camera-overlay .bottombar{padding:1rem var(--pad) 1.2rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6));display:flex;gap:.5rem}.camera-overlay .torchbtn{width:56px;height:56px;border-radius:50%;background:#ffffff26;color:#fff;border:0;font-size:1.4rem}.printer-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-sm)}.printer-card .row{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-sm)}.printer-card .row .label{color:var(--c-fg-muted)}.printer-card .row .value{font-weight:600;font-variant-numeric:tabular-nums}.variant-dock{background:#111827eb;color:#fff;font-family:ui-monospace,monospace;font-size:11px;padding:6px 10px;display:flex;gap:6px;flex-wrap:wrap;position:sticky;bottom:0;z-index:30;border-top:1px solid #374151}.variant-dock a{color:#9ca3af;padding:4px 8px;border-radius:4px;border:1px solid #374151;text-decoration:none;white-space:nowrap}.variant-dock a.active{background:#2563eb;color:#fff;border-color:#2563eb}.variant-dock .label{color:#6b7280;padding:4px 0;margin-right:4px}[hidden]{display:none!important}.sync-banner{background:var(--c-partial);color:#fff;padding:.7rem 1rem;border-radius:var(--radius);display:flex;align-items:center;gap:.6rem;font-size:var(--fs-sm);margin-bottom:.5rem}.fade-in{animation:fade-in .16s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-tabs{display:flex;gap:0;background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:0 var(--pad)}.admin-tab{flex:1;padding:.75rem 1rem;background:transparent;border:0;border-bottom:3px solid transparent;color:var(--c-fg-muted);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-size:var(--fs-sm)}.admin-tab.active{color:var(--c-fg);border-bottom-color:var(--c-accent)}.admin-content{padding:1rem var(--pad)}.admin-toolbar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.75rem}.admin-toolbar .search-box{flex:1;min-width:200px;position:relative}.admin-toolbar .search-box input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);font-size:var(--fs-sm);box-sizing:border-box}.admin-toolbar .search-box .search-ico{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--c-fg-muted);pointer-events:none}.admin-toolbar .counter{font-size:var(--fs-xs);color:var(--c-fg-muted);margin-left:auto}.admin-toolbar .filter-toggle{font-size:var(--fs-xs);color:var(--c-fg-muted);display:inline-flex;align-items:center;gap:.3rem;cursor:pointer}.admin-list{display:flex;flex-direction:column;gap:.5rem}.prod-row{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:.75rem;display:grid;grid-template-columns:1fr;gap:.5rem}.prod-info .prod-title{font-weight:600;display:flex;align-items:center;gap:.5rem}.prod-info .prod-sub{font-size:var(--fs-xs);color:var(--c-fg-muted);display:flex;gap:.3rem}.prod-dims{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.prod-dims label{font-size:var(--fs-xs);color:var(--c-fg-muted);display:flex;flex-direction:column;gap:.2rem}.prod-dims input{padding:.4rem .5rem;border:1px solid var(--c-border);border-radius:6px;font-size:var(--fs-sm);font-family:ui-monospace,monospace;width:100%;box-sizing:border-box}.prod-flags{display:flex;gap:1rem;font-size:var(--fs-sm)}.prod-flags label{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer}.prod-actions{display:flex;gap:.4rem}.prod-actions .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:36px}.prod-actions .btn-clear{flex:0 0 auto}.caja-row{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:.75rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.caja-row.--archived{opacity:.6}.caja-row .caja-info{flex:1;min-width:200px}.caja-row .caja-title{font-weight:600;display:flex;align-items:center;gap:.5rem}.caja-row .caja-sub{font-size:var(--fs-xs);color:var(--c-fg-muted);margin-top:.2rem}.caja-actions{display:flex;gap:.4rem}.caja-actions .btn{display:inline-flex;align-items:center;gap:.3rem;min-height:36px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-grid label{display:flex;flex-direction:column;gap:.25rem;font-size:var(--fs-sm);font-weight:500}.form-grid input{padding:.45rem .6rem;border:1px solid var(--c-border);border-radius:6px;font-size:var(--fs-sm);font-family:ui-monospace,monospace}.plan-cajas-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.plan-caja-card{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);overflow:hidden}.plan-caja-card>summary{list-style:none;cursor:pointer;padding:.6rem .75rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.plan-caja-card>summary::-webkit-details-marker{display:none}.plan-caja-head{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:120px}.plan-caja-sub{font-size:var(--fs-xs);color:var(--c-fg-muted)}.plan-caja-stats{font-size:var(--fs-xs);color:var(--c-fg-muted);display:inline-flex;align-items:center;gap:.3rem}.plan-items{list-style:none;margin:0;padding:.5rem .75rem .6rem;display:flex;flex-direction:column;gap:.2rem;border-top:1px dashed var(--c-border)}.plan-item{display:flex;justify-content:space-between;gap:.5rem;font-size:var(--fs-sm);padding:.15rem 0}.plan-warnings{background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius);padding:.75rem;margin-top:.5rem;color:#92400e}.plan-warnings-head{display:flex;align-items:center;gap:.4rem;font-weight:600;margin-bottom:.3rem}.plan-warnings-list{margin:0;padding-left:1.25rem;font-size:var(--fs-sm)}.plan-modo-selector{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.plan-modo-label{font-size:var(--fs-sm);color:var(--c-fg-muted)}.plan-modo-opt{flex:1;min-width:130px;display:flex;align-items:flex-start;gap:.4rem;padding:.4rem .6rem;border:1px solid var(--c-border);border-radius:6px;cursor:pointer;font-size:var(--fs-sm);background:var(--c-surface);transition:border-color .12s,background .12s,opacity .12s}.plan-modo-opt:hover{border-color:var(--c-border-strong)}.plan-modo-opt.active{border-color:var(--c-fg);background:var(--c-surface-2)}.plan-modo-opt.loading{opacity:.5;cursor:wait}.plan-modo-opt input[type=radio]{margin:2px 0 0}.plan-modo-opt span{display:flex;flex-direction:column;gap:1px;line-height:1.2}.plan-modo-opt small{color:var(--c-fg-muted);font-size:var(--fs-xs)}.plan-capa-pills{display:flex;flex-wrap:wrap;gap:.3rem;padding:.4rem .75rem 0}.plan-capa-pill{appearance:none;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-fg-muted);border-radius:999px;padding:.2rem .55rem;font-size:var(--fs-xs);cursor:pointer;line-height:1.4;transition:background .12s,border-color .12s,color .12s}.plan-capa-pill:hover{border-color:var(--c-border-strong);color:var(--c-fg)}.plan-capa-pill.active{background:var(--c-fg);color:var(--c-bg);border-color:var(--c-fg)}.plan-capa-pill small{opacity:.7;margin-left:2px}.plan-canvas-wrap{padding:.5rem .75rem .25rem;border-top:1px dashed var(--c-border)}.plan-canvas-label{font-size:var(--fs-xs);color:var(--c-fg-muted);margin-bottom:.35rem;text-align:center}.plan-canvas{display:block;width:100%;max-height:240px;background:var(--c-surface-2);border-radius:6px}.plan-legend{margin-top:.4rem;display:flex;flex-wrap:wrap;gap:.3rem;font-size:var(--fs-xs);color:var(--c-fg-muted)}.legend-chip{display:inline-flex;align-items:center;gap:.3rem;padding:2px 6px;background:var(--c-bg);border-radius:999px;border:1px solid var(--c-border)}.legend-swatch{display:inline-block;width:.7rem;height:.7rem;border-radius:2px;border:1px solid rgba(0,0,0,.2);margin-right:.35rem;vertical-align:-1px}