:root{
  color-scheme:dark;
  --font-scale:1;
  --bg:#07111f;
  --bg2:#0a1526;
  --panel:#0e1b2e;
  --panel2:#12223a;
  --line:#243754;
  --text:#f5f7fb;
  --muted:#97a7bd;
  --primary:#2b7cff;
  --primary2:#5b9cff;
  --success:#2fd59b;
  --warning:#ffbd4a;
  --danger:#ff6470;
  --radius:18px;
  --shadow:0 20px 50px rgba(0,0,0,.22);
  --sidebar:250px;
}
*{box-sizing:border-box}
html{font-size:calc(16px * var(--font-scale));}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at 20% 0%,#112646 0,#07111f 36%,#050b14 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.muted{color:var(--muted)}
.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:800;color:#7ea9eb;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:.5rem}
h2{font-size:1.5rem;margin:0}
h3{font-size:1.1rem;margin:.25rem 0 .35rem}
.panel{background:linear-gradient(180deg,rgba(18,34,58,.96),rgba(12,26,44,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.compact-panel{padding:12px}
.btn{border:1px solid transparent;border-radius:12px;padding:10px 14px;color:var(--text);background:#1b2b44;font-weight:750;transition:.16s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.btn-primary{background:linear-gradient(135deg,var(--primary),#155bd4);box-shadow:0 8px 24px rgba(43,124,255,.24)}
.btn-secondary{background:#152941;border-color:#2b4567}
.btn-ghost{background:transparent;border-color:#263b59}
.btn-sm{padding:7px 10px;font-size:.82rem}
.btn-lg{padding:13px 18px}
.btn-xl{padding:15px 18px;font-size:1.05rem;width:100%}
.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#13233b;color:var(--text);font-size:1.35rem;display:grid;place-items:center}
input,select,textarea{width:100%;background:#091522;border:1px solid #2a3d5a;color:var(--text);border-radius:11px;padding:11px 12px;outline:none}
input:focus,select:focus,textarea:focus{border-color:#4b8eff;box-shadow:0 0 0 3px rgba(75,142,255,.12)}
label{display:grid;gap:6px;font-size:.84rem;color:#c7d2e2;font-weight:650}
.form-stack{display:grid;gap:13px}
.form-grid{display:grid;gap:12px}
.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.span-2{grid-column:1/-1}
.check-row{display:flex;align-items:center;gap:9px}.check-row input{width:auto}
.login-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}
.login-card{width:min(460px,100%);padding:30px;display:grid;gap:20px}
.login-logo{width:92px;height:92px;object-fit:contain;border-radius:20px;background:white;padding:5px}
.backend-status{font-size:.8rem;color:var(--muted);padding-top:4px}
.app-shell{min-height:100dvh;display:grid;grid-template-columns:var(--sidebar) 1fr}
.sidebar{position:sticky;top:0;height:100dvh;padding:18px 14px;background:rgba(6,14,25,.94);backdrop-filter:blur(16px);border-right:1px solid #1d2d45;display:flex;flex-direction:column;z-index:30}
.brand-row{display:flex;align-items:center;gap:11px;padding:4px 6px 18px}.brand-row strong,.brand-row small{display:block}.brand-row small{color:var(--muted);font-size:.75rem;margin-top:2px}.brand-logo{width:44px;height:44px;border-radius:12px;object-fit:contain;background:white;padding:2px}
.nav-list{display:grid;gap:5px}.nav-btn{width:100%;display:flex;align-items:center;gap:11px;background:transparent;color:#b6c5d9;border:1px solid transparent;border-radius:12px;padding:10px 12px;text-align:left;font-weight:650}.nav-btn span{width:22px;text-align:center;color:#7ea9eb}.nav-btn:hover,.nav-btn.active{background:#122541;color:white;border-color:#26456c}.nav-btn.active{box-shadow:inset 3px 0 0 var(--primary)}
.sidebar-footer{margin-top:auto;border-top:1px solid #1c2d44;padding-top:14px;display:grid;gap:10px}.user-mini{font-size:.8rem;color:var(--muted)}.user-mini strong{display:block;color:white;font-size:.9rem}
.main-content{min-width:0;padding:0 22px 32px}
.topbar{height:88px;display:flex;align-items:center;gap:14px;position:sticky;top:0;background:linear-gradient(180deg,rgba(7,17,31,.98) 65%,rgba(7,17,31,.85));backdrop-filter:blur(14px);z-index:20;border-bottom:1px solid rgba(38,58,86,.38)}
.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.sync-badge{font-size:.77rem;color:#9fc6ff;background:#0e2340;border:1px solid #264b78;border-radius:999px;padding:7px 10px}
.view{display:none}.active-view{display:block}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:20px 0 15px}.section-head p{margin-bottom:0}
.hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.hero-card{min-height:140px;border-radius:20px;padding:18px;border:1px solid #284060;background:linear-gradient(145deg,#132842,#0d1a2b);display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero-card strong{display:block;font-size:2rem;margin:.45rem 0 .25rem}.hero-card small{color:var(--muted)}.hero-icon{font-size:2.2rem;font-weight:900;color:#5d96ed;opacity:.65}
.dashboard-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.dashboard-grid>.panel{padding:17px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-head h3{margin:0}
.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-action{border:1px solid #27415f;background:#0d1b2d;color:white;border-radius:14px;padding:14px;display:flex;align-items:center;text-align:left;gap:12px}.quick-action b{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#17385e;color:#8bb8ff}.quick-action strong,.quick-action small{display:block}.quick-action small{color:var(--muted);margin-top:3px}
.compact-list{display:grid;gap:9px}.compact-item{display:flex;align-items:center;gap:10px;border:1px solid #243951;border-radius:12px;padding:10px}.compact-item img{width:44px;height:44px;object-fit:contain;background:white;border-radius:8px}.compact-item .grow{flex:1}.compact-item small{display:block;color:var(--muted);margin-top:2px}.empty-state{color:var(--muted);padding:18px 8px;text-align:center}
.workspace-grid{display:grid}.pos-layout{grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start}.workspace-main{min-width:0}.toolbar{display:flex;gap:10px;align-items:center;margin:16px 0}.search-wrap{min-width:200px;flex:1;position:relative}.search-wrap span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#7f94b3}.search-wrap input{padding-left:34px}.select{width:auto;min-width:180px}.grow{flex:1}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding-bottom:20px}.admin-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}.product-card{background:linear-gradient(180deg,#12233a,#0c192a);border:1px solid #253c58;border-radius:16px;overflow:hidden;min-width:0;display:flex;flex-direction:column;transition:.16s ease}.product-card:hover{border-color:#3c66a0;transform:translateY(-1px)}.product-photo{aspect-ratio:1/1;background:#f5f6f8;position:relative;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:contain;display:block}.photo-fallback{width:100%;height:100%;display:grid;place-items:center;color:#71819a;background:linear-gradient(145deg,#eef1f5,#dce3ec);font-size:2rem}.offer-chip{position:absolute;left:9px;top:9px;background:#f23949;color:white;font-size:.68rem;font-weight:900;padding:5px 7px;border-radius:8px}.product-body{padding:11px;display:flex;flex:1;flex-direction:column;gap:7px}.product-name{font-size:.91rem;line-height:1.25;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.28em}.product-meta{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.price{font-size:1rem;font-weight:900}.old-price{text-decoration:line-through;color:#8593a7;font-size:.75rem}.owner-badges{display:flex;gap:4px;flex-wrap:wrap}.owner-badge{font-size:.66rem;font-weight:800;border:1px solid #31567e;background:#122e50;color:#a9ceff;border-radius:999px;padding:4px 6px}.stock-chip{font-size:.69rem;border-radius:999px;padding:4px 7px;background:#143a31;color:#93efd1}.stock-chip.low{background:#422b18;color:#ffd08a}.stock-chip.none{background:#431c24;color:#ffabb4}.card-actions{display:flex;gap:7px;margin-top:auto}.card-actions .btn{flex:1;padding:8px;font-size:.78rem}
.cart-panel{position:sticky;top:102px;padding:15px;max-height:calc(100dvh - 120px);overflow:auto}.cart-items{display:grid;gap:8px}.cart-line{border:1px solid #243952;border-radius:12px;padding:9px}.cart-line-top{display:flex;gap:8px;align-items:start}.cart-line-name{flex:1;font-weight:750;font-size:.85rem}.cart-line-owner{font-size:.68rem;color:#93aed0;margin-top:3px}.qty-control{display:flex;align-items:center;gap:4px}.qty-control button{width:28px;height:28px;border-radius:8px;border:1px solid #29415f;background:#102238;color:white}.cart-line-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.cart-totals{border-top:1px solid #253851;border-bottom:1px solid #253851;margin:12px 0;padding:11px 0;display:grid;gap:7px}.cart-totals>div{display:flex;justify-content:space-between}.grand-total{font-size:1.15rem}.payment-block{display:grid;gap:10px}.change-box{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0f3c32,#102f31);border:1px solid #236c57;border-radius:14px;padding:11px 13px}.change-box strong{font-size:1.45rem;color:#63edbd}.cash-shortcuts{display:flex;flex-wrap:wrap;gap:6px}.cash-shortcuts button{border:1px solid #2a4767;background:#10243d;color:#cfe2ff;border-radius:8px;padding:6px 8px;font-size:.75rem}.stock-preview{font-size:.72rem;color:#aebcd0;line-height:1.5}
.table-panel{overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 13px;border-bottom:1px solid #21344e;text-align:left;font-size:.81rem}th{color:#8ea5c2;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;background:#0d1b2c;position:sticky;top:0}td strong{display:block}.status-ok{color:var(--success)}.status-warn{color:var(--warning)}.status-bad{color:var(--danger)}
.cards-list{display:grid;gap:10px}.order-card{padding:14px;border:1px solid #263d5c;background:#0e1c2f;border-radius:14px;display:grid;grid-template-columns:1fr auto;gap:10px}.order-card small{color:var(--muted)}.order-items{font-size:.8rem;color:#c5d3e4;margin-top:8px}.badge{background:#17395f;border:1px solid #2f5f91;color:#acd0ff;border-radius:999px;padding:5px 8px;font-size:.72rem}
.promo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.promo-card{border-radius:16px;border:1px solid #29415f;overflow:hidden;background:#0d1b2d}.promo-card .promo-art{aspect-ratio:16/9;background:linear-gradient(135deg,#1f4d88,#16233a);display:grid;place-items:center;font-size:2.3rem}.promo-card .promo-copy{padding:13px}.promo-card small{color:var(--muted)}
.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.report-card{padding:15px}.report-card strong{display:block;font-size:1.5rem;margin-top:7px}
.assistant-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;margin-top:16px}.assistant-card{padding:18px}.assistant-orb{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#3c7cff,#7b5cff);font-size:1.8rem;box-shadow:0 16px 40px rgba(66,114,255,.3);margin-bottom:14px}.assistant-messages{min-height:280px;max-height:46dvh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:10px 0}.message{max-width:82%;padding:10px 12px;border-radius:13px;font-size:.86rem;line-height:1.45}.message.user{align-self:flex-end;background:#2055a1}.message.bot{align-self:flex-start;background:#132842;border:1px solid #274464}.assistant-input-row{display:grid;grid-template-columns:1fr auto auto;gap:8px}.prompt-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.prompt-chips button{background:#10243d;color:#c7dcf8;border:1px solid #294762;border-radius:999px;padding:8px 10px;font-size:.76rem}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.settings-grid>.panel{padding:17px}.copy-row{display:grid;grid-template-columns:1fr auto;gap:7px}.qr-placeholder{width:170px;min-height:170px;margin:16px auto 0;border-radius:13px;background:#fff;color:#101820;display:grid;place-items:center;align-content:center;font-weight:900;padding:10px;overflow:hidden}.qr-placeholder span{font-size:2rem}.qr-placeholder small{font-size:.65rem}.qr-placeholder img,.qr-placeholder canvas{max-width:150px!important;max-height:150px!important;display:block}.status-list{display:grid;gap:8px}.status-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #21334a;padding:9px 0;font-size:.82rem}
.modal{border:0;background:transparent;padding:0;color:var(--text);max-width:none;max-height:none}.modal::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(6px)}.modal-card{width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;background:#0d1a2c;border:1px solid #2c4565;border-radius:20px;padding:17px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.large-modal{width:min(980px,calc(100vw - 28px))}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #233750;margin-top:15px;padding-top:13px}.product-editor-grid{display:grid;grid-template-columns:300px 1fr;gap:18px}.photo-editor{display:flex;flex-direction:column;gap:9px}.photo-preview{aspect-ratio:1/1;background:#f1f3f6;border-radius:16px;overflow:hidden;display:grid;place-items:center;color:#66758b}.photo-preview img{width:100%;height:100%;object-fit:contain}.owner-fieldset{border:1px solid #2b4260;border-radius:12px;padding:12px}.owner-fieldset legend{font-size:.8rem;color:#bdd0e8}.owner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.owner-grid label{padding:8px;border-radius:10px;background:#0b1727;border:1px solid #223952}.owner-share{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px}.owner-share input[type=checkbox]{width:auto}.file-btn{position:relative}
.camera-card{width:min(520px,calc(100vw - 20px));padding:12px}.camera-viewport,.scanner-viewport{position:relative;aspect-ratio:1/1;background:black;border-radius:18px;overflow:hidden}.camera-viewport video,.scanner-viewport video{width:100%;height:100%;object-fit:cover}.square-guide{position:absolute;inset:8%;border:2px solid rgba(255,255,255,.8);border-radius:12px;box-shadow:0 0 0 999px rgba(0,0,0,.12)}.camera-tip{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.6);padding:7px 10px;border-radius:999px;font-size:.72rem;white-space:nowrap}.focus-ring{position:absolute;width:58px;height:58px;border:2px solid #7db7ff;border-radius:50%;transform:translate(-50%,-50%);display:none}.focus-ring.show{display:block;animation:focus .7s ease}.sharpness-status{padding:9px 4px;font-size:.79rem;color:#aabbd1;text-align:center}.camera-actions{display:flex;justify-content:center;align-items:center;gap:18px}.shutter{width:70px;height:70px;border-radius:50%;background:white;border:7px solid #26384e;box-shadow:0 0 0 3px white}.scan-frame{position:absolute;inset:22%;border:2px solid #8fc4ff;border-radius:12px}.scan-line{position:absolute;left:23%;right:23%;height:2px;background:#5eb1ff;top:24%;box-shadow:0 0 14px #5eb1ff;animation:scan 2s linear infinite}.manual-code{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}
.guest-shell{min-height:100dvh;padding-bottom:90px;background:linear-gradient(180deg,#07111f,#091a2c)}.guest-header{height:72px;position:sticky;top:0;z-index:30;background:rgba(7,17,31,.95);backdrop-filter:blur(14px);border-bottom:1px solid #20344f;display:flex;align-items:center;padding:9px 14px;gap:10px}.guest-header img{width:46px;height:46px;object-fit:contain;background:white;border-radius:12px}.guest-header div{flex:1}.guest-header strong,.guest-header small{display:block}.guest-header small{color:var(--muted);font-size:.72rem}.guest-main{width:min(1180px,100%);margin:auto;padding:16px}.guest-hero{border:1px solid #294969;background:radial-gradient(circle at 85% 15%,rgba(46,121,240,.34),transparent 28%),linear-gradient(135deg,#122944,#0b1829);padding:24px;border-radius:22px;margin-bottom:14px}.guest-hero p{max-width:650px;color:#b2c1d5;margin-bottom:0}.guest-search{margin:0 0 14px}.guest-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.guest-cart-bar{position:fixed;bottom:0;left:0;right:0;min-height:74px;background:rgba(6,14,25,.97);backdrop-filter:blur(14px);border-top:1px solid #29405d;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;z-index:40}.guest-cart-bar small,.guest-cart-bar strong{display:block}.guest-cart-bar small{color:var(--muted)}.guest-form{margin-top:14px}
.toast-host{position:fixed;right:18px;top:18px;z-index:200;display:grid;gap:8px;pointer-events:none}.toast{min-width:240px;max-width:360px;background:#11233a;border:1px solid #315275;border-radius:12px;padding:10px 12px;box-shadow:var(--shadow);font-size:.82rem;animation:toastin .2s ease}.toast.success{border-color:#2e7b64}.toast.error{border-color:#8d3a45}.toast.warning{border-color:#8d6b31}
.mobile-only{display:none}
@keyframes scan{0%{top:24%}50%{top:74%}100%{top:24%}}
@keyframes focus{0%{transform:translate(-50%,-50%) scale(1.25);opacity:.4}60%{transform:translate(-50%,-50%) scale(.8);opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:.8}}
@keyframes toastin{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:1100px){.hero-grid{grid-template-columns:repeat(2,1fr)}.pos-layout{grid-template-columns:1fr}.cart-panel{position:relative;top:auto;max-height:none}.report-grid{grid-template-columns:1fr 1fr}.assistant-layout{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.product-editor-grid{grid-template-columns:240px 1fr}}
@media(max-width:780px){:root{--sidebar:270px}.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;transform:translateX(-105%);transition:.2s ease;width:var(--sidebar);box-shadow:25px 0 50px rgba(0,0,0,.4)}.sidebar.open{transform:translateX(0)}.main-content{padding:0 12px 24px}.mobile-only{display:grid}.topbar{height:78px}.topbar-actions .sync-badge{display:none}.topbar-actions .btn{padding:8px 10px;font-size:.75rem}.dashboard-grid{grid-template-columns:1fr}.product-editor-grid{grid-template-columns:1fr}.photo-editor{max-width:360px;margin:auto;width:100%}.toolbar{flex-wrap:wrap}.toolbar .select{flex:1;min-width:140px}.assistant-input-row{grid-template-columns:1fr auto}.assistant-input-row #assistantVoiceBtn{grid-row:2}.assistant-input-row #assistantSendBtn{grid-row:2}.quick-actions{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.span-2{grid-column:auto}.owner-grid{grid-template-columns:1fr}.hero-card{min-height:118px}.guest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.hero-grid{grid-template-columns:1fr 1fr;gap:8px}.hero-card{padding:13px;min-height:110px}.hero-card strong{font-size:1.45rem}.hero-icon{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-body{padding:9px}.product-name{font-size:.83rem}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}.topbar-actions #guestLinkBtn{display:none}.login-card{padding:20px}.guest-main{padding:11px}.guest-hero{padding:18px}.guest-grid{gap:8px}.guest-header{padding:8px 10px}.guest-header .btn{font-size:.72rem;padding:8px 9px}}


/* V8.1.0 · Campañas + Etiquetas */
.compact-grid .product-card .card-actions{display:flex;gap:8px;flex-wrap:wrap}
.section-actions{display:flex;gap:10px;align-items:center}
.labels-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:18px}
.label-config-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 14px}
.label-builder{display:flex;flex-direction:column;gap:14px}
.label-queue{display:flex;flex-direction:column;gap:10px}
.label-queue-item{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.03)}
.label-queue-meta{display:flex;flex-direction:column}
.label-queue-meta strong{font-size:.95rem}
.label-queue-actions{display:flex;gap:6px;align-items:center}
.label-qty-chip{min-width:32px;text-align:center;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.08)}
.label-sheet-wrap{background:rgba(0,0,0,.2);padding:14px;border-radius:18px;overflow:auto}
.label-sheet{display:grid;gap:10mm;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:10mm;min-height:260mm;color:#111}
.label-sheet.template-12{grid-template-columns:repeat(3,1fr)}
.label-sheet.template-8{grid-template-columns:repeat(2,1fr)}
.a4-label{position:relative;border:1px solid #d9d9d9;border-radius:10px;padding:8px;display:grid;grid-template-rows:auto auto 1fr auto;gap:6px;overflow:hidden;background:#fff;min-height:63mm}
.template-8 .a4-label{min-height:84mm}
.a4-label::before{content:'';position:absolute;inset:0;border-top:7px solid #2f6bff;pointer-events:none}
.label-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.label-dw{display:flex;align-items:center;gap:8px}
.label-dw img{width:30px;height:30px;object-fit:contain}
.label-dw strong{font-size:.78rem;color:#183372}
.label-country{font-size:.72rem;border:1px solid #d2d7ef;border-radius:999px;padding:4px 8px;background:#f2f5ff;white-space:nowrap}
.label-brand{font-size:.74rem;font-weight:700;color:#2750d0;letter-spacing:.02em;text-transform:uppercase}
.label-name{font-size:.88rem;font-weight:800;line-height:1.2}
.label-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}
.label-qr{width:84px;height:84px;background:#fff}
.label-copy{font-size:.64rem;color:#444;line-height:1.25;text-align:right}
.label-copy .code{display:block;font-size:.62rem;color:#7b8190;margin-top:4px;word-break:break-all}
.promo-campaign{padding:0;overflow:hidden}
.promo-hero{display:grid;grid-template-columns:1.25fr .95fr;gap:14px;background:linear-gradient(135deg,#133a8c 0%,#2f6bff 50%,#0a1b39 100%);padding:18px;color:#fff}
.promo-copy{display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.promo-copy h3{font-size:1.35rem;margin:0}
.promo-copy p{margin:0;color:rgba(255,255,255,.82)}
.promo-call{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.price-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);padding:8px 12px;border-radius:999px;font-weight:800}
.promo-type-chip{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.14);padding:6px 10px;border-radius:999px}
.promo-visuals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.promo-visuals .promo-thumb{aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.promo-thumb img{width:100%;height:100%;object-fit:cover}
.promo-thumb .photo-fallback{height:100%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.06)}
.promo-models{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px;background:#0e1630}
.model-chip{font-size:.72rem;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:#dfe6ff}
.guest-campaign-list{display:grid;gap:14px;margin:14px 0 18px}
.guest-campaign-card .promo-models{background:#121722}
.guest-campaign-card .promo-hero{padding:16px}
@media (max-width: 960px){
  .labels-layout,.promo-hero{grid-template-columns:1fr}
}
@media print{
  body{background:#fff!important}
  #sidebar,.topbar,.view:not(#view-labels),#labelProductList,#labelQueue,.section-head,.label-config-row{display:none!important}
  #appShell{display:block}
  .main-content{padding:0}
  #view-labels{display:block!important;padding:0}
  #labelSheetWrap{padding:0;background:#fff}
  .label-sheet{box-shadow:none;padding:8mm;gap:7mm}
}


/* V8.1.1 · PWA + accesibilidad + responsive */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f3f6fb;--bg2:#ffffff;--panel:#ffffff;--panel2:#f8faff;--line:#cfd8e7;
  --text:#142033;--muted:#5f6e83;--primary:#205fd6;--primary2:#3477ed;
  --success:#087a57;--warning:#a66200;--danger:#c73443;--shadow:0 14px 40px rgba(19,43,75,.12);
}
html[data-theme="light"] body{background:linear-gradient(180deg,#eef4fc 0,#f8fafc 45%,#eef2f7 100%);color:var(--text)}
html[data-theme="light"] .panel{background:#fff}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{background:#fff;color:#142033;border-color:#bcc8d9}
html[data-theme="light"] .btn-secondary{background:#edf3fb;border-color:#bdcbe0;color:#18314f}
html[data-theme="light"] .btn-ghost{color:#18314f;border-color:#c9d3e2}
html[data-theme="light"] .sidebar{background:#f8fbff}
html[data-theme="light"] .product-card,
html[data-theme="light"] .cart-panel{background:#fff}
html[data-theme="light"] .guest-shell{background:#f4f7fb}
html[data-theme="light"] .muted{color:#5d6a7b}
html[data-theme="light"] .label-queue-item{background:#f7f9fc;border-color:#d8e0eb}
html[data-theme="light"] .model-chip{background:rgba(255,255,255,.13);color:#fff}

html.a11y-bold body,
html.a11y-bold button,
html.a11y-bold input,
html.a11y-bold select,
html.a11y-bold textarea{font-weight:650}
html.a11y-bold strong,
html.a11y-bold h1,
html.a11y-bold h2,
html.a11y-bold h3,
html.a11y-bold .product-name{font-weight:850}

html.a11y-high-contrast{
  --line:#90a7c8;
  --muted:#c4d4ea;
}
html[data-theme="light"].a11y-high-contrast{--line:#50647e;--muted:#34465d}
html.a11y-high-contrast .panel,
html.a11y-high-contrast .product-card,
html.a11y-high-contrast input,
html.a11y-high-contrast select,
html.a11y-high-contrast textarea,
html.a11y-high-contrast .btn{border-width:2px}

html.a11y-reduce-motion *,
html.a11y-reduce-motion *::before,
html.a11y-reduce-motion *::after{
  scroll-behavior:auto!important;
  transition:none!important;
  animation:none!important;
}

:focus-visible{outline:3px solid var(--primary2);outline-offset:3px}
button,.btn,input,select,textarea{min-height:44px}
.left-actions{justify-content:flex-start}
#installAppBtn{white-space:nowrap}
.install-ready{animation:pwaPulse 1.8s ease-in-out infinite}
@keyframes pwaPulse{50%{filter:brightness(1.15)}}

@media (prefers-color-scheme: light){
  html[data-theme="system"]{
    color-scheme:light;
    --bg:#f3f6fb;--bg2:#ffffff;--panel:#ffffff;--panel2:#f8faff;--line:#cfd8e7;
    --text:#142033;--muted:#5f6e83;--primary:#205fd6;--primary2:#3477ed;
    --success:#087a57;--warning:#a66200;--danger:#c73443;--shadow:0 14px 40px rgba(19,43,75,.12);
  }
  html[data-theme="system"] body{background:linear-gradient(180deg,#eef4fc 0,#f8fafc 45%,#eef2f7 100%);color:var(--text)}
  html[data-theme="system"] .panel{background:#fff}
  html[data-theme="system"] input,
  html[data-theme="system"] select,
  html[data-theme="system"] textarea{background:#fff;color:#142033;border-color:#bcc8d9}
  html[data-theme="system"] .btn-secondary{background:#edf3fb;border-color:#bdcbe0;color:#18314f}
  html[data-theme="system"] .btn-ghost{color:#18314f;border-color:#c9d3e2}
}

/* Laptop / desktop: 3–4 tarjetas, sidebar fija */
@media (min-width:1180px){
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .admin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Tablet: navegación compacta, 2–3 columnas */
@media (min-width:781px) and (max-width:1179px){
  .product-grid,.admin-grid,.guest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settings-grid{grid-template-columns:1fr 1fr}
  .topbar-actions{gap:7px;flex-wrap:wrap;justify-content:flex-end}
  .topbar-actions .btn{padding:9px 11px}
  .labels-layout{grid-template-columns:1fr}
}

/* Celular */
@media (max-width:780px){
  html{font-size:calc(16px * var(--font-scale))}
  .main-content{padding:12px}
  .topbar{gap:8px;align-items:flex-start}
  .topbar-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%}
  .topbar-actions .sync-badge{grid-column:1/-1}
  .topbar-actions .btn{width:100%;min-width:0;padding:9px 8px;font-size:.88rem}
  .product-grid,.admin-grid,.guest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product-card{min-width:0}
  .product-body{padding:10px}
  .product-name{font-size:.95rem}
  .product-meta{font-size:.74rem}
  .card-actions{gap:6px}
  .card-actions .btn{flex:1 1 calc(50% - 6px);padding:8px;font-size:.78rem}
  .two-col,.settings-grid,.labels-layout,.product-editor-grid,.workspace-grid{grid-template-columns:1fr}
  .span-2{grid-column:auto}
  .modal-card{width:min(96vw,680px);max-height:88vh;overflow:auto}
  .large-modal{width:min(96vw,760px)}
  .guest-header{gap:8px;padding:10px 12px}
  .guest-header img{width:42px;height:42px}
  .guest-main{padding:12px}
  .guest-cart-bar{padding:10px 12px}
  .promo-visuals{grid-template-columns:repeat(3,minmax(0,1fr))}
  .promo-hero{padding:13px}
  .promo-copy h3{font-size:1.16rem}
}

/* Celular angosto: una tarjeta para no sacrificar legibilidad con texto grande */
@media (max-width:430px){
  .product-grid,.admin-grid,.guest-grid{grid-template-columns:1fr}
  .hero-grid{grid-template-columns:1fr 1fr}
  .section-head{align-items:flex-start;gap:10px}
  .section-head .btn{width:100%}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* =========================================================
   V8.1.2 · ETIQUETA CUADRADA REAL + A4 3×4
   210 × 297 mm / 12 etiquetas de 65 × 65 mm.
   Ancho exacto: 5 + 65 + 2.5 + 65 + 2.5 + 65 + 5 = 210 mm
   Alto exacto: 14 + 65 + 3 + 65 + 3 + 65 + 3 + 65 + 14 = 297 mm
   ========================================================= */

.label-sheet-wrap{
  position:relative;
  overflow:hidden;
  padding:12px;
  background:#d7d7d7;
  border-radius:16px;
  min-height:360px;
}

.label-sheet,
.label-sheet.template-12,
.label-sheet.template-8{
  box-sizing:border-box;
  display:grid;
  width:210mm;
  min-width:210mm;
  max-width:none;
  height:297mm;
  min-height:297mm;
  max-height:297mm;
  padding:14mm 5mm;
  grid-template-columns:repeat(3,65mm);
  grid-template-rows:repeat(4,65mm);
  column-gap:2.5mm;
  row-gap:3mm;
  align-content:start;
  justify-content:start;
  background:#fff;
  color:#111;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  transform-origin:top left;
  overflow:hidden;
}

.a4-label{
  box-sizing:border-box;
  width:65mm;
  height:65mm;
  min-width:65mm;
  min-height:65mm;
  max-width:65mm;
  max-height:65mm;
  aspect-ratio:1/1;
  position:relative;
  overflow:hidden;
  border:0.25mm solid #d9dde5;
  border-radius:2.2mm;
  padding:2.4mm 2.6mm 2.2mm;
  background:#fff;
  color:#111827;
  display:flex;
  flex-direction:column;
  gap:0;
  page-break-inside:avoid;
  break-inside:avoid;
}

.a4-label::before{
  content:'';
  position:absolute;
  left:0;right:0;top:0;
  height:1.8mm;
  background:#2563eb;
  pointer-events:none;
}

.label-top{
  min-height:10mm;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:1.6mm;
  padding-top:1.2mm;
}

.label-dw{
  min-width:0;
  display:flex;
  align-items:center;
  gap:1.2mm;
}

.label-dw img{
  width:8.4mm;
  height:8.4mm;
  object-fit:contain;
  flex:0 0 auto;
}

.label-dw strong{
  display:block;
  max-width:18mm;
  font-size:7pt;
  line-height:1.03;
  color:#153a7a;
  font-weight:900;
}

.label-country{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.8mm;
  max-width:21mm;
  padding:1.2mm 1.6mm;
  border:.25mm solid #d5dce8;
  border-radius:999px;
  background:#f7f9fd;
  color:#111827;
  font-size:6.6pt;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
}

.label-price{
  min-width:16mm;
  text-align:right;
  font-size:8pt;
  line-height:1;
  font-weight:900;
  color:#111827;
  white-space:nowrap;
}

.label-brand{
  margin-top:1.1mm;
  font-size:6.7pt;
  line-height:1.05;
  font-weight:900;
  color:#2454c6;
  letter-spacing:.02em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.label-name{
  margin-top:1mm;
  min-height:8.3mm;
  max-height:8.3mm;
  overflow:hidden;
  color:#0b0f19;
  font-size:8.2pt;
  line-height:1.13;
  font-weight:900;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.label-qr-zone{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.8mm 0 .4mm;
}

.label-qr{
  flex:0 0 auto;
  width:auto;
  height:auto;
  display:grid;
  place-items:center;
  background:#fff;
  padding:0;
}

.label-qr img,
.label-qr canvas{
  display:block!important;
  max-width:29mm!important;
  max-height:29mm!important;
  width:auto!important;
  height:auto!important;
}

.label-caption{
  min-height:4.2mm;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  text-align:center;
  color:#123a81;
  font-size:5.8pt;
  line-height:1.05;
  font-weight:900;
  letter-spacing:.015em;
}

.label-code{
  position:absolute;
  right:2.1mm;
  bottom:1.7mm;
  max-width:16mm;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#7b8494;
  font-size:4.8pt;
  line-height:1;
}

@page{
  size:A4 portrait;
  margin:0;
}

@media print{
  html,body{
    width:210mm!important;
    height:297mm!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    overflow:visible!important;
  }
  body{
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  #sidebar,.topbar,.view:not(#view-labels),
  #view-labels>.section-head,
  #view-labels>.labels-layout>section:first-child,
  #labelQueue,
  .label-builder>.panel-head{
    display:none!important;
  }
  #appShell,.main-content,#view-labels,.labels-layout,.label-builder,#labelSheetWrap{
    display:block!important;
    width:210mm!important;
    max-width:210mm!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:#fff!important;
  }
  #labelSheetWrap{
    height:297mm!important;
    min-height:297mm!important;
    overflow:hidden!important;
  }
  .label-sheet,
  .label-sheet.template-12,
  .label-sheet.template-8{
    transform:none!important;
    width:210mm!important;
    min-width:210mm!important;
    height:297mm!important;
    min-height:297mm!important;
    margin:0!important;
    box-shadow:none!important;
  }
}


/* =========================================================
   V8.2.0 · MODERN UI — bordes mínimos, sombras suaves
   ========================================================= */
:root{
  --surface:#f7f9fd;
  --surface-card:#ffffff;
  --surface-soft:#f1f5fb;
  --ink:#10203b;
  --blue:#1769f5;
  --blue-deep:#0d51c8;
  --navy:#0a1b33;
  --soft-shadow:0 10px 28px rgba(20,50,92,.09);
  --lift-shadow:0 14px 34px rgba(17,55,115,.14);
}
html[data-theme="light"],html[data-theme="system"]{
  --panel:#fff;
}
body{background:#f3f6fb}
.app-shell{background:#f3f6fb}
.sidebar{
  background:linear-gradient(180deg,#0b1d36 0%,#0a1730 72%,#071327 100%);
  border-right:0!important;
  box-shadow:10px 0 32px rgba(9,27,55,.08);
}
.brand-row{padding-bottom:20px}
.brand-row strong{font-size:1.02rem}
.brand-row small{opacity:.72}
.nav-btn{
  border:0!important;
  box-shadow:none!important;
  border-radius:12px;
  color:#b8cae8;
  background:transparent;
  transition:background .15s ease,transform .15s ease,color .15s ease;
}
.nav-btn:hover{background:rgba(255,255,255,.07);color:#fff;transform:none}
.nav-btn.active{
  background:linear-gradient(135deg,#2474ff,#145ad9);
  color:#fff;
  box-shadow:0 9px 24px rgba(24,100,234,.28)!important;
}
.main-content{background:#f3f6fb}
.topbar{
  background:rgba(255,255,255,.92);
  border:0!important;
  box-shadow:0 7px 22px rgba(19,52,94,.06);
  backdrop-filter:blur(12px);
  border-radius:0 0 18px 18px;
}
.topbar h2{color:#14233d}
.sync-badge{
  border:0!important;
  background:#e8fbf4!important;
  color:#16835f!important;
  box-shadow:inset 0 0 0 1px rgba(32,170,120,.08);
}
.panel,.hero-card,.product-card,.order-card,.assistant-card{
  border:0!important;
  background:#fff;
  box-shadow:var(--soft-shadow);
}
.panel{border-radius:18px}
.hero-card{border-radius:18px}
.product-card{border-radius:16px;overflow:hidden}
.btn{
  border:0!important;
  box-shadow:0 6px 16px rgba(24,56,99,.08);
  border-radius:12px;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
}
.btn:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(24,56,99,.13)}
.btn-primary{
  background:linear-gradient(135deg,#2474ff,#125bdc);
  color:#fff;
  box-shadow:0 9px 22px rgba(31,102,232,.23);
}
.btn-secondary{
  background:#fff;
  color:#17407d;
  box-shadow:0 5px 15px rgba(37,70,120,.10);
}
.btn-ghost,.btn-soft{
  background:#eef3f9;
  color:#334b6d;
  box-shadow:none;
}
.icon-btn{
  border:0!important;
  background:#edf2f8;
  color:#294260;
  box-shadow:0 5px 14px rgba(25,52,87,.08);
}
input,select,textarea{
  background:#f8fafd;
  border:0!important;
  color:#17263f;
  box-shadow:inset 0 0 0 1px #dfe6f0;
  border-radius:12px;
}
input:focus,select:focus,textarea:focus{
  box-shadow:inset 0 0 0 2px #76a7ff,0 0 0 4px rgba(60,130,244,.08);
}
.search-wrap{background:#f8fafd;border-radius:13px}
.search-wrap input{box-shadow:none!important;background:transparent}
.table-panel table{border-collapse:separate;border-spacing:0 6px}
.table-panel thead th{border:0;color:#657894}
.table-panel tbody tr{background:#fff;box-shadow:0 5px 14px rgba(26,57,94,.05)}
.table-panel tbody td{border:0}
.owner-badge,.badge,.stock-chip,.soft-chip,.origin-chip{
  border:0!important;
  box-shadow:none!important;
}

/* Etiquetas */
.modern-head{align-items:center}
.label-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}
.mini-stat{
  min-height:88px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px;
  background:#fff;
  border-radius:17px;
  box-shadow:var(--soft-shadow);
}
.mini-stat:nth-child(1){background:linear-gradient(135deg,#eef5ff,#f8fbff)}
.mini-stat:nth-child(2){background:linear-gradient(135deg,#edfbf5,#f7fffb)}
.mini-stat:nth-child(3){background:linear-gradient(135deg,#fff5ec,#fffaf6)}
.mini-stat:nth-child(4){background:linear-gradient(135deg,#f8efff,#fcf9ff)}
.mini-stat-icon{
  width:44px;height:44px;display:grid;place-items:center;border-radius:14px;
  background:rgba(32,105,244,.10);color:#1769f5;font-weight:900;
}
.mini-stat strong{display:block;font-size:1.55rem;line-height:1;color:#14233d}
.mini-stat small{display:block;margin-top:7px;color:#61738d}
.labels-layout{grid-template-columns:minmax(420px,.95fr) minmax(520px,1.2fr);align-items:start}
.labels-products-panel{padding:16px}
.label-config-row{margin-top:12px}
.label-product-list{display:grid;gap:7px;margin-top:12px}
.label-product-row{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto auto;
  gap:12px;align-items:center;padding:10px;
  background:#fff;border-radius:14px;
  box-shadow:0 5px 15px rgba(22,51,89,.055);
}
.label-product-thumb{width:58px;height:58px;border-radius:12px;overflow:hidden;background:#f3f6fa}
.label-product-thumb img{width:100%;height:100%;object-fit:cover}
.label-product-main{min-width:0}
.label-product-main strong{display:block;color:#14233d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.label-product-main small{display:block;color:#71829a;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.origin-chip{
  display:inline-flex;margin-top:6px;padding:4px 8px;border-radius:999px;
  background:#eef4ff;color:#325e9f;font-size:.69rem;font-weight:750;width:max-content;
}
.origin-chip.origin-missing{background:#fff1ec;color:#a34d2c}
.label-product-price{font-weight:900;color:#14233d;white-space:nowrap}
.label-product-controls{display:flex;align-items:center;gap:6px}
.qty-btn,.icon-soft{
  width:34px;height:34px;border:0;border-radius:10px;background:#f0f4fa;color:#29466e;
  box-shadow:0 4px 11px rgba(24,55,92,.07);font-weight:900;cursor:pointer;
}
.qty-btn.plus{background:#eaf2ff;color:#1769f5}
.qty-value{min-width:24px;text-align:center;font-weight:850;color:#17263f}
.icon-soft.danger-soft{color:#b44a54;background:#fff0f1}
.label-queue-item{
  border:0!important;background:#fff!important;box-shadow:0 4px 13px rgba(24,55,92,.055);
}
.label-sheet-wrap{background:#e9edf3!important;box-shadow:inset 0 0 0 1px rgba(40,65,100,.04)}
.label-stack{display:flex!important;flex-direction:column;gap:16mm;width:210mm!important;min-width:210mm!important;height:auto!important;min-height:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.label-page{
  box-sizing:border-box;display:grid;width:210mm;height:297mm;padding:14mm 5mm;
  grid-template-columns:repeat(3,65mm);grid-template-rows:repeat(4,65mm);
  column-gap:2.5mm;row-gap:3mm;align-content:start;justify-content:start;
  background:#fff;color:#111;box-shadow:0 14px 34px rgba(0,0,0,.16);overflow:hidden;
}
.a4-label{
  width:65mm!important;height:65mm!important;min-width:65mm!important;min-height:65mm!important;
  max-width:65mm!important;max-height:65mm!important;border:.22mm solid #d6dbe3!important;
  border-radius:2.3mm!important;padding:2.3mm 2.7mm 2.2mm!important;box-shadow:none!important;
  display:flex!important;flex-direction:column!important;background:#fff!important;color:#0a0f18!important;
}
.a4-label::before{display:none!important}
.label-top{
  display:grid!important;grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;min-height:10mm!important;padding:0!important;gap:1.5mm!important;
}
.label-dw{justify-self:start}
.label-dw img{width:10mm!important;height:10mm!important;object-fit:contain}
.label-origin{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2mm;
  min-width:17mm;color:#1f4f96;
}
.label-flag{font-size:12pt;line-height:1}
.label-origin strong{font-size:5.8pt;line-height:1;font-weight:900;white-space:nowrap}
.label-price{
  justify-self:end!important;min-width:0!important;text-align:right!important;
  font-size:10pt!important;line-height:1!important;font-weight:900!important;color:#101318!important;
}
.label-divider{height:.22mm;background:#d7dbe2;margin:.3mm 0 1mm}
.label-brand{
  margin:0!important;text-align:center!important;color:#174f9d!important;
  font-size:6.2pt!important;line-height:1.1!important;font-weight:900!important;letter-spacing:.13em!important;
}
.label-name{
  margin-top:1.4mm!important;min-height:7.2mm!important;max-height:7.2mm!important;
  text-align:center!important;font-size:7.5pt!important;line-height:1.12!important;font-weight:900!important;
}
.label-qr-zone{padding:.3mm 0 0!important;flex:1;display:flex;align-items:center;justify-content:center}
.label-qr img,.label-qr canvas{max-width:28.5mm!important;max-height:28.5mm!important}
.label-caption{
  min-height:3.4mm!important;color:#174f9d!important;text-align:center!important;
  font-size:5.15pt!important;line-height:1!important;font-weight:950!important;letter-spacing:.015em!important;
}
.label-empty{width:100%;padding:34px;background:#fff;border-radius:16px;box-shadow:var(--soft-shadow)}

/* Modal */
.modal::backdrop{background:rgba(5,16,35,.48);backdrop-filter:blur(4px)}
.modal-card{border:0!important;box-shadow:0 28px 70px rgba(4,20,47,.26)}
.photo-preview{border:0!important;box-shadow:inset 0 0 0 1px #e2e7ef}

/* Dark mode modern */
html[data-theme="dark"] body,
html[data-theme="dark"] .app-shell,
html[data-theme="dark"] .main-content{background:#091322;color:#edf3fb}
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .hero-card,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .order-card,
html[data-theme="dark"] .label-product-row,
html[data-theme="dark"] .label-queue-item{background:#101f33!important;color:#edf3fb}
html[data-theme="dark"] .topbar h2,
html[data-theme="dark"] .mini-stat strong,
html[data-theme="dark"] .label-product-main strong,
html[data-theme="dark"] .label-product-price,
html[data-theme="dark"] .qty-value{color:#edf3fb}
html[data-theme="dark"] .mini-stat{background:#101f33}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#0b1828;color:#eef4fb;box-shadow:inset 0 0 0 1px #233750}
html[data-theme="dark"] .btn-secondary{background:#172a42;color:#e4edfa}
html[data-theme="dark"] .btn-ghost,
html[data-theme="dark"] .btn-soft,
html[data-theme="dark"] .qty-btn,
html[data-theme="dark"] .icon-soft{background:#172a42;color:#d5e2f3}
html[data-theme="dark"] .search-wrap{background:#0b1828}
html[data-theme="dark"] .label-product-thumb{background:#16263a}
html[data-theme="dark"] .label-sheet-wrap{background:#111d2d!important}

@media(max-width:1180px){
  .label-stats{grid-template-columns:repeat(2,1fr)}
  .labels-layout{grid-template-columns:1fr}
}
@media(max-width:780px){
  .label-stats{grid-template-columns:1fr 1fr;gap:9px}
  .mini-stat{padding:12px;min-height:78px}
  .label-product-row{grid-template-columns:52px minmax(0,1fr) auto}
  .label-product-price{grid-column:2}
  .label-product-controls{grid-column:3;grid-row:1/3}
  .section-actions{width:100%}
  .section-actions .btn{flex:1}
}
@media(max-width:430px){
  .label-stats{grid-template-columns:1fr}
}

@media print{
  .label-stack{display:block!important;transform:none!important;width:210mm!important}
  .label-page{
    width:210mm!important;height:297mm!important;box-shadow:none!important;
    page-break-after:always;break-after:page;margin:0!important;
  }
  .label-page:last-child{page-break-after:auto;break-after:auto}
}


/* =========================================================
   V8.3.0 · RESTAURACIÓN VISUAL MADURA SOBRE ARQUITECTURA V8
   ========================================================= */
.mature-nav{gap:5px}
.nav-section-label{
  margin:18px 10px 7px;
  font-size:.63rem;
  letter-spacing:.16em;
  font-weight:900;
  color:#6f8fb9;
}
.nav-section-gap{margin-top:24px}
.mature-nav .nav-btn{
  justify-content:flex-start;
  gap:13px;
  min-height:44px;
  padding:10px 12px;
}
.mature-nav .nav-btn b{font-size:.78rem;letter-spacing:.04em}
.mature-nav .nav-btn.active{
  background:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
  color:#fff;
}
.mature-nav .nav-btn.active::after{
  content:'›';margin-left:auto;font-size:1.1rem;color:#8fb3e7
}
.mature-welcome{
  min-height:104px;
  padding:20px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  overflow:hidden;
  position:relative;
  margin-bottom:18px;
}
.mature-welcome::after{
  content:'DIVERTY WORLD';
  position:absolute;
  right:90px;bottom:-15px;
  font-weight:950;font-size:3rem;letter-spacing:-.06em;
  color:rgba(24,80,150,.035);
  pointer-events:none;
}
.mature-welcome h1{font-size:1.65rem;margin:.25rem 0 .35rem;color:#17243a}
.accent-orange{color:#ff7a2f!important}
.register-sale-btn{min-width:155px}
.mature-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.mature-metrics .hero-card{
  min-height:94px;padding:16px 18px;
  display:flex;align-items:center;gap:14px
}
.mature-metrics .hero-card div{display:flex;flex-direction:column;gap:3px}
.mature-metrics .hero-card small{color:#71819a;font-size:.74rem}
.mature-metrics .hero-card strong{font-size:1.22rem;color:#14213a}
.mature-metrics .hero-card span{color:#8795aa;font-size:.7rem}
.metric-icon{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:900;flex:0 0 auto
}
.metric-icon.blue{background:#eaf2ff;color:#347cf5}
.metric-icon.green{background:#e7f9f1;color:#22a87c}
.metric-icon.orange{background:#fff0e7;color:#ff7b36}
.metric-icon.purple{background:#f2eaff;color:#8d57e9}
.investor-panel{padding:18px 20px;margin-bottom:18px}
.mature-panel-head h3{font-size:1.02rem;color:#17243a;margin:0}
.mature-panel-head p{margin:.3rem 0 0;font-size:.76rem}
.investor-overview{
  display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:center;padding:18px 0 14px
}
.investment-ring-wrap{display:grid;place-items:center}
.investment-ring{
  width:155px;height:155px;border-radius:50%;
  display:grid;place-items:center;
  position:relative;
  background:conic-gradient(#377cf6 0 84%,#20a779 84% 100%);
}
.investment-ring::after{
  content:'';position:absolute;width:112px;height:112px;border-radius:50%;background:#fff
}
.investment-ring>div{position:relative;z-index:2;text-align:center;display:grid;gap:4px}
.investment-ring small{font-size:.63rem;color:#8492a6}
.investment-ring strong{font-size:1.12rem;color:#15233a}
.investor-bars{display:grid;gap:14px}
.investor-bar-head{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#17243a}
.investor-bar-head>span{display:flex;align-items:center;gap:7px}
.investor-bar-head b{font-size:.9rem}
.investor-bar-head b small{font-size:.65rem;color:#7e8da2;margin-left:4px}
.partner-dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.partner-dot.p1,.investor-fill.p1{background:#377cf6}
.partner-dot.p2,.investor-fill.p2{background:#20a779}
.partner-dot.p3,.investor-fill.p3{background:#985be7}
.investor-track{height:7px;border-radius:99px;background:#edf2f8;overflow:hidden;margin-top:6px}
.investor-fill{display:block;height:100%;border-radius:99px}
.investor-bar-foot{font-size:.64rem;color:#8291a5;margin-top:5px}
.distribution-title{
  border-top:1px solid #edf1f6;padding-top:14px;display:flex;justify-content:space-between;gap:12px;
  font-size:.72rem;color:#17243a
}
.distribution-title span{color:#8593a7}
.owner-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.owner-summary-card{
  background:#f8fafc;border-radius:12px;padding:12px 14px;display:grid;gap:5px;
  box-shadow:inset 0 0 0 1px #edf1f6;
}
.owner-summary-card small{font-weight:800;color:#364b68}
.owner-summary-card strong{font-size:1.08rem;color:#17243a}
.owner-summary-card span{font-size:.68rem;color:#8795aa}
.assignment-warning{margin-top:12px;color:#b8752e;font-size:.7rem}
.mature-dashboard-bottom{grid-template-columns:1fr 1fr}
html[data-theme="dark"] .mature-welcome h1,
html[data-theme="dark"] .mature-metrics .hero-card strong,
html[data-theme="dark"] .mature-panel-head h3,
html[data-theme="dark"] .investor-bar-head,
html[data-theme="dark"] .investment-ring strong,
html[data-theme="dark"] .distribution-title,
html[data-theme="dark"] .owner-summary-card strong{color:#eef4fb}
html[data-theme="dark"] .investment-ring::after{background:#101f33}
html[data-theme="dark"] .owner-summary-card{background:#14263d;box-shadow:none}
html[data-theme="dark"] .investor-track{background:#20344e}
@media(max-width:1100px){
  .mature-metrics{grid-template-columns:repeat(2,1fr)}
  .investor-overview{grid-template-columns:180px 1fr}
  .owner-summary-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:780px){
  .mature-welcome{align-items:flex-start;gap:14px;flex-direction:column}
  .register-sale-btn{width:100%}
  .mature-metrics{grid-template-columns:1fr 1fr}
  .investor-overview{grid-template-columns:1fr}
  .owner-summary-grid{grid-template-columns:1fr}
  .mature-dashboard-bottom{grid-template-columns:1fr}
}
@media(max-width:430px){
  .mature-metrics{grid-template-columns:1fr}
}

/* V8.4 feature parity */
.subnav{padding-left:26px!important;font-weight:500!important}
.legacy-list{display:grid;gap:1px}
.legacy-row{display:flex;gap:13px;align-items:center;padding:13px 14px;background:#f8fafc;border-radius:12px;margin-bottom:7px}
.legacy-row.unread{background:#eef5ff}
.legacy-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff0e7;color:#ff7c35;font-weight:900}
.legacy-row .grow{display:flex;flex-direction:column;gap:3px}
.legacy-row small,.legacy-row em{color:#72839a;font-size:.72rem;font-style:normal}
.legacy-amount{margin-left:auto;text-align:right;font-weight:900}.legacy-amount b{display:block;margin-top:5px;background:#ff812f;color:#fff;border-radius:99px;padding:3px 7px;font-size:.58rem}
.table-scroll{overflow:auto}
.legacy-table{width:100%;border-collapse:collapse;min-width:760px}
.legacy-table th{padding:10px 12px;text-align:left;font-size:.68rem;color:#71829a;background:#f5f8fc;text-transform:uppercase;letter-spacing:.04em}
.legacy-table td{padding:12px;border-bottom:1px solid #edf1f6;font-size:.82rem}
.session-status{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px}
.btn-danger{background:#e94c4c;color:#fff}
.info-banner{margin-top:14px;padding:13px;border-radius:12px;background:#eaf2ff;color:#2257ad}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.pricing-card{display:grid;gap:8px;min-height:145px}.pricing-card>strong{font-size:1.7rem}.pricing-card small{color:#72839a}
.money-step{display:flex;justify-content:space-between;padding:12px;background:#f7f9fc;border-radius:10px;margin:8px 0}
.profit-box{display:flex;justify-content:space-between;padding:14px;border-radius:12px;background:#f7f9fc;margin:8px 0}
@media(max-width:1000px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pricing-grid{grid-template-columns:1fr}.legacy-row{align-items:flex-start;flex-wrap:wrap}.legacy-amount{width:100%}}

/* V8.4.2 · estados de carga por módulo */
.module-loading,.module-error{
  min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;text-align:center;color:#64758e
}
.loading-dot{
  width:28px;height:28px;border-radius:50%;
  border:3px solid #dce8fa;border-top-color:#347cf5;
  animation:dwspin .8s linear infinite
}
.module-error strong{color:#a5424a}.module-error span{max-width:620px;font-size:.78rem}
@keyframes dwspin{to{transform:rotate(360deg)}}


/* =========================================================
   V8.4.3 · RESTAURACIÓN ETIQUETAS 4×6 (V7.5.1) + PLANO + USUARIOS
   ========================================================= */

/* --- Etiquetas: 24 por A4, 4 horizontal × 6 vertical --- */
.label-stack{
  display:flex!important;
  flex-direction:column!important;
  gap:16mm!important;
  width:190mm!important;
  min-width:190mm!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.label-page{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(4,47.5mm)!important;
  grid-template-rows:repeat(6,47.5mm)!important;
  gap:0!important;
  place-content:center!important;
  width:190mm!important;
  min-width:190mm!important;
  height:285mm!important;
  min-height:285mm!important;
  margin:0 auto!important;
  padding:0!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:0 10px 35px rgba(16,35,62,.14)!important;
  overflow:hidden!important;
}
.a4-label{
  box-sizing:border-box!important;
  width:47.5mm!important;
  height:47.5mm!important;
  min-width:47.5mm!important;
  min-height:47.5mm!important;
  max-width:47.5mm!important;
  max-height:47.5mm!important;
  padding:1.5mm!important;
  border:.25mm dashed #9ca3af!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111827!important;
  display:grid!important;
  grid-template-rows:8.5mm .15mm 2.8mm 5.8mm 24.5mm 2.3mm!important;
  align-items:center!important;
  gap:.10mm!important;
  overflow:hidden!important;
  break-inside:avoid!important;
}
.a4-label .label-top{
  min-height:0!important;
  height:8.5mm!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:12.5mm minmax(7mm,1fr) auto!important;
  gap:.8mm!important;
  align-items:center!important;
}
.a4-label .label-dw{display:block!important}
.a4-label .label-dw img{
  width:12.5mm!important;
  height:8.1mm!important;
  object-fit:contain!important;
  display:block!important;
}
.a4-label .label-origin{
  min-width:0!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:.1mm!important;
  color:#10233e!important;
}
.a4-label .label-flag{font-size:10pt!important;line-height:1!important}
.a4-label .label-origin strong{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#52647a!important;
  font-size:4.6pt!important;
  line-height:1.05!important;
  font-weight:800!important;
}
.a4-label .label-price{
  min-width:0!important;
  color:#10233e!important;
  white-space:nowrap!important;
  text-align:right!important;
  font-size:10pt!important;
  line-height:1!important;
  font-weight:900!important;
}
.a4-label .label-divider{
  height:.15mm!important;
  margin:0!important;
  background:#e5e9ef!important;
}
.a4-label .label-brand{
  margin:0!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  color:#607086!important;
  font-size:5.2pt!important;
  line-height:1!important;
  font-weight:800!important;
}
.a4-label .label-name{
  margin:0!important;
  min-width:0!important;
  min-height:0!important;
  max-height:5.8mm!important;
  overflow:hidden!important;
  text-align:center!important;
  color:#111827!important;
  font-size:7.2pt!important;
  line-height:1.08!important;
  font-weight:800!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.a4-label .label-qr-zone{
  width:100%!important;
  height:24.5mm!important;
  min-height:24.5mm!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.a4-label .label-qr{
  width:24.5mm!important;
  height:24.5mm!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.a4-label .label-qr img,
.a4-label .label-qr canvas{
  width:24.5mm!important;
  height:24.5mm!important;
  max-width:24.5mm!important;
  max-height:24.5mm!important;
  display:block!important;
}
.a4-label .label-caption{
  min-height:0!important;
  height:2.3mm!important;
  overflow:hidden!important;
  color:#183657!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
  letter-spacing:.02em!important;
  font-size:5.1pt!important;
  line-height:1!important;
  font-weight:900!important;
}
.label-sheet-wrap{
  display:block!important;
  background:#e9edf3!important;
  overflow:hidden!important;
}
@page{size:A4 portrait;margin:0}
@media print{
  .label-stack{
    display:block!important;
    transform:none!important;
    width:190mm!important;
    min-width:190mm!important;
  }
  .label-page{
    width:190mm!important;
    min-width:190mm!important;
    height:285mm!important;
    min-height:285mm!important;
    margin:6mm auto!important;
    padding:0!important;
    box-shadow:none!important;
    page-break-after:always!important;
    break-after:page!important;
  }
  .label-page:last-child{page-break-after:auto!important;break-after:auto!important}
}

/* --- Plano rápido del local --- */
.location-plan-panel{overflow:visible}
.location-plan-search{margin:10px 0 16px}
.fixture-plan{display:grid;gap:18px}
.fixture-zone{
  border-radius:16px;
  padding:14px;
  background:#f8fbff;
  box-shadow:inset 0 0 0 1px #e8eef6;
}
.fixture-zone:nth-child(2){background:#fbf9ff}
.fixture-zone-title{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:12px;
  color:#294668;
}
.fixture-zone-title span{
  width:34px;height:34px;display:grid;place-items:center;
  border-radius:10px;background:#e9f2ff;color:#266bd1
}
.fixture-zone-title small{margin-left:auto;color:#7b8ca2}
.fixture-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}
.fixture-card{
  min-height:145px;
  padding:13px;
  border-radius:14px;
  background:#fff;
  box-shadow:0 6px 18px rgba(30,58,95,.08);
  display:grid;
  align-content:start;
  gap:9px;
}
.fixture-card-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:8px
}
.fixture-card-head>div{display:grid;gap:5px;min-width:0}
.fixture-card-head strong{font-size:.93rem;color:#152840}
.fixture-code{
  width:max-content;
  max-width:100%;
  padding:4px 7px;
  border-radius:7px;
  background:#14365d;
  color:#fff;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.08em;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.fixture-meta{font-size:.68rem;color:#718198}
.fixture-products-preview{display:flex;flex-wrap:wrap;gap:5px}
.fixture-products-preview span{
  max-width:100%;
  padding:5px 7px;border-radius:8px;background:#f1f5fa;color:#4d627d;
  font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.fixture-product-picker{
  margin-top:8px;padding:13px;border-radius:14px;background:#f7f9fc
}
.fixture-product-options{
  max-height:340px;
  overflow:auto;
  display:grid;
  gap:5px;
  margin-top:10px
}
.fixture-product-option{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 78px;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:8px 10px;
  border-radius:11px;
  background:#fff;
  cursor:pointer
}
.fixture-product-option.selected{background:#edf5ff;box-shadow:inset 0 0 0 1px #c6dcff}
.fixture-product-option>input[type="checkbox"]{min-height:auto;width:18px;height:18px}
.fixture-product-text{display:grid;min-width:0}
.fixture-product-text strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fixture-product-text small{color:#7b8aa0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fixture-qty{min-height:36px!important;text-align:center}

/* --- Usuarios y seguridad --- */
.settings-users-panel{grid-column:1/-1}
.security-note{
  margin:8px 0 12px;
  padding:10px 12px;
  border-radius:11px;
  background:#eef5ff;
  color:#315d98;
  font-size:.75rem;
  font-weight:700
}
.users-table td{vertical-align:middle}
.role-chip,.status-chip{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 9px;
  font-size:.68rem;
  font-weight:850
}
.role-chip{background:#efe9ff;color:#6b49c7}
.status-chip.ok{background:#e6f8f0;color:#17825f}
.status-chip.off{background:#fff0f1;color:#b6535c}
.password-strength{
  position:relative;
  height:34px;
  padding-top:10px;
  color:#6d7e94
}
.password-strength::before{
  content:'';
  position:absolute;left:0;right:0;top:0;height:5px;border-radius:99px;background:#e6ebf2
}
.password-strength span{
  position:absolute;left:0;top:0;height:5px;width:0;border-radius:99px;
  background:#e15757;transition:width .2s,background .2s
}
.password-strength[data-score="2"] span{background:#e7a540}
.password-strength[data-score="3"] span{background:#5f8ee9}
.password-strength[data-score="4"] span{background:#24a876}
.password-strength small{font-size:.72rem}

html[data-theme="dark"] .fixture-zone,
html[data-theme="dark"] .fixture-product-picker{background:#0d1b2d}
html[data-theme="dark"] .fixture-card,
html[data-theme="dark"] .fixture-product-option{background:#13243a;color:#edf4fb}
html[data-theme="dark"] .fixture-products-preview span{background:#1b3049;color:#d4e0ef}
html[data-theme="dark"] .security-note{background:#172d49;color:#bdd7ff}

@media(max-width:1100px){
  .fixture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .fixture-grid{grid-template-columns:1fr}
  .fixture-product-option{grid-template-columns:auto minmax(0,1fr) 66px}
}


/* =========================================================
   V8.4.4 · MENÚ LATERAL AGRUPADO / ACORDEÓN
   ========================================================= */
#sidebar.sidebar{
  height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.sidebar-brand{flex:0 0 auto}
#mainNav.grouped-nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0 10px 18px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(110,145,190,.45) transparent;
}
#mainNav.grouped-nav::-webkit-scrollbar{width:6px}
#mainNav.grouped-nav::-webkit-scrollbar-thumb{background:rgba(110,145,190,.38);border-radius:99px}
#mainNav.grouped-nav>.nav-section-label{
  position:sticky;
  top:0;
  z-index:4;
  margin:0 -2px 8px!important;
  padding:11px 8px 7px!important;
  background:var(--sidebar-bg,#0e2745);
}
.nav-group{
  margin-bottom:6px;
  border-radius:12px;
  overflow:hidden;
}
.nav-group-toggle{
  width:100%;
  min-height:44px;
  border:0;
  border-radius:11px;
  padding:9px 10px;
  display:grid;
  grid-template-columns:25px minmax(0,1fr) 20px;
  align-items:center;
  gap:8px;
  background:transparent;
  color:#a9bfdc;
  text-align:left;
  cursor:pointer;
  transition:background .15s ease,color .15s ease;
}
.nav-group-toggle:hover,
.nav-group.open>.nav-group-toggle{
  background:rgba(255,255,255,.075);
  color:#fff;
}
.nav-group-toggle b{
  font-size:.69rem;
  letter-spacing:.07em;
  font-weight:900;
}
.nav-group-icon{
  width:25px;height:25px;display:grid;place-items:center;
  color:#8eb1df;font-size:.85rem
}
.nav-chevron{
  justify-self:end;
  color:#7f9fc7;
  font-size:1.05rem;
  transition:transform .16s ease
}
.nav-group-items{
  display:none;
  padding:5px 0 7px 11px;
  border-left:1px solid rgba(132,164,204,.16);
  margin-left:12px;
}
.nav-group.open>.nav-group-items{display:grid;gap:3px}
.grouped-nav .nav-group-items .nav-btn{
  min-height:38px!important;
  padding:8px 10px!important;
  border-radius:9px!important;
  font-size:.79rem!important;
  color:#a9bdd7!important;
  background:transparent!important;
  box-shadow:none!important;
}
.grouped-nav .nav-group-items .nav-btn span{
  width:20px!important;min-width:20px!important;color:#78a0d2
}
.grouped-nav .nav-group-items .nav-btn:hover{
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
}
.grouped-nav .nav-group-items .nav-btn.active{
  background:#fff!important;
  color:#132944!important;
  font-weight:850!important;
  box-shadow:0 5px 14px rgba(2,13,27,.12)!important;
}
.grouped-nav .nav-group-items .nav-btn.active span{color:#2d6fc4!important}
.sidebar-footer{
  flex:0 0 auto!important;
  position:static!important;
  margin-top:auto!important;
}
@media(max-width:900px){
  #sidebar.sidebar{
    height:100dvh!important;
    max-height:100dvh!important;
  }
  #mainNav.grouped-nav{padding-bottom:24px!important}
}


/* =========================================================
   V8.5.0 · ESTABILIZACIÓN VISUAL Y ACCESIBILIDAD
   ========================================================= */

/* Modo día: contraste alto pero limpio. */
html[data-theme="light"] .sidebar,
html[data-theme="system"] .sidebar{
  color:#18304d;
  border-right-color:#d8e1ec;
}
html[data-theme="light"] .brand-row strong,
html[data-theme="light"] .user-mini strong,
html[data-theme="light"] .nav-group-toggle,
html[data-theme="light"] .grouped-nav .nav-group-items .nav-btn,
html[data-theme="light"] .nav-section-label,
html[data-theme="system"] .brand-row strong,
html[data-theme="system"] .user-mini strong,
html[data-theme="system"] .nav-group-toggle,
html[data-theme="system"] .grouped-nav .nav-group-items .nav-btn{
  color:#38506d!important;
  opacity:1!important;
}
html[data-theme="light"] .nav-group-toggle b,
html[data-theme="light"] .grouped-nav .nav-group-items .nav-btn,
html[data-theme="system"] .nav-group-toggle b,
html[data-theme="system"] .grouped-nav .nav-group-items .nav-btn{
  font-weight:800!important;
}
html[data-theme="light"] .nav-group-toggle:hover,
html[data-theme="light"] .nav-group.open>.nav-group-toggle,
html[data-theme="system"] .nav-group-toggle:hover,
html[data-theme="system"] .nav-group.open>.nav-group-toggle{
  background:#e8f0fb!important;
  color:#163657!important;
}
html[data-theme="light"] .grouped-nav .nav-group-items .nav-btn:hover,
html[data-theme="system"] .grouped-nav .nav-group-items .nav-btn:hover{
  background:#edf4fd!important;
  color:#173856!important;
}
html[data-theme="light"] .grouped-nav .nav-group-items .nav-btn.active,
html[data-theme="system"] .grouped-nav .nav-group-items .nav-btn.active{
  background:#ffffff!important;
  color:#0f2c4b!important;
  box-shadow:0 5px 16px rgba(18,52,86,.13)!important;
}
html[data-theme="light"] .nav-group-icon,
html[data-theme="light"] .nav-chevron,
html[data-theme="light"] .grouped-nav .nav-group-items .nav-btn span,
html[data-theme="system"] .nav-group-icon,
html[data-theme="system"] .nav-chevron,
html[data-theme="system"] .grouped-nav .nav-group-items .nav-btn span{
  color:#3f79bd!important;
  opacity:1!important;
}
html[data-theme="light"] #mainNav.grouped-nav>.nav-section-label,
html[data-theme="system"] #mainNav.grouped-nav>.nav-section-label{
  background:#e7eff9!important;
  color:#284867!important;
}
html[data-theme="light"] .sidebar-footer,
html[data-theme="system"] .sidebar-footer{border-top-color:#c8d4e3!important}
html[data-theme="light"] .user-mini,
html[data-theme="system"] .user-mini{color:#52677f!important}

/* Tablas y listados: nunca texto claro sobre blanco. */
html[data-theme="light"] table,
html[data-theme="light"] table td,
html[data-theme="light"] table th,
html[data-theme="light"] .legacy-table td,
html[data-theme="light"] .inventory-table td,
html[data-theme="light"] .compact-item,
html[data-theme="system"] table,
html[data-theme="system"] table td,
html[data-theme="system"] table th,
html[data-theme="system"] .legacy-table td,
html[data-theme="system"] .inventory-table td{
  color:#14283f!important;
}
html[data-theme="light"] .legacy-table th,
html[data-theme="light"] table th,
html[data-theme="system"] .legacy-table th,
html[data-theme="system"] table th{
  color:#52677f!important;
  background:#edf3f9!important;
}
html[data-theme="light"] .legacy-table td,
html[data-theme="light"] table td,
html[data-theme="system"] .legacy-table td,
html[data-theme="system"] table td{
  border-bottom-color:#dbe3ed!important;
}
html[data-theme="light"] .product-meta,
html[data-theme="light"] .muted,
html[data-theme="light"] small,
html[data-theme="system"] .product-meta,
html[data-theme="system"] .muted{
  color:#5b6d82!important;
}

/* Mensajes del asistente pueden listar múltiples productos. */
.message.bot{white-space:pre-wrap;line-height:1.48}
.message.user{white-space:pre-wrap}

/* QR: una etiqueta que falle queda claramente identificada y no se imprime. */
.label-qr.qr-failed{
  display:grid!important;
  place-items:center!important;
  border:1px dashed #cf4b57!important;
  background:#fff1f2!important;
}
.qr-failed-note{
  color:#a52d38!important;
  font-size:6pt!important;
  font-weight:900!important;
  text-align:center!important;
}
@media print{
  .label-qr.qr-failed{outline:2px solid #c73443!important}
}


/* V8.5.1 · correcciones de regresión validadas */
.label-product-row{grid-template-columns:52px minmax(0,1fr) auto auto!important;align-items:center!important;min-height:78px!important}
.label-product-main strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.18!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important}
.label-product-main small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2!important}

.investor-panel{padding:16px!important}.investor-finance-card{padding:16px 0;border-bottom:1px solid var(--line)}.investor-finance-card:last-child{border-bottom:0}
.investor-finance-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.investor-finance-head>div{display:flex;align-items:center;gap:8px}.investor-finance-head>b{font-size:1.15rem}
.investor-finance-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}.investor-finance-grid>div{padding:10px;border-radius:12px;background:var(--panel2);display:grid;gap:4px}.investor-finance-grid small{font-size:.68rem}.investor-finance-grid strong{font-size:.98rem}.investor-finance-grid em{font-style:normal;font-size:.65rem;color:var(--muted)}.investor-finance-grid .net{background:rgba(26,170,116,.10)}.investor-finance-foot{margin-top:10px;font-size:.72rem;color:var(--muted)}

.campaign-control-panel{margin-bottom:14px}.campaign-mode-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.campaign-mode{min-height:58px;border:0;border-radius:14px;background:var(--panel2);color:var(--text);font-weight:850;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}.campaign-mode.active{background:#e8f1ff;color:#1b63ce;box-shadow:inset 0 0 0 2px #5b91ef}.campaign-control-foot{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:var(--muted);font-size:.75rem}
.campaign-manager-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.campaign-manager-card{background:var(--panel);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}.campaign-manager-card.featured{outline:2px solid #f0a245}.campaign-art{aspect-ratio:16/9;position:relative;background:#10243f;overflow:hidden}.campaign-art img{width:100%;height:100%;object-fit:cover}.campaign-art-placeholder{height:100%;display:grid;place-content:center;text-align:center;color:#d4e1f3;background:linear-gradient(135deg,#163b6a,#0b1930)}.campaign-art-placeholder span{font-size:2rem;font-weight:900}.campaign-art-placeholder small{color:#a7bfdc}.campaign-order,.campaign-featured,.campaign-hidden{position:absolute;top:10px;border-radius:999px;padding:5px 8px;font-size:.62rem;font-weight:900}.campaign-order{right:10px;background:#fff;color:#183451}.campaign-featured{left:10px;background:#25a16e;color:#fff}.campaign-hidden{left:10px;background:#66768a;color:#fff}.campaign-manager-body{padding:14px}.campaign-manager-body h3{margin:4px 0 6px}.campaign-manager-body p{color:var(--muted);min-height:38px}.campaign-product-line{font-size:.72rem;color:#3d74bd;margin:10px 0}.campaign-actions{display:flex;flex-wrap:wrap;gap:6px}.campaign-actions .btn{min-height:36px;font-size:.68rem}
@media(max-width:1150px){.investor-finance-grid{grid-template-columns:repeat(3,1fr)}.campaign-manager-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.investor-finance-grid{grid-template-columns:repeat(2,1fr)}.campaign-manager-grid,.campaign-mode-row{grid-template-columns:1fr}.label-product-row{grid-template-columns:44px minmax(0,1fr) auto!important}}

.promo-picker-block{padding:10px;border-radius:14px;background:rgba(255,255,255,.035)}.promo-product-options{max-height:290px;overflow:auto;display:grid;gap:5px;margin-top:9px}.promo-product-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;padding:9px 10px;border-radius:10px;background:var(--panel2);cursor:pointer}.promo-product-option.selected{box-shadow:inset 0 0 0 2px #4d87e9;background:#eaf2ff}.promo-product-option input{width:18px;height:18px;min-height:auto}.promo-product-option span{display:grid;min-width:0}.promo-product-option strong{white-space:normal;line-height:1.18}.promo-product-option small{color:var(--muted);white-space:normal}
html[data-theme="dark"] .promo-product-option.selected{background:#173152}.campaign-actions .btn:not([disabled]){cursor:pointer}


/* =========================================================
   V8.5.2 · ASISTENTE SEMÁNTICO POR PALABRAS CLAVE + TARJETAS
   ========================================================= */
.message{color:var(--text)}
.message.user{
  background:#1f63bd;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 5px 14px rgba(28,84,160,.18);
}
.message.bot{
  max-width:100%;
  width:min(100%,980px);
  background:#132842;
  color:#f4f8ff!important;
  border:1px solid #274464;
  padding:12px;
}
.assistant-answer-text{white-space:pre-wrap;line-height:1.48;color:inherit}
.assistant-keywords{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 11px;font-size:.72rem}
.assistant-keywords>span{color:var(--muted);font-weight:750}
.assistant-keywords b{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border-radius:999px;background:rgba(77,135,233,.13);color:#7eb0ff;border:1px solid rgba(92,148,238,.28)}
.assistant-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}
.assistant-product-card{min-width:0;overflow:hidden;border-radius:14px;background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:0 7px 20px rgba(4,18,38,.12)}
.assistant-product-photo{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--panel2)}
.assistant-product-photo img{width:100%;height:100%;object-fit:cover;display:block}
.assistant-product-photo .photo-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:2.3rem;color:#7e96b2;background:linear-gradient(145deg,var(--panel2),rgba(116,151,194,.10))}
.assistant-match{position:absolute;right:8px;top:8px;padding:4px 7px;border-radius:999px;background:rgba(9,28,51,.88);color:#fff;font-size:.61rem;font-weight:900;backdrop-filter:blur(6px)}
.assistant-product-body{display:grid;gap:8px;padding:11px}
.assistant-product-name{font-weight:900;line-height:1.2;min-height:2.4em}
.assistant-product-meta{color:var(--muted);font-size:.69rem;line-height:1.3;overflow-wrap:anywhere}
.assistant-product-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.assistant-product-facts>div,.assistant-card-detail{display:grid;gap:2px;min-width:0;padding:7px 8px;border-radius:9px;background:var(--panel2)}
.assistant-product-facts span,.assistant-card-detail span{color:var(--muted);font-size:.60rem;text-transform:uppercase;letter-spacing:.04em;font-weight:800}
.assistant-product-facts strong,.assistant-card-detail strong{font-size:.76rem;line-height:1.25;overflow-wrap:anywhere}
.assistant-out{color:#c54750!important}
.assistant-product-actions{display:flex;gap:6px}
.assistant-product-actions .btn{width:100%;min-height:34px;padding:7px 9px;font-size:.68rem}
html[data-theme="light"] .message.bot,html[data-theme="system"] .message.bot{background:#f3f7fc!important;color:#14283f!important;border-color:#d6e1ee!important;box-shadow:0 6px 18px rgba(27,60,94,.08)}
html[data-theme="light"] .message.user,html[data-theme="system"] .message.user{background:#2468c5!important;color:#fff!important}
html[data-theme="light"] .assistant-keywords b,html[data-theme="system"] .assistant-keywords b{background:#e6f0ff;color:#225da8;border-color:#bfd5f4}
html[data-theme="light"] .assistant-product-card,html[data-theme="system"] .assistant-product-card{background:#fff;color:#14283f;border-color:#dbe4ef}
html[data-theme="light"] .assistant-product-facts>div,html[data-theme="light"] .assistant-card-detail,html[data-theme="system"] .assistant-product-facts>div,html[data-theme="system"] .assistant-card-detail{background:#f3f6fa}
@media(max-width:1180px){.assistant-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.assistant-results-grid{grid-template-columns:1fr}.message.bot{width:100%}}


/* =========================================================
   V8.5.3 · CORRECCIÓN RESPONSIVE DE ETIQUETAS Y CAMPAÑAS
   Causa corregida: hosts heredaban grids genéricos y comprimían
   todo el módulo dentro de una sola celda.
   ========================================================= */

/* Hosts especializados: nunca heredan la rejilla general de productos/promos. */
#labelProductList.label-product-list-host,
#promoList.campaign-manager-host{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}

/* ETIQUETAS — lista izquierda legible en laptop/tablet/celular */
#view-labels .labels-layout{
  display:grid;
  grid-template-columns:minmax(360px,.9fr) minmax(520px,1.25fr);
  gap:16px;
  align-items:start;
}
#view-labels .labels-products-panel,
#view-labels .label-builder{min-width:0}
#labelProductList .label-product-list{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  width:100%;
}
#labelProductList .label-product-row{
  width:100%;
  grid-template-columns:52px minmax(0,1fr) auto auto!important;
  gap:10px!important;
  min-height:76px!important;
  padding:10px!important;
  align-items:center!important;
  overflow:hidden;
}
#labelProductList .label-product-main{min-width:0!important}
#labelProductList .label-product-main strong{
  display:block!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  line-height:1.18!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow-wrap:anywhere!important;
}
#labelProductList .label-product-main small{
  display:block!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.2!important;
  margin-top:3px;
}
#labelProductList .origin-chip{
  max-width:100%;
  white-space:normal!important;
  line-height:1.1;
}
#labelProductList .label-product-price{
  align-self:center;
  white-space:nowrap!important;
  font-size:.92rem;
}
#labelProductList .label-product-controls{
  flex-wrap:nowrap;
  justify-self:end;
}
#view-labels .label-sheet-wrap{
  overflow:auto!important;
  max-width:100%;
  min-height:360px;
}

/* PUBLICIDAD — panel de control arriba, campañas abajo. */
#promoList.campaign-manager-host>.campaign-control-panel{
  width:100%;
  margin:0 0 16px 0!important;
}
#promoList .campaign-manager-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
}
#promoList .campaign-manager-card{
  width:100%;
  min-width:0;
}
#promoList .campaign-manager-body h3,
#promoList .campaign-manager-body p{
  overflow-wrap:anywhere;
}
#promoList .campaign-manager-body p{
  min-height:0!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
#promoList .campaign-actions{
  display:grid!important;
  grid-template-columns:auto auto 1fr;
  gap:7px!important;
  align-items:stretch;
}
#promoList .campaign-actions .btn{
  min-width:0;
  width:100%;
  white-space:normal;
  line-height:1.15;
}
#promoList .campaign-actions .btn:last-child{
  grid-column:auto;
}

/* TABLET */
@media (min-width:781px) and (max-width:1179px){
  #view-labels .labels-layout{grid-template-columns:1fr!important}
  #view-labels .labels-products-panel{max-height:none}
  #labelProductList .label-product-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #labelProductList .label-product-row{
    grid-template-columns:48px minmax(0,1fr) auto!important;
    min-height:86px!important;
  }
  #labelProductList .label-product-price{
    grid-column:2;
    grid-row:2;
    justify-self:start;
  }
  #labelProductList .label-product-controls{
    grid-column:3;
    grid-row:1/3;
  }
  #promoList .campaign-manager-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #promoList .campaign-actions{grid-template-columns:auto auto 1fr}
}

/* CELULAR */
@media (max-width:780px){
  #view-labels .section-head.modern-head{align-items:flex-start}
  #view-labels .labels-layout{grid-template-columns:1fr!important;gap:12px}
  #view-labels .labels-products-panel,
  #view-labels .label-builder{padding:12px!important}
  #view-labels .label-config-row{grid-template-columns:1fr!important}
  #labelProductList .label-product-list{grid-template-columns:1fr!important}
  #labelProductList .label-product-row{
    grid-template-columns:46px minmax(0,1fr) auto!important;
    gap:8px!important;
    min-height:82px!important;
    padding:9px!important;
  }
  #labelProductList .label-product-thumb{width:46px;height:46px}
  #labelProductList .label-product-price{
    grid-column:2;
    grid-row:2;
    justify-self:start;
    font-size:.86rem;
  }
  #labelProductList .label-product-controls{
    grid-column:3;
    grid-row:1/3;
  }
  #labelProductList .label-product-main strong{
    -webkit-line-clamp:3!important;
    font-size:.86rem;
  }
  #labelProductList .label-product-main small{font-size:.68rem}
  #labelProductList .origin-chip{font-size:.62rem;padding:3px 6px}
  #view-labels .label-sheet-wrap{min-height:260px}

  #promoList .campaign-control-panel{padding:13px!important}
  #promoList .campaign-mode-row{grid-template-columns:1fr!important}
  #promoList .campaign-control-foot{flex-direction:column;gap:4px}
  #promoList .campaign-manager-grid{grid-template-columns:1fr!important;gap:12px!important}
  #promoList .campaign-manager-card{border-radius:14px}
  #promoList .campaign-manager-body{padding:12px}
  #promoList .campaign-actions{
    grid-template-columns:1fr 1fr!important;
  }
  #promoList .campaign-actions .btn:last-child{grid-column:1/-1}
}

@media (max-width:430px){
  #labelProductList .label-product-row{
    grid-template-columns:42px minmax(0,1fr) auto!important;
  }
  #labelProductList .label-product-thumb{width:42px;height:42px}
  #promoList .campaign-actions{grid-template-columns:1fr!important}
  #promoList .campaign-actions .btn:last-child{grid-column:auto}
}