*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
:root{
  --blue:#2563eb;--blue-l:#eff6ff;--blue-m:#dbeafe;--blue-d:#1d4ed8;
  --green:#16a34a;--orange:#ea580c;--red:#dc2626;--red-l:#fef2f2;
  --g50:#f9fafb;--g100:#f3f4f6;--g200:#e5e7eb;--g300:#d1d5db;
  --g400:#9ca3af;--g500:#6b7280;--g600:#4b5563;--g700:#374151;
  --g800:#1f2937;--g900:#111827;
  --hdr:52px;--bar:68px;
  /* tema claro (por defecto) */
  --bg-app:white;--bg-panel:#f1f5f9;--bg-card:white;--bg-input:white;
  --border-c:var(--g200);--text-main:var(--g900);--text-sub:var(--g500);
}
/* ══════════════════════════════════════════════
   MODO OSCURO — ARIPOS
   Paleta: Slate oscuro + azul marca #2563eb
══════════════════════════════════════════════ */
body.dark{
  /* Grises redefinidos como slate */
  --g50:#0f172a;--g100:#1e293b;--g200:#334155;--g300:#475569;
  --g400:#64748b;--g500:#94a3b8;--g600:#cbd5e1;--g700:#e2e8f0;
  --g800:#f1f5f9;--g900:#f8fafc;
  /* Azul marca — un poco más brillante en oscuro */
  --blue:#3b82f6;--blue-l:#1e3a5f;--blue-m:#1d4ed8;--blue-d:#60a5fa;
  --orange:#f97316;
  --red-l:#450a0a;
}
/* Base */
body.dark{background:#0f172a;color:#f1f5f9;}
body.dark #loading{background:#0f172a;}
body.dark .logo span{color:#334155;}

/* Header */
body.dark .hdr{background:#1e293b;border-color:#334155;box-shadow:0 1px 0 #334155;}
body.dark .stab{border-color:#334155;color:#94a3b8;}
body.dark .stab.on{background:var(--blue);border-color:var(--blue);color:white;}
body.dark .stab-add{border-color:#334155;color:#64748b;}
body.dark .hdr-btn,body.dark .hdr-btns button{background:#263045;border-color:#334155;color:#f1f5f9;}

/* Plano de mesas */
body.dark .plano,body.dark #pg-plano{background:#0f172a;}
body.dark .mnom{color:#94a3b8;}
body.dark .mw.ocu .mnom{color:#fb923c;}
body.dark .mitems-badge{background:#334155;}

/* Página pedido */
body.dark #pg-ped{background:#0f172a;}
body.dark .ped-top{background:#1e293b;border-color:#334155;}
body.dark .ped-title{color:#f1f5f9;}
body.dark .total-amt-top{color:#f1f5f9;}
body.dark .btn-back{background:#263045;border-color:#334155;color:#cbd5e1;}
body.dark .btn-top-sub{background:#334155;border-color:#475569;}

/* Barra categorías */
body.dark .cats-bar{background:#1e293b;border-color:#334155;}
/* cat-btn colores manejados por renderCats() dinámicamente */

/* Grid productos */
body.dark .col-prods,body.dark .prods-grid{background:#0f172a;}
body.dark .prod-btn{background:#1e293b;border-color:#334155;}
body.dark .prod-btn.fav{background:#1a2535;border-color:#334155;}
body.dark .prod-btn.in-order{border-color:#475569 !important;box-shadow:0 0 0 1.5px #475569;}
body.dark .prod-btn.in-order .prod-nom-wrap{background:rgba(71,85,105,.25);}
/* Modo claro */
.prod-btn.in-order{border-color:var(--g300) !important;box-shadow:0 0 0 1.5px var(--g300);}
body.dark .prod-img{background:#263045;}
body.dark .prod-nom-wrap{background:rgba(15,23,42,.92);border-color:#334155;}
body.dark .prod-nom{color:#f1f5f9;}

/* Columna pedido */
body.dark .col-ped{background:#0f172a;border-color:#334155;}
body.dark .col-ped-top{background:#1e293b;border-color:#334155;}
body.dark .col-ped-label{color:#64748b;}
body.dark .col-ped-count{color:#94a3b8;}
body.dark .ped-empty{color:#475569;}
body.dark .lineas-list,body.dark .ped-area{background:#0f172a;}
body.dark .ped-line{background:#1e293b;border-color:#334155;color:#f1f5f9;}
body.dark .ped-line.sel{background:#1e3a5f;border-color:#3b82f6;}
body.dark .ped-line-nom{color:#f1f5f9;}
body.dark .ped-line-pre{color:#94a3b8;}
body.dark .lnom{color:#f1f5f9;}
body.dark .lpre{color:#94a3b8;}
body.dark .lqty{background:#334155;color:#f1f5f9;}
body.dark .ltag{background:#334155;color:#94a3b8;}
body.dark .ltag.comp{background:#1e3a5f;color:#60a5fa;}
body.dark .ldel{background:#450a0a;color:#f87171;border:none;}
body.dark .ldel:active{background:#7f1d1d;}
body.dark .col-ped-top{background:#1e293b;border-color:#334155;}
body.dark .ped-total,body.dark .total-row{background:#1e293b;border-color:#334155;color:#f1f5f9;}
body.dark .total-amt{color:#f1f5f9;}
body.dark .npb{background:#263045;border-color:#334155;color:#f1f5f9;}
body.dark .npb.del{background:#450a0a;border-color:#7f1d1d;color:#f87171;}
body.dark .np-hint{background:#0f172a;border-color:#334155;color:#64748b;}
body.dark .np-hint.on{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd;}
body.dark .qty-del{background:#450a0a;border-color:#7f1d1d;color:#f87171;}
body.dark .ped-total,body.dark .total-row{background:#1e293b;border-color:#334155;color:#f1f5f9;}
body.dark .total-amt{color:#f1f5f9;}

/* Teclado numérico */
body.dark .np-wrap{background:#1e293b;border-color:#334155;}
body.dark .np-hint{background:#0f172a;border-color:#334155;color:#64748b;}
body.dark .np-hint.on{background:#1e3a5f;border-color:#3b82f6;color:#60a5fa;}
body.dark .btn-np{background:#263045;color:#f1f5f9;border-color:#334155;}
body.dark .btn-np:active{background:#334155;}

/* Pie pedido */
body.dark .ped-foot{border-color:#334155;}
body.dark .btn-sub{background:#334155;}

/* Barra inferior fija (hios-bar) — ya es oscura siempre */
body.dark .hios-bar{background:#0f172a;border-color:#334155;}

/* Móvil — barra total */
body.dark .mob-bar{background:#1e293b;border-color:#334155;}
body.dark .mob-bar-inner{background:#1e293b;}
body.dark .mob-total-lbl{color:#64748b;}
body.dark .mob-total-amt{color:#f1f5f9;}
body.dark .mob-ped-content{background:#1e293b;}
body.dark .mob-ped-handle{background:#334155;}
body.dark .mob-ped-header{background:#1e293b;border-color:#334155;}
body.dark .mob-ped-title{color:#f1f5f9;}
body.dark .mob-ped-count{color:#94a3b8;}
body.dark .mob-ped-close{background:#263045;color:#94a3b8;}
body.dark .mob-ped-foot{background:#1e293b;border-color:#334155;}

/* Modales */
body.dark .mov{background:rgba(0,0,0,.8);}
body.dark .modal{background:#1e293b;border:1px solid #334155;}
body.dark .modal-head{background:#1e293b;border-color:#334155;}
body.dark .modal-head h3{color:#f1f5f9;}
body.dark .modal-body{background:#1e293b;}
body.dark .modal-foot{background:#1e293b;border-color:#334155;}
body.dark .modal-close{background:#263045;color:#94a3b8;border:none;}

/* Inputs, selects, textarea globales */
body.dark input,body.dark select,body.dark textarea{
  background:#263045 !important;color:#f1f5f9 !important;border-color:#334155 !important;
}
body.dark input::placeholder,body.dark textarea::placeholder{color:#475569 !important;}
body.dark label{color:#94a3b8;}

/* Línea modal — bottom sheet */
body.dark .lm-handle{background:#334155;}
body.dark .lm-head{border-color:#334155;}
body.dark .lm-nom{color:#f1f5f9;}
body.dark .lm-qty-btn{background:#263045;border-color:#334155;color:#f1f5f9;}
body.dark .lm-btn{background:#263045;border-color:#334155;}
body.dark .lm-btn-lbl{color:#94a3b8;}
body.dark .lm-btn.blue{background:#1e3a5f;border-color:#3b82f6;}
body.dark .lm-btn.blue .lm-btn-lbl{color:#60a5fa;}
body.dark .lm-btn.orange{background:#431407;border-color:#ea580c;}
body.dark .lm-btn.orange .lm-btn-lbl{color:#f97316;}
body.dark .lm-btn.red{background:#450a0a;border-color:#dc2626;}
body.dark .lm-btn.red .lm-btn-lbl{color:#f87171;}
body.dark .lm-btn.purple{background:#2e1065;border-color:#7c3aed;}
body.dark .lm-btn.purple .lm-btn-lbl{color:#c084fc;}
body.dark .lm-input-row input{background:#263045;border-color:#334155;color:#f1f5f9;}

/* Configuración — override inline styles */
body.dark #m-cfg{background:#0f172a !important;}
body.dark #m-cfg>div{background:#0f172a !important;}
body.dark #m-cfg>div>div:first-child{background:#1e293b !important;border-color:#334155 !important;}
body.dark #m-cfg>div>div:first-child div[style*="color:#0f172a"]{color:#f1f5f9 !important;}
body.dark #m-cfg>div>div:first-child div[style*="color:#94a3b8"]{color:#475569 !important;}
body.dark #m-cfg #cfg-close{background:#263045 !important;border-color:#334155 !important;color:#f1f5f9 !important;}
body.dark #m-cfg>div>div:last-child{background:#0f172a !important;}
.btn-vf{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px;cursor:pointer;font-size:.78rem;font-weight:700;color:#64748b;}
.btn-vf.on{background:#2563eb;border-color:#2563eb;color:white;}
body.dark .cfg-sec-lbl{color:#475569;}
body.dark .cfg-tile{background:#1e293b !important;border:1.5px solid #334155 !important;}
body.dark .cfg-tile-ico{filter:none;}
body.dark .cfg-tile-nom{color:#f1f5f9;}
body.dark .cfg-prox{background:#263045;color:#475569;}
body.dark .cfg-soon{opacity:.5;}

/* Artículos — páginas */
body.dark .art-page{background:#0f172a;}
body.dark .art-page-head{background:#1e293b;border-color:#334155;}
body.dark .art-page-head h2{color:#f1f5f9;}
body.dark .back-btn{background:#263045 !important;color:#f1f5f9 !important;border:none;}
body.dark .art-cat-lbl{color:#64748b;}
body.dark .art-row{background:#1e293b;border-color:#334155;}
body.dark .art-row:active{background:#263045;}
body.dark .art-nom{color:#f1f5f9;}
body.dark .art-meta{color:#64748b;}
body.dark .art-pre{color:#60a5fa;}
body.dark .art-section{background:transparent;}
body.dark .art-section-lbl{color:#64748b;}
body.dark .alg-btn{background:#1e293b;border-color:#334155;color:#f1f5f9;}
body.dark .alg-btn.on{background:#431407;border-color:#ea580c;color:#f97316;}
body.dark .zona-chip{background:#1e293b;border-color:#334155;color:#f1f5f9;}
body.dark .zona-chip.on{background:#1e3a5f;border-color:#3b82f6;color:#60a5fa;}
body.dark .fz-row{background:#1e293b;border-color:#334155;}
body.dark .fz-nom{color:#f1f5f9;}
body.dark .fz-sub{color:#64748b;}

/* Pantalla de activación */
body.dark #pg-activacion{background:#0f172a;}
body.dark .act-card{background:#1e293b;border-color:#334155;}

/* Botones ficha artículo — siempre legibles */
.ae-btn-cancel{background:#f1f5f9;color:#374151;border:2px solid #e2e8f0;}
.ae-btn-save{background:#2563eb;color:white;}
.ae-btn-secondary{background:#f1f5f9;color:#374151;border:1.5px solid #e2e8f0;}
.ae-btn-internet{background:#eff6ff;color:#2563eb;border:1.5px solid #bfdbfe;}
body.dark .ae-btn-cancel{background:#263045 !important;color:#f1f5f9 !important;border-color:#334155 !important;}
body.dark .ae-btn-secondary{background:#263045 !important;color:#f1f5f9 !important;border-color:#334155 !important;}
body.dark .ae-btn-internet{background:#1e3a5f !important;color:#93c5fd !important;border-color:#1d4ed8 !important;}
/* Art page search bar */
body.dark #pg-articulos>div:nth-child(2){background:#1e293b !important;border-color:#334155 !important;}
body.dark #pg-articulos #art-search{background:#263045;color:#f1f5f9;border-color:#334155;}
body.dark #ae-zonas-wrap,body.dark #ae-alg-grid,
body.dark #ae-fmts-wrap,body.dark #ae-mods-wrap,body.dark #ae-coms-wrap{color:#f1f5f9;}
body.dark #ae-img-preview{background:#263045;border-color:#334155;}

/* Franja inferior nombre en prod-btn modo oscuro ya definida arriba */

body.dark #pc-filtros{background:#1e293b !important;border-color:#334155 !important;box-shadow:none !important;}
body.dark .pcfbtn{background:#263045 !important;border-color:#334155 !important;color:#94a3b8 !important;}
body.dark .pcfbtn.on-ocu{background:#431407 !important;border-color:#ea580c !important;color:#f97316 !important;}
body.dark .pcfbtn.on-lib{background:#14532d !important;border-color:#16a34a !important;color:#4ade80 !important;}
body.dark .pcfbtn.on-todas{background:#1e3a5f !important;border-color:#3b82f6 !important;color:#60a5fa !important;}

/* ── MÓVIL: lista de mesas ── */
body.dark #mob-toolbar{background:#1e293b !important;border-color:#334155 !important;}
body.dark .mpbtn{background:#263045 !important;border-color:#334155 !important;color:#94a3b8 !important;}
body.dark .mpbtn.ocu{background:#431407 !important;border-color:#c2410c !important;color:#f97316 !important;}
body.dark #mob-mesas{background:#0f172a;}
body.dark .mob-card{background:#1e293b !important;border-color:#334155 !important;box-shadow:none !important;}
body.dark .mob-card.ocu{background:#1c1008 !important;border-color:#c2410c !important;}
body.dark .mob-card-nom{color:#f1f5f9 !important;}
body.dark .mob-card.ocu .mob-card-nom{color:#fb923c !important;}
body.dark .mob-card-sub{color:#64748b !important;}
body.dark .mob-card.ocu .mob-card-sub{color:#f97316 !important;}
body.dark .mob-card-total{color:#f97316 !important;}
body.dark .mob-card-libre{color:#334155 !important;}

/* ── MÓVIL: columna pedido ── */
body.dark .col-ped{background:#0f172a !important;border-color:#334155 !important;}
body.dark .col-ped-top{background:#1e293b !important;border-color:#334155 !important;}
body.dark .col-ped-total-mob{background:#1e293b !important;border-color:#334155 !important;color:#f1f5f9 !important;}
body.dark .col-ped-top-row{background:#1e293b !important;border-color:#334155 !important;}
body.dark .col-ped-mob-btns{background:#1e293b !important;border-color:#334155 !important;}
body.dark .col-ped-count{color:#94a3b8 !important;}
body.dark .col-ped-label{color:#64748b !important;}
body.dark .lineas-list{background:#0f172a;}
body.dark .linea{background:transparent;}
body.dark .linea:active{background:#1e293b !important;}
body.dark .linea.sel{background:#1e3a5f !important;border-color:#3b82f6 !important;}
body.dark .lnom{color:#f1f5f9 !important;}
body.dark .lpre{color:#60a5fa !important;}
body.dark .lqty{background:#3b82f6 !important;}
body.dark .ped-empty{color:#334155 !important;}
body.dark .ped-empty span,.ped-empty p{opacity:.5;}

/* ── MÓVIL: pie pedido + total ── */
body.dark .ped-foot{background:#0f172a;border-color:#334155 !important;}
body.dark .total-line{color:#f1f5f9;}
body.dark .total-lbl{color:#64748b !important;}
body.dark .total-amt{color:#f1f5f9 !important;}
body.dark .btn-sub{background:#334155 !important;}
body.dark .np-wrap{background:#1e293b !important;border-color:#334155 !important;}
body.dark .npb{background:#263045 !important;border-color:#334155 !important;color:#f1f5f9 !important;}
body.dark .npb:active{background:#334155 !important;}
body.dark .npb.del{background:#450a0a !important;border-color:#7f1d1d !important;color:#f87171 !important;}
body.dark .qty-del{background:#450a0a !important;border-color:#7f1d1d !important;color:#f87171 !important;}

/* ── Salas tabs en móvil ── */
body.dark #mob-salas-row .stab{background:#263045;border-color:#334155;color:#94a3b8;}
body.dark #mob-salas-row .stab.on{background:var(--blue);border-color:var(--blue);color:white;}

/* ── Pg-plano fondo ── */
body.dark #pg-plano{background:#0f172a !important;}
body.dark html,body.dark body{background:#0f172a !important;}
/* Scrollbar modo oscuro */
body.dark ::-webkit-scrollbar{width:4px;height:4px;}
body.dark ::-webkit-scrollbar-track{background:#0f172a;}
body.dark ::-webkit-scrollbar-thumb{background:#334155;border-radius:4px;}
body.dark ::-webkit-scrollbar-thumb:hover{background:#475569;}
/* Info producto */
body.dark #m-prod-info>div{background:#1e293b !important;}
body.dark #m-prod-info #pinfo-nom{color:#f1f5f9 !important;}
body.dark #m-prod-info #pinfo-pre{color:#60a5fa !important;}
body.dark #m-prod-info #pinfo-desc{color:#94a3b8 !important;}
body.dark #m-prod-info>div>div:first-child{background:#334155 !important;}
body.dark #m-prod-info button{background:#263045 !important;color:#94a3b8 !important;}
/* Buscar imagen modal */
body.dark #img-instruc{background:#1e3a5f !important;border-color:#1d4ed8 !important;color:#93c5fd !important;}
body.dark #m-img-search input{background:#263045 !important;color:#f1f5f9 !important;border-color:#334155 !important;}
/* Input ae-ico — siempre legible */
#ae-ico{background:white !important;color:#111 !important;}
html,body{width:100%;height:100%;overflow:hidden;font-family:'Inter',sans-serif;background:white;}

/* LOADING */
#loading{position:fixed;inset:0;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:9999;}
.logo{font-size:2rem;font-weight:900;color:var(--blue);letter-spacing:-1px;}
.logo span{color:var(--g300);}
.spin{width:36px;height:36px;border:3px solid var(--g200);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

/* HEADER */
.hdr{
  position:fixed;top:0;left:0;right:0;height:var(--hdr);
  background:white;border-bottom:1px solid var(--g200);
  display:flex;align-items:center;padding:0 10px;gap:6px;
  z-index:100;box-shadow:0 1px 4px rgba(0,0,0,.08);
}
.hdr-logo{font-size:.88rem;font-weight:900;color:var(--blue);flex-shrink:0;}
.hdr-salas{
  flex:1;min-width:0;
  display:flex;align-items:center;gap:5px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;padding:4px 0;
}
.hdr-salas::-webkit-scrollbar{display:none;}
.stab{
  flex-shrink:0;padding:5px 11px;
  border:1.5px solid var(--g200);border-radius:8px;
  font-size:.7rem;font-weight:600;color:var(--g500);
  background:transparent;cursor:pointer;white-space:nowrap;
  font-family:'Inter',sans-serif;
}
.stab.on{background:var(--blue);border-color:var(--blue);color:white;}
.stab-add{
  flex-shrink:0;padding:5px 8px;
  border:1.5px dashed var(--g300);border-radius:8px;
  font-size:.68rem;font-weight:600;color:var(--g400);
  background:transparent;cursor:pointer;white-space:nowrap;
  font-family:'Inter',sans-serif;
}
.hdr-btns{display:flex;gap:4px;flex-shrink:0;}
.hbtn{
  width:32px;height:32px;border-radius:8px;
  border:1.5px solid var(--g200);background:var(--g100);
  color:var(--g600);font-size:.88rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.hbtn.red{background:#fef2f2;border-color:#fecaca;color:var(--red);}

/* PLANO DE MESAS */
#pg-plano{
  position:fixed;top:var(--hdr);left:0;right:0;bottom:0;
  overflow:hidden;touch-action:none;
  background:radial-gradient(ellipse at 20% 20%,rgba(219,234,254,.6) 0%,transparent 50%),
    linear-gradient(145deg,#edf0f8,#e4e9f4);
}
#pg-plano::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:
    repeating-linear-gradient(90deg,transparent,transparent 59px,rgba(150,170,200,.08) 59px,rgba(150,170,200,.08) 60px),
    repeating-linear-gradient(0deg,transparent,transparent 59px,rgba(150,170,200,.07) 59px,rgba(150,170,200,.07) 60px);
}
#canvas{position:absolute;top:0;left:0;width:3000px;height:2500px;}
.edit-tip{
  position:absolute;top:10px;left:50%;transform:translateX(-50%);
  background:var(--blue);color:white;border-radius:20px;
  padding:5px 14px;font-size:.7rem;font-weight:600;
  z-index:10;display:none;pointer-events:none;white-space:nowrap;
}
.edit-tip.on{display:block;}
.mw .mrot{
  position:absolute;bottom:-14px;right:-14px;
  width:26px;height:26px;border-radius:50%;
  background:var(--blue);color:white;border:2px solid white;
  font-size:.8rem;cursor:pointer;display:none;
  align-items:center;justify-content:center;
  z-index:6;box-shadow:0 2px 6px rgba(0,0,0,.3);
  font-weight:700;
}
.mw.em .mrot{display:flex;}

/* MESA */
.mw{position:absolute;display:flex;flex-direction:column;align-items:center;cursor:pointer;user-select:none;overflow:visible;z-index:2;}
.mw.em{cursor:grab;}
.mw.drag{z-index:100;cursor:grabbing!important;}
.msvg{position:relative;overflow:visible;transition:transform .15s,filter .15s;}
.mw:not(.ocu):hover .msvg{transform:translateY(-2px) scale(1.04);filter:drop-shadow(0 6px 14px rgba(37,99,235,.3));}
.mw.ocu .msvg{filter:drop-shadow(0 4px 12px rgba(234,88,12,.4));animation:pulse 2.5s ease-in-out infinite;}
@keyframes pulse{0%,100%{filter:drop-shadow(0 4px 12px rgba(234,88,12,.4));}50%{filter:drop-shadow(0 8px 24px rgba(234,88,12,.7));}}
.mw.ocu:hover .msvg{animation:none;transform:translateY(-2px) scale(1.04);}
.mbadge{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#ea580c,#c2410c);color:white;border-radius:12px;padding:3px 8px;font-size:.62rem;font-weight:800;white-space:nowrap;z-index:5;box-shadow:0 2px 8px rgba(234,88,12,.4);}
.mitems-badge{position:absolute;top:-10px;left:-10px;background:var(--g700);color:white;border-radius:12px;padding:3px 7px;font-size:.62rem;font-weight:800;white-space:nowrap;z-index:5;box-shadow:0 2px 6px rgba(0,0,0,.25);}
.cst-badge{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);border-radius:10px;padding:2px 8px;font-size:.58rem;font-weight:800;white-space:nowrap;z-index:5;box-shadow:0 2px 6px rgba(0,0,0,.3);letter-spacing:.3px;}
.cst-badge.cst1{background:#ea580c;color:white;animation:cstPulse 1.8s ease-in-out infinite;}
.cst-badge.cst2{background:#16a34a;color:white;}
@keyframes cstPulse{0%,100%{opacity:1;}50%{opacity:.6;}}
.mdel{position:absolute;top:-8px;left:-8px;background:var(--red);color:white;border:2px solid white;border-radius:50%;width:22px;height:22px;font-size:.7rem;cursor:pointer;display:none;align-items:center;justify-content:center;font-weight:700;z-index:5;}
.showdel .mdel{display:flex;}
.minfo{margin-top:10px;text-align:center;pointer-events:none;}
.mnom{font-size:.7rem;font-weight:800;color:var(--g700);}
.mw.ocu .mnom{color:#92400e;}
.mitems{font-size:.6rem;font-weight:700;color:var(--orange);display:none;}
.mw.ocu .mitems{display:block;}
.deco{position:absolute;font-size:2rem;user-select:none;z-index:1;}
.deco.em{cursor:grab;}

/* PÁGINA PEDIDO */
#pg-ped{
  position:fixed;top:var(--hdr);left:0;right:0;bottom:0;
  display:none;
  flex-direction:column;
  background:var(--g50);
}
/* En escritorio, el ped-body ocupa todo el espacio restante sin gap */
@media(min-width:768px){
  /* col-ped ocupa toda la altura: ped-body tiene overflow visible hacia arriba */
  .ped-body{align-items:stretch;}
  .col-ped{align-self:stretch;}
}

/* TOP BAR pedido */
.ped-top{
  background:white;border-bottom:1px solid var(--g200);
  padding:6px 10px;display:flex;align-items:center;gap:6px;
  flex-shrink:0;
}
.ped-top-btns{display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0;}
.total-amt-top{font-size:1rem;font-weight:900;color:var(--g900);min-width:70px;text-align:right;}
.btn-top-sub{padding:9px 16px;border:1.5px solid var(--g300);border-radius:9px;background:var(--g800);color:white;font-size:.84rem;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;white-space:nowrap;}
.btn-top-coc{padding:9px 18px;border:none;border-radius:9px;background:var(--orange);color:white;font-size:.84rem;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;white-space:nowrap;}
.btn-top-cob{padding:9px 18px;border:none;border-radius:9px;background:var(--blue);color:white;font-size:.84rem;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;white-space:nowrap;}
@media(max-width:767px){
  .total-amt-top{display:none;}
  .btn-top-sub{display:none;}
  .btn-top-coc{display:none;}
  .btn-top-cob{display:none;}
}
.btn-back{
  padding:6px 10px;border:1.5px solid var(--g200);border-radius:8px;
  background:var(--g100);color:var(--g600);
  font-family:'Inter',sans-serif;font-size:.74rem;font-weight:600;cursor:pointer;
  white-space:nowrap;flex-shrink:0;
}
.ped-title{font-size:.9rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ped-sala{font-size:.7rem;color:var(--g400);flex-shrink:0;}

/* CATEGORÍAS */
.cats-bar{
  background:white;border-bottom:1px solid var(--g200);
  padding:6px 10px;flex-shrink:0;
  /* Scroll nativo iOS — truco definitivo */
  display:block;
  overflow-x:auto;overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  white-space:nowrap;
  scrollbar-width:none;
}
.cats-bar::-webkit-scrollbar{display:none;}
.cat-btn{
  display:inline-flex;flex-direction:column;align-items:center;
  gap:5px;padding:11px 18px;min-width:82px;
  border:2px solid var(--g200);border-radius:14px;
  background:white;color:var(--g700);
  font-family:'Inter',sans-serif;font-size:.82rem;font-weight:700;
  cursor:pointer;white-space:nowrap;vertical-align:top;
  margin-right:7px;-webkit-tap-highlight-color:transparent;
  box-shadow:0 1px 3px rgba(0,0,0,.08);
}
.cat-btn:last-child{margin-right:0;}
.cat-btn.on{color:white!important;border-color:transparent!important;}
.cat-ico{font-size:1.8rem;line-height:1.2;}
.cat-img-sm{width:32px;height:32px;border-radius:7px;object-fit:cover;}

/* LAYOUT PRINCIPAL */
.ped-main{
  flex:1;display:flex;min-height:0;overflow:hidden;
}
.ped-left{
  flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;
}
.ped-body{
  flex:1;display:flex;min-height:0;overflow:hidden;
}
/* COLUMNA PRODUCTOS */
.col-prods{
  flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;
}
.prods-grid{
  flex:1;
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:8px;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(130px,1fr));
  gap:8px;
  align-content:start;
}
/* Wrapper para el badge overflow */
.prod-wrap{position:relative;aspect-ratio:1;}
.prod-btn{
  background:white;border:1.5px solid var(--g200);border-radius:12px;
  display:flex;flex-direction:column;align-items:stretch;
  cursor:pointer;text-align:center;position:relative;
  width:100%;height:100%;
  min-width:0;overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
  transition:transform .1s,box-shadow .1s;
}
.prod-btn:active{transform:scale(.96);box-shadow:0 0 0 2.5px var(--g300);border-color:var(--g400);}
/* Badge cantidad — fuera del botón, no se corta */
.prod-badge{
  position:absolute;top:-7px;left:-7px;
  background:var(--blue);color:white;
  border-radius:10px;padding:2px 8px;
  font-size:.65rem;font-weight:800;
  display:none;z-index:20;
  box-shadow:0 1px 4px rgba(0,0,0,.25);
  border:2px solid white;
  pointer-events:none;
}
.prod-badge.v{display:block;}
/* Botón info */
.prod-info-btn{
  position:absolute;bottom:28px;right:4px;
  width:20px;height:20px;border-radius:50%;
  background:rgba(0,0,0,.45);color:white;
  border:1.5px solid rgba(255,255,255,.4);
  font-size:.65rem;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;z-index:15;
  backdrop-filter:blur(4px);
  transition:background .15s;
  pointer-events:all;
  line-height:1;font-style:italic;font-family:'Inter',sans-serif;
}
.prod-info-btn:active{background:rgba(37,99,235,.8);}
/* Botones artículo edit form */
.ae-btn-cancel{background:#f1f5f9;color:#374151;border:2px solid #e2e8f0;border-radius:10px;font-family:'Inter',sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;}
.ae-btn-save{background:#2563eb;color:white;border:none;border-radius:10px;font-family:'Inter',sans-serif;font-size:.9rem;font-weight:800;cursor:pointer;box-shadow:0 2px 8px rgba(37,99,235,.3);}
body.dark .ae-btn-cancel{background:#263045 !important;color:#f1f5f9 !important;border-color:#475569 !important;}
.ae-img-gal-btn{background:#e2e8f0;border:1.5px solid #d1d5db;border-radius:9px;font-family:'Inter',sans-serif;font-size:.8rem;font-weight:700;cursor:pointer;color:#374151;}
.ae-img-net-btn{background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:9px;font-family:'Inter',sans-serif;font-size:.8rem;font-weight:700;color:#2563eb;cursor:pointer;}
body.dark .ae-img-gal-btn{background:#334155 !important;border-color:#475569 !important;color:#f1f5f9 !important;}
body.dark .ae-img-net-btn{background:#1e3a5f !important;border-color:#1d4ed8 !important;color:#93c5fd !important;}
.prod-img{
  flex:1;min-height:0;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;background:var(--g50);
}
.prod-img img{width:100%;height:100%;object-fit:cover;image-rendering:auto;}
.prod-img-ico{font-size:2.4rem;line-height:1;}
/* Nombre en franja inferior */
.prod-nom-wrap{
  background:rgba(255,255,255,.95);
  padding:4px 6px 5px;border-top:1px solid var(--g100);
  flex-shrink:0;
}
body.dark .prod-nom-wrap{background:rgba(30,41,59,.95);border-color:var(--border-c);}
.prod-nom{font-size:.72rem;font-weight:700;color:var(--g800);line-height:1.2;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/* Badge precio — arriba derecha */
.prod-pre-badge{
  position:absolute;top:6px;right:6px;
  background:rgba(0,0,0,.72);color:white;
  border-radius:6px;padding:2px 6px;
  font-size:.72rem;font-weight:800;
  pointer-events:none;backdrop-filter:blur(2px);
}
.prod-pre-orig{
  position:absolute;top:6px;left:6px;
  background:var(--blue);color:white;
  border-radius:6px;padding:2px 6px;
  font-size:.62rem;font-weight:800;
  pointer-events:none;text-decoration:line-through;opacity:.85;
}
/* Franja inferior nombre en prod-btn modo oscuro ya definida arriba */

/* COLUMNA PEDIDO — escritorio */
.col-ped{
  width:280px;flex-shrink:0;
  background:white;border-left:1px solid var(--g200);
  display:flex;flex-direction:column;
  overflow:hidden;
}
.col-ped-top{
  padding:6px 12px 4px;border-bottom:1px solid var(--g100);
  display:flex;justify-content:space-between;align-items:center;
  flex-shrink:0;background:var(--g50);
}
@media(max-width:767px){
  .col-ped-top{
    flex-direction:column;align-items:stretch;padding:0;gap:0;
  }
  .col-ped-total-mob{
    display:flex;justify-content:space-between;align-items:center;
    padding:6px 12px 4px;background:white;border-bottom:1px solid var(--g100);
  }
  .col-ped-top-row{
    display:flex;justify-content:space-between;align-items:center;
    padding:4px 12px;background:var(--g50);
  }
  @media(min-width:768px){.col-ped-total-mob{display:none;}}
}
@media(min-width:768px){
  .col-ped-total-mob{display:none;}
  .col-ped-mob-btns{display:none;}
}
@media(max-width:767px){
  .col-ped-mob-btns{
    display:flex;gap:6px;padding:6px 10px;
    border-bottom:1px solid var(--g100);
    background:white;
  }
  .col-ped-mob-btns .mob-btn-coc,
  .col-ped-mob-btns .mob-btn-cob{
    flex:1;padding:10px;border-radius:9px;font-size:.84rem;
    font-family:'Inter',sans-serif;font-weight:700;border:none;color:white;cursor:pointer;
  }
  .col-ped-mob-btns .mob-btn-coc{background:var(--orange);}
  .col-ped-mob-btns .mob-btn-cob{background:var(--blue);}
}
.col-ped-label{font-size:.68rem;font-weight:700;color:var(--g400);text-transform:uppercase;letter-spacing:.5px;}
.col-ped-count{font-size:.68rem;font-weight:700;color:var(--g700);}
.lineas-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 6px;}
.linea{
  display:flex;align-items:center;gap:6px;
  padding:7px 8px;border-radius:8px;cursor:pointer;
  border:1.5px solid transparent;margin-bottom:2px;
  -webkit-user-select:none;user-select:none;
  -webkit-touch-callout:none;
}
.linea:active{background:var(--g50);}
.linea.sel{background:var(--blue-l);border-color:var(--blue-m);}
.lqty{background:var(--blue);color:white;border-radius:5px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex-shrink:0;}
.lnom{flex:1;font-size:.78rem;font-weight:600;color:var(--g800);}
.lpre{font-size:.76rem;font-weight:700;color:var(--blue);}
.ldel{background:var(--red-l);border:none;color:var(--red);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;font-weight:700;flex-shrink:0;touch-action:manipulation;}
.ltag{border-radius:4px;padding:1px 5px;font-size:.6rem;font-weight:800;flex-shrink:0;}
.ltag.comp{background:#7c3aed;color:white;}
.ltag.ord{background:#ea580c;color:white;}
.ped-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--g400);}
.ped-empty span{font-size:1.8rem;}
.ped-empty p{font-size:.74rem;}
/* NUMPAD escritorio */
.np-wrap{padding:7px;border-top:1px solid var(--g100);flex-shrink:0;margin-bottom:48px;}
.np-hint{background:var(--g50);border:1.5px solid var(--g200);border-radius:7px;padding:5px 8px;font-size:.68rem;font-weight:600;color:var(--g400);text-align:center;margin-bottom:5px;}
.np-hint.on{background:var(--blue-l);border-color:var(--blue);color:var(--blue);}
.np-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:5px;}
.npb{background:var(--g50);border:1.5px solid var(--g200);border-radius:7px;padding:7px;font-family:'Inter',sans-serif;font-weight:700;font-size:.86rem;cursor:pointer;text-align:center;color:var(--g700);}
.npb:active{background:var(--g200);}
.npb.w2{grid-column:span 2;}
.npb.del{background:#fef2f2;border-color:#fecaca;color:var(--red);}
/* TOTAL + BOTONES escritorio */
.ped-foot{padding:7px;border-top:1px solid var(--g200);flex-shrink:0;padding-bottom:52px;}
.total-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
.total-lbl{font-size:.68rem;font-weight:700;color:var(--g400);text-transform:uppercase;}
.total-amt{font-size:1.3rem;font-weight:900;color:var(--g900);}
.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;}
.btn-sub{grid-column:span 2;background:var(--g800);border:none;color:white;border-radius:8px;padding:9px;font-family:'Inter',sans-serif;font-weight:700;font-size:.76rem;cursor:pointer;}
.btn-coc{background:var(--orange);border:none;color:white;border-radius:8px;padding:9px;font-family:'Inter',sans-serif;font-weight:700;font-size:.76rem;cursor:pointer;}
.btn-cob{background:var(--blue);border:none;color:white;border-radius:8px;padding:9px;font-family:'Inter',sans-serif;font-weight:700;font-size:.76rem;cursor:pointer;}

/* ═══ MÓVIL ═══ */
@media(max-width:767px){
  .ped-main{flex-direction:column !important;overflow:hidden;}
  .ped-body{flex-direction:column !important;overflow:hidden;}
  .ped-left{flex:0 0 55%;overflow:hidden;width:100%;}
  .col-prods{flex:1;overflow:hidden;width:100%;}
  .col-ped{
    display:flex !important;
    flex:0 0 45%;
    min-height:0;
    border-left:none !important;
    border-top:2px solid var(--g200);
    overflow:hidden;
    width:100%;
  }
  .np-wrap{display:none !important;}
  .btn-sub{display:none !important;}
  .foot-grid{grid-template-columns:1fr 1fr !important;}
  .btn-coc,.btn-cob{padding:12px 8px;font-size:.84rem;}
  .total-amt{font-size:1.2rem;}
  .prods-grid{grid-template-columns:repeat(3,1fr) !important;padding:6px !important;gap:5px !important;}
  .prod-ico{font-size:1.7rem;}
  .prod-nom{font-size:.68rem;}
  .prod-pre{font-size:.76rem;}
}

/* BARRA INFERIOR HIOPOS STYLE */
.hios-bar{
  position:fixed;bottom:0;left:0;right:0;
  height:56px;
  background:#1e293b;
  border-top:2px solid #334155;
  display:none;
  align-items:center;
  padding:0 8px;
  gap:6px;
  z-index:150;
  padding-bottom:env(safe-area-inset-bottom);
}
.hios-bar.on{display:flex;}
.hios-btn{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;padding:6px 10px;border-radius:8px;
  border:none;cursor:pointer;
  font-family:'Inter',sans-serif;
  min-width:52px;height:42px;
  background:#334155;color:#cbd5e1;
  font-size:.6rem;font-weight:700;
  flex-shrink:0;
}
.hios-btn:active{background:#475569;}
.hios-btn .hios-ico{font-size:1.1rem;line-height:1;}
.hios-btn.activo{background:#2563eb;color:white;}
.hios-sep{width:1px;height:36px;background:#334155;flex-shrink:0;}
.hios-orden-wrap{display:flex;gap:4px;align-items:center;}
.hios-orden-lbl{font-size:.6rem;color:#64748b;font-weight:700;margin-right:2px;}
.hios-orden-num{
  width:32px;height:32px;border-radius:6px;
  border:1.5px solid #334155;background:#1e293b;
  color:#64748b;font-size:.78rem;font-weight:800;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  font-family:'Inter',sans-serif;
}
.hios-orden-num.on{background:#ea580c;border-color:#ea580c;color:white;}
.hios-spacer{flex:1;}

/* BARRA INFERIOR MÓVIL — oculta en móvil, ya tenemos botones en col-ped */
.mob-bar{
  display:none !important;
  position:fixed;bottom:0;left:0;right:0;
  height:var(--bar);
  padding-bottom:env(safe-area-inset-bottom);
  background:white;border-top:2px solid var(--g200);
  z-index:200;
}
.mob-bar-inner{
  display:grid;
  grid-template-columns:auto 1fr 1fr;
  height:var(--bar);/* altura fija sin el safe area */
}
.mob-total{
  display:flex;flex-direction:column;justify-content:center;
  padding:0 12px;border-right:1px solid var(--g200);
  min-width:100px;cursor:pointer;
}
.mob-total-lbl{font-size:.6rem;color:var(--g400);font-weight:500;}
.mob-total-amt{font-size:1rem;font-weight:900;color:var(--g900);}
.mob-btn-coc{
  background:var(--orange);border:none;color:white;
  font-family:'Inter',sans-serif;font-weight:800;font-size:.88rem;
  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;
  border-right:1px solid rgba(0,0,0,.1);
}
.mob-btn-cob{
  background:var(--blue);border:none;color:white;
  font-family:'Inter',sans-serif;font-weight:800;font-size:.88rem;
  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;
}

/* PANEL PEDIDO MÓVIL (bottom sheet) */
#mob-ped-sheet{
  position:fixed;inset:0;z-index:500;display:none;
  background:rgba(0,0,0,.5);backdrop-filter:blur(3px);
  align-items:flex-end;
}
#mob-ped-sheet.on{display:flex;}
.mob-ped-content{
  background:white;border-radius:20px 20px 0 0;
  width:100%;max-height:80vh;
  display:flex;flex-direction:column;
  animation:sUp .25s ease;
}
@keyframes sUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.mob-ped-handle{width:40px;height:4px;background:var(--g200);border-radius:2px;margin:10px auto 4px;}
.mob-ped-header{
  padding:8px 16px 10px;
  display:flex;justify-content:space-between;align-items:center;
  border-bottom:1px solid var(--g100);flex-shrink:0;
}
.mob-ped-title{font-size:.88rem;font-weight:800;}
.mob-ped-count{font-size:.78rem;color:var(--g400);font-weight:600;}
.mob-ped-close{background:var(--g100);border:none;border-radius:50%;width:28px;height:28px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--g600);}
.mob-lineas{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 10px;}
.mob-ped-foot{
  padding:10px 14px;border-top:1px solid var(--g100);
  flex-shrink:0;
}
.mob-total-big{font-size:1.5rem;font-weight:900;text-align:center;margin-bottom:10px;}
.mob-foot-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.mob-btn-coc2{background:var(--orange);border:none;color:white;border-radius:10px;padding:13px;font-family:'Inter',sans-serif;font-weight:700;font-size:.88rem;cursor:pointer;}
.mob-btn-cob2{background:var(--blue);border:none;color:white;border-radius:10px;padding:13px;font-family:'Inter',sans-serif;font-weight:700;font-size:.88rem;cursor:pointer;}
.mob-btn-sub{grid-column:span 2;background:var(--g800);border:none;color:white;border-radius:10px;padding:11px;font-family:'Inter',sans-serif;font-weight:700;font-size:.82rem;cursor:pointer;margin-bottom:6px;}

/* POPUP QTY */
#qty-pop{position:fixed;inset:0;z-index:600;display:none;background:rgba(0,0,0,.5);backdrop-filter:blur(3px);align-items:flex-end;justify-content:center;}
#qty-pop.on{display:flex;}
.qty-sheet{background:white;border-radius:20px 20px 0 0;width:100%;max-width:400px;padding:20px 22px 28px;animation:sUp .2s ease;}
.qty-nom{font-size:.95rem;font-weight:800;text-align:center;margin-bottom:2px;}
.qty-ud{font-size:.8rem;color:var(--g400);text-align:center;margin-bottom:16px;}
.qty-ctrl{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:14px;}
.qty-btn{width:50px;height:50px;border-radius:50%;border:2px solid var(--g200);background:white;font-size:1.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--g700);}
.qty-btn:active{background:var(--g100);}
.qty-num{font-size:2.4rem;font-weight:900;min-width:56px;text-align:center;}
.qty-tot{text-align:center;font-size:.86rem;color:var(--g500);margin-bottom:14px;}
.qty-tot strong{color:var(--blue);}
.qty-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.qty-del{background:#fef2f2;border:1.5px solid #fecaca;color:var(--red);border-radius:8px;padding:12px;font-family:'Inter',sans-serif;font-weight:700;font-size:.84rem;cursor:pointer;}
.qty-ok{background:var(--blue);border:none;color:white;border-radius:8px;padding:12px;font-family:'Inter',sans-serif;font-weight:700;font-size:.84rem;cursor:pointer;}

/* MENÚ MESA */
#menu-mesa{position:fixed;inset:0;z-index:300;display:none;background:rgba(0,0,0,.5);backdrop-filter:blur(3px);align-items:flex-end;justify-content:center;}
#menu-mesa.on{display:flex;}
.menu-sheet{background:white;border-radius:20px 20px 0 0;width:100%;max-width:480px;padding:6px 0 24px;animation:sUp .22s ease;}
.mhandle{width:38px;height:4px;background:var(--g200);border-radius:2px;margin:8px auto 14px;}
.mtitle{font-size:1.05rem;font-weight:900;text-align:center;margin-bottom:2px;}
.msub{font-size:.78rem;color:var(--g400);text-align:center;margin-bottom:10px;}
.mdiv{height:1px;background:var(--g100);margin:3px 14px;}
.mbtn{display:flex;align-items:center;gap:12px;padding:12px 20px;font-size:.88rem;font-weight:600;color:var(--g800);border:none;background:transparent;width:100%;font-family:'Inter',sans-serif;cursor:pointer;}
.mbtn:active{background:var(--g50);}
.mbtn-ico{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}
.mbtn-sub{font-size:.7rem;color:var(--g400);margin-top:1px;}
.mcancel{margin:6px 14px 0;background:var(--g100);border:none;border-radius:10px;padding:13px;font-family:'Inter',sans-serif;font-weight:700;font-size:.88rem;cursor:pointer;color:var(--g600);width:calc(100% - 28px);}

/* CTX EDICIÓN */
#ctx-edit{position:fixed;background:white;border:1px solid var(--g200);border-radius:10px;padding:5px;z-index:400;min-width:180px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:none;}
.ci{padding:9px 12px;border-radius:7px;cursor:pointer;font-size:.8rem;font-weight:600;color:var(--g700);display:flex;align-items:center;gap:8px;}
.ci:active{background:var(--g50);}
.ci.red{color:var(--red);}
.cdiv{height:1px;background:var(--g100);margin:2px 0;}
.cnom{padding:7px 12px 2px;font-size:.68rem;font-weight:700;color:var(--g400);text-transform:uppercase;letter-spacing:.5px;}

/* MODALES */
.mov{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:700;backdrop-filter:blur(3px);}
.mov.on{display:flex;}
.modal{background:white;border-radius:18px;padding:20px;width:440px;max-width:calc(100vw - 20px);max-height:calc(100vh - 30px);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 20px 50px rgba(0,0,0,.2);}
.modal h3{font-size:.95rem;font-weight:800;margin-bottom:4px;}
.modal-sub{font-size:.74rem;color:var(--g400);margin-bottom:14px;}
.mi{width:100%;background:var(--g50);border:1.5px solid var(--g200);border-radius:8px;padding:9px 11px;font-family:'Inter',sans-serif;font-size:.86rem;color:var(--g900);margin-bottom:9px;}
.mi:focus{outline:none;border-color:var(--blue);background:white;}
.ml{font-size:.7rem;color:var(--g500);font-weight:600;margin-bottom:4px;display:block;}
.mbtns{display:flex;gap:7px;margin-top:4px;}
.btn-cancel{background:var(--g100);border:1.5px solid var(--g200);color:var(--g600);border-radius:8px;padding:10px 14px;font-family:'Inter',sans-serif;font-weight:600;font-size:.8rem;cursor:pointer;}
.btn-ok{flex:1;background:var(--blue);border:none;color:white;border-radius:8px;padding:10px;font-family:'Inter',sans-serif;font-weight:700;font-size:.8rem;cursor:pointer;}
.fp-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:11px;}
.fp{background:var(--g50);border:2px solid var(--g200);border-radius:10px;padding:11px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;}
.fp:active,.fp.on{border-color:var(--blue);background:var(--blue-l);}
.fp.on{box-shadow:0 0 0 3px var(--blue-m);}
.fp-ico{font-size:1.4rem;}
.fp-nom{font-size:.74rem;font-weight:700;color:var(--g700);}
.fp.on .fp-nom{color:var(--blue);}
.cambio{background:var(--g50);border:1.5px solid var(--g200);border-radius:8px;padding:9px 11px;margin-bottom:11px;display:none;}
.cambio.on{display:block;}
.cambio label{font-size:.7rem;color:var(--g500);font-weight:600;display:block;margin-bottom:4px;}
.cambio input{width:100%;background:transparent;border:none;font-family:'Inter',sans-serif;font-size:1.2rem;font-weight:800;outline:none;color:var(--g900);}
.cambio-res{margin-top:5px;font-size:.74rem;color:var(--g500);}
.cambio-res strong{color:var(--green);font-weight:800;}
.total-pago{font-size:1.8rem;font-weight:900;margin-bottom:13px;}
.total-pago span{font-size:.86rem;color:var(--g400);margin-right:5px;}
.divider{height:1px;background:var(--g100);margin:11px 0;}
/* Formas mesa */
.forma-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:13px;}
.forma-opt{background:var(--g50);border:2px solid var(--g200);border-radius:8px;padding:9px 5px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;}
.forma-opt.on{border-color:var(--blue);background:var(--blue-l);}
.forma-opt span{font-size:.62rem;font-weight:700;color:var(--g600);}
.forma-opt.on span{color:var(--blue);}
.icos-grid{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:11px;}
.ico-b{width:34px;height:34px;font-size:1.05rem;background:var(--g50);border:1.5px solid var(--g200);border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.ico-b.on{border-color:var(--blue);background:var(--blue-l);}
/* Tarifa list */
.tlist{display:flex;flex-direction:column;gap:5px;margin-bottom:13px;}
.titem{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1.5px solid var(--g200);border-radius:8px;background:var(--g50);cursor:pointer;}
.titem:active,.titem.on{border-color:var(--blue);background:var(--blue-l);}
.titem.on{box-shadow:0 0 0 3px var(--blue-m);}
.tnom{flex:1;font-size:.82rem;font-weight:700;}
.tdesc{font-size:.7rem;color:var(--g400);}
.tcheck{width:18px;height:18px;border-radius:50%;border:2px solid var(--g300);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.65rem;}
.titem.on .tcheck{background:var(--blue);border-color:var(--blue);color:white;}
/* Tabla precios */
.tbl{width:100%;border-collapse:collapse;margin-bottom:13px;}
.tbl th{font-size:.68rem;font-weight:700;color:var(--g500);text-transform:uppercase;padding:5px 7px;border-bottom:1px solid var(--g200);text-align:left;}
.tbl td{padding:6px 7px;border-bottom:1px solid var(--g100);font-size:.78rem;}
.tbl td input{width:75px;background:var(--g50);border:1.5px solid var(--g200);border-radius:6px;padding:4px 7px;font-family:'Inter',sans-serif;font-size:.78rem;font-weight:600;text-align:right;color:var(--g900);}
.tbl td input:focus{outline:none;border-color:var(--blue);}
/* Colores */
.colors{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:11px;}
.csw{width:28px;height:28px;border-radius:7px;cursor:pointer;border:3px solid transparent;}
.csw.on{border-color:var(--g900);transform:scale(1.1);}
.upload-area{border:2px dashed var(--g300);border-radius:8px;padding:13px;text-align:center;cursor:pointer;margin-bottom:11px;}
.upload-area:active{border-color:var(--blue);background:var(--blue-l);}
.upload-prev{width:50px;height:50px;border-radius:8px;object-fit:cover;margin:0 auto 5px;display:block;}
/* Cfg menu */
.cfg-sec-lbl{font-size:.68rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.8px;margin:18px 0 8px;padding-left:2px;}
.cfg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;margin-bottom:4px;}
.cfg-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 6px 10px;border-radius:10px;cursor:pointer;border:1.5px solid #e2e8f0;background:var(--tc,white);text-align:center;transition:all .12s;position:relative;min-height:78px;}
.cfg-tile:active{transform:scale(.94);border-color:var(--tca,#93c5fd);}
.cfg-tile:hover{border-color:var(--tca,#93c5fd);box-shadow:0 2px 8px rgba(0,0,0,.08);}
.cfg-tile-ico{font-size:1.7rem;margin-bottom:5px;line-height:1;}
.cfg-tile-nom{font-size:.63rem;font-weight:700;color:#374151;line-height:1.25;}
.cfg-tile.cfg-soon{opacity:.55;cursor:not-allowed;}
.cfg-tile.cfg-soon:active{transform:none;}
.cfg-tile.cfg-soon:hover{border-color:#e2e8f0;box-shadow:none;}
.cfg-prox{position:absolute;top:5px;right:5px;font-size:.5rem;font-weight:800;background:#e2e8f0;color:#94a3b8;padding:1px 4px;border-radius:4px;text-transform:uppercase;}
/* ── GESTIÓN ARTÍCULOS ── */
.art-page{position:fixed;inset:0;background:#f1f5f9;z-index:1100;display:flex;flex-direction:column;overflow:hidden;}
.art-page-head{background:white;border-bottom:1px solid var(--g200);padding:10px 14px;display:flex;align-items:center;gap:10px;flex-shrink:0;}
.art-page-head h2{font-size:1rem;font-weight:800;flex:1;}
.art-page-head .back-btn{background:var(--g100);border:none;border-radius:8px;padding:7px 12px;font-size:.8rem;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;color:var(--g700);}
.art-page-body{flex:1;overflow-y:auto;padding:12px;}
.art-cat-group{margin-bottom:16px;}
.art-cat-lbl{font-size:.68rem;font-weight:800;color:var(--g500);text-transform:uppercase;letter-spacing:.5px;padding:6px 10px;}
.art-row{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--g200);border-radius:10px;padding:10px 12px;margin-bottom:6px;cursor:pointer;}
.art-row:active{background:var(--blue-l);}
.art-ico{font-size:1.4rem;flex-shrink:0;width:32px;text-align:center;}
.art-info{flex:1;min-width:0;}
.art-nom{font-size:.86rem;font-weight:700;color:var(--g900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.art-meta{font-size:.7rem;color:var(--g400);margin-top:1px;}
.art-pre{font-size:.9rem;font-weight:800;color:var(--blue);flex-shrink:0;}
.art-inactive{opacity:.45;}
/* Ficha artículo */
.art-section{margin-bottom:16px;}
.art-section-lbl{font-size:.68rem;font-weight:800;color:var(--g500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;}
.alg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;}
.alg-btn{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1.5px solid var(--g200);border-radius:8px;background:white;cursor:pointer;font-size:.76rem;font-weight:600;color:var(--g700);font-family:'Inter',sans-serif;text-align:left;}
.alg-btn.on{border-color:var(--orange);background:#fff7ed;color:var(--orange);}
.alg-ico{font-size:1rem;flex-shrink:0;}
.zona-chip,.fmt-chip,.com-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1.5px solid var(--g200);border-radius:20px;background:white;cursor:pointer;font-size:.76rem;font-weight:600;color:var(--g700);margin:3px;}
.zona-chip.on{border-color:var(--blue);background:var(--blue-l);color:var(--blue);}
.com-chip{cursor:default;background:var(--g100);}
.com-chip .del{cursor:pointer;color:var(--g400);font-size:.8rem;margin-left:2px;}
.com-chip .del:hover{color:var(--red);}
.add-fmt-row,.add-com-row{display:flex;gap:6px;margin-top:8px;}
.add-fmt-row input,.add-com-row input{flex:1;padding:8px 10px;border:1.5px solid var(--g200);border-radius:8px;font-family:'Inter',sans-serif;font-size:.82rem;outline:none;}
.add-fmt-row input:focus,.add-com-row input:focus{border-color:var(--blue);}
/* Formatos/Zonas list */
.fz-row{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--g200);border-radius:10px;padding:10px 12px;margin-bottom:6px;}
.fz-nom{flex:1;font-size:.86rem;font-weight:700;}
.fz-sub{font-size:.72rem;color:var(--g400);}
.fz-del{background:none;border:none;font-size:1rem;cursor:pointer;color:var(--g400);padding:4px;}
/* legacy — keep for any remaining references */
.cfg-item{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1.5px solid var(--g200);border-radius:11px;margin-bottom:7px;cursor:pointer;}
.cfg-item:active{border-color:var(--blue);background:var(--blue-l);}
.cfg-ico{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.cfg-txt{flex:1;}
.cfg-tnom{font-size:.86rem;font-weight:700;}
.cfg-tdesc{font-size:.7rem;color:var(--g400);margin-top:1px;}
/* Frac */
.frac-tabs{display:flex;gap:5px;margin-bottom:13px;}
.ftab{flex:1;padding:8px;border:2px solid var(--g200);border-radius:9px;text-align:center;cursor:pointer;font-family:'Inter',sans-serif;font-weight:700;font-size:.78rem;color:var(--g600);}
.ftab.on{background:var(--blue);border-color:var(--blue);color:white;}
.ftab-ico{font-size:1rem;display:block;margin-bottom:2px;}
.fpanel{display:none;}
.fpanel.on{display:block;}
.fbox{background:var(--g50);border-radius:9px;padding:13px;margin-bottom:13px;}
.fhint{text-align:center;font-size:.74rem;color:var(--g500);margin-bottom:7px;}
.fnum-row{display:flex;align-items:center;gap:14px;justify-content:center;padding:7px 0;}
.fnbtn{width:42px;height:42px;border-radius:50%;border:2px solid var(--g200);background:white;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--g700);}
.fnval{font-size:2rem;font-weight:900;min-width:46px;text-align:center;}
.fpp{text-align:center;font-size:.95rem;font-weight:800;color:var(--blue);margin-top:5px;}
.fresumen-item{display:flex;justify-content:space-between;padding:4px 0;font-size:.78rem;border-bottom:1px solid var(--g100);}
.fsubt{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;background:var(--blue-l);border-radius:8px;margin-bottom:13px;border:1px solid var(--blue-m);}
.flinea{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1.5px solid var(--g200);border-radius:8px;margin-bottom:5px;background:white;}
.flinea-nom{flex:1;font-size:.8rem;font-weight:600;}
.flinea-pre{font-size:.78rem;font-weight:700;color:var(--blue);min-width:48px;text-align:right;}
.fqctrl{display:flex;align-items:center;gap:7px;}
.fqbtn{width:28px;height:28px;border-radius:7px;border:1.5px solid var(--g200);background:white;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--g700);}
.fqval{min-width:20px;text-align:center;font-size:.84rem;font-weight:800;}
/* Buscar */
.buscar-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1.5px solid var(--g200);border-radius:8px;cursor:pointer;margin-bottom:4px;}
.buscar-item:active{background:var(--g50);}
/* Favoritos */
.fav-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1.5px solid var(--g200);border-radius:8px;cursor:pointer;margin-bottom:5px;}
.fav-item.on{border-color:var(--blue);background:var(--blue-l);}

#toast{
  position:fixed;bottom:calc(56px + env(safe-area-inset-bottom) + 12px);left:50%;
  transform:translateX(-50%) translateY(100px);
  background:#0f172a;color:#f1f5f9;border-radius:18px;
  padding:10px 20px;font-size:.82rem;font-weight:700;
  transition:transform .35s ease,opacity .35s ease,visibility .35s ease;
  z-index:99999;white-space:nowrap;
  box-shadow:0 4px 24px rgba(0,0,0,.5);
  border:1.5px solid #334155;
  opacity:0;visibility:hidden;pointer-events:none;
}
#toast.on{transform:translateX(-50%) translateY(0);opacity:1;visibility:visible;}
@media(min-width:768px){#toast{bottom:20px;}}
.hidden{display:none!important;}

/* ── PANTALLA BARRA 9 TICKETS ── */
#pg-barra{
  position:fixed;top:var(--hdr);left:0;right:0;bottom:0;
  display:none;flex-direction:column;background:var(--g50);
}
.barra-top{
  background:white;border-bottom:1px solid var(--g200);
  padding:8px 12px;display:flex;align-items:center;gap:8px;flex-shrink:0;
}
.barra-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:8px;padding:10px;
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  max-height:calc(100vh - 120px);
}
.barra-ticket{
  background:white;border:2px solid var(--g200);border-radius:14px;
  display:flex;flex-direction:column;min-height:120px;cursor:pointer;
  overflow:hidden;transition:border-color .15s;
}
.barra-ticket.ocu{border-color:var(--orange);background:#fff7ed;}
.barra-ticket.sel{border-color:var(--blue);background:var(--blue-l);}
.bt-head{
  padding:8px 10px 4px;display:flex;justify-content:space-between;align-items:center;
  border-bottom:1px solid var(--g100);
}
.bt-num{font-size:.78rem;font-weight:800;color:var(--g700);}
.barra-ticket.ocu .bt-num{color:#92400e;}
.barra-ticket.sel .bt-num{color:var(--blue);}
.bt-total{font-size:.78rem;font-weight:800;color:var(--orange);}
.bt-lineas{flex:1;padding:6px 10px;font-size:.68rem;color:var(--g600);line-height:1.5;}
.bt-linea{display:flex;justify-content:space-between;gap:4px;}
.barra-foot{
  background:white;border-top:1px solid var(--g200);
  padding:8px 12px;display:flex;gap:6px;flex-shrink:0;
}
.barra-foot button{
  flex:1;padding:10px;border:none;border-radius:9px;
  font-family:'Inter',sans-serif;font-weight:700;font-size:.8rem;cursor:pointer;
}
.bf-coc{background:var(--orange);color:white;}
.bf-cob{background:var(--blue);color:white;}
.bf-back{background:var(--g100);color:var(--g600);border:1.5px solid var(--g200);}


@media(max-width:767px){
  /* Ocultar canvas en móvil */
  #canvas{display:none !important;}
  #pg-plano{overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;}

  /* Toolbar fijo dentro del plano */
  #mob-toolbar{
    position:sticky;top:0;z-index:20;
    background:white;border-bottom:1px solid var(--g200);
    padding:8px 10px 6px;
    box-shadow:0 2px 6px rgba(0,0,0,.07);
  }
  #mob-salas-row{
    display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;
    -webkit-overflow-scrolling:touch;padding-bottom:4px;
  }
  #mob-salas-row::-webkit-scrollbar{display:none;}
  #mob-btns-row{display:flex;gap:6px;margin-top:6px;}
  .mpbtn{
    flex:1;padding:9px 6px;border-radius:9px;
    border:1.5px solid var(--g200);background:var(--g100);
    font-family:'Inter',sans-serif;font-size:.74rem;font-weight:700;
    color:var(--g600);cursor:pointer;
  }
  .mpbtn.ocu{background:#fff7ed;border-color:#fed7aa;color:var(--orange);}

  /* Lista de mesas */
  #mob-mesas{padding:10px 10px 80px;}
  .mob-card{
    display:flex;align-items:center;gap:12px;
    background:white;border:1.5px solid var(--g200);border-radius:14px;
    padding:14px 16px;margin-bottom:8px;cursor:pointer;
    box-shadow:0 1px 3px rgba(0,0,0,.06);
  }
  .mob-card.ocu{border-color:#fed7aa;background:#fff7ed;}
  .mob-card-nom{font-size:.92rem;font-weight:800;color:var(--g800);flex:1;}
  .mob-card.ocu .mob-card-nom{color:#92400e;}
  .mob-card-sub{font-size:.72rem;color:var(--g400);}
  .mob-card.ocu .mob-card-sub{color:var(--orange);font-weight:600;}
  .mob-card-total{font-size:1rem;font-weight:900;color:var(--orange);}
  .mob-card-libre{font-size:.72rem;color:var(--g300);font-weight:600;}
}
@media(min-width:768px){
  #mob-toolbar{display:none;}
  #mob-mesas{display:none;}
  /* Barra filtros PC — debajo del header, encima del plano */
  #pc-filtros{
    position:fixed;top:var(--hdr);left:0;right:0;z-index:50;
    background:white;border-bottom:1px solid var(--g200);
    padding:6px 12px;display:flex;align-items:center;gap:6px;
    box-shadow:0 1px 4px rgba(0,0,0,.06);
  }
  #pg-plano{top:calc(var(--hdr) + 41px);}
  .pcfbtn{
    padding:6px 13px;border-radius:8px;
    border:1.5px solid var(--g200);background:var(--g100);
    font-family:'Inter',sans-serif;font-size:.74rem;font-weight:700;
    color:var(--g600);cursor:pointer;white-space:nowrap;
  }
  .pcfbtn.on-ocu{background:#fff7ed;border-color:#fed7aa;color:var(--orange);}
  .pcfbtn.on-lib{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a;}
  .pcfbtn.on-todas{background:var(--blue-l);border-color:var(--blue-m);color:var(--blue);}
  .pcfbtn.guardar{background:var(--green);border-color:var(--green);color:white;display:none;}
  .pcfbtn.guardar.on{display:block;}
  #pc-filtros-sep{flex:1;}
}
@media(max-width:767px){
  #pc-filtros{display:none;}
}
@media(max-width:767px){
  .hdr-salas{display:none !important;}
}

/* Modal numpad mesa */
#m-num-mesa{z-index:800;}
#num-mesa-display{
  background:var(--g50);border:2px solid var(--g200);border-radius:12px;
  padding:12px;text-align:center;font-size:2.2rem;font-weight:900;
  color:var(--g900);margin-bottom:12px;min-height:58px;letter-spacing:3px;
}
#num-mesa-display.vacio{color:var(--g300);font-size:.9rem;font-weight:600;padding-top:18px;}

/* MODAL LINEA ARTICULO */
.linea-modal-overlay{
  display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);
  z-index:500;align-items:flex-end;justify-content:center;
}
.linea-modal-overlay.on{display:flex;}
.linea-modal{
  background:white;border-radius:16px 16px 0 0;
  width:100%;max-width:500px;padding:0 0 env(safe-area-inset-bottom);
  box-shadow:0 -8px 40px rgba(0,0,0,.2);
  animation:slideUp .2s ease;
}
@keyframes slideUp{from{transform:translateY(100%);}to{transform:translateY(0);}}
.lm-handle{width:36px;height:4px;background:var(--g200);border-radius:2px;margin:10px auto 0;}
.lm-head{padding:14px 16px 10px;border-bottom:1px solid var(--g100);}
.lm-nom{font-size:1rem;font-weight:800;color:var(--g900);}
.lm-pre{font-size:.86rem;color:var(--blue);font-weight:700;}
.lm-qty-row{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 16px;}
.lm-qty-btn{width:40px;height:40px;border-radius:50%;border:2px solid var(--g200);background:var(--g50);font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;}
.lm-qty-btn.red{border-color:var(--red);color:var(--red);}
.lm-qty-val{font-size:1.6rem;font-weight:900;min-width:40px;text-align:center;}
.lm-btns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:0 16px 16px;}
.lm-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:10px;border:1.5px solid var(--g200);background:var(--g50);cursor:pointer;font-family:'Inter',sans-serif;}
.lm-btn-ico{font-size:1.4rem;}
.lm-btn-lbl{font-size:.68rem;font-weight:700;color:var(--g600);}
.lm-btn.blue{border-color:var(--blue);background:var(--blue-l);}
.lm-btn.blue .lm-btn-lbl{color:var(--blue);}
.lm-btn.red{border-color:var(--red);background:var(--red-l);}
.lm-btn.red .lm-btn-lbl{color:var(--red);}
.lm-btn.orange{border-color:var(--orange);background:#fff7ed;}
.lm-btn.orange .lm-btn-lbl{color:var(--orange);}
.lm-btn.purple{border-color:#7c3aed;background:#f5f3ff;}
.lm-btn.purple .lm-btn-lbl{color:#7c3aed;}
.lm-input-row{padding:0 16px 12px;display:none;}
.lm-input-row.on{display:block;}
.lm-input-row input{width:100%;padding:10px 12px;border:1.5px solid var(--blue);border-radius:8px;font-size:.9rem;font-family:'Inter',sans-serif;outline:none;}
.lm-input-row label{font-size:.72rem;font-weight:700;color:var(--g500);margin-bottom:4px;display:block;}
.lm-close-btn{width:100%;padding:12px;border:none;background:var(--g100);color:var(--g600);font-family:'Inter',sans-serif;font-weight:700;font-size:.86rem;cursor:pointer;}