/**
 * Versión: 7.9
 */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#f2f1ee;--surface:#fff;--surface2:#fafaf8;
  --border:#e3e1db;--border2:#cec9c0;
  --text:#1a1916;--text2:#56534e;--text3:#9b9791;
  --red:#d63a1a;--red-l:#fef2ee;--red-m:#f8cfc4;
  --green:#1a8a4e;--green-l:#edf7f2;--green-m:#b4e6cc;
  --orange:#c06800;--orange-l:#fff4e5;--orange-m:#ffcf85;
  --blue:#1a5fa8;--blue-l:#edf3fc;--blue-m:#a8c8f0;
  --purple:#6d28d9;--purple-l:#f5f3ff;--purple-m:#c4b5fd;
  --r4:4px;--r7:7px;--r11:11px;--r16:16px;
  --sh0:0 1px 3px rgba(0,0,0,.07);--sh1:0 2px 12px rgba(0,0,0,.09);--sh2:0 8px 32px rgba(0,0,0,.14);
  --font:'Outfit',sans-serif;--mono:'Inconsolata',monospace;
  --drawer-w:480px;--topbar-h:48px;
  /* ── Tipografía del menú rápido (pills) ── */
  --pill-fs:13px;       /* tamaño de fuente del nombre del producto */
  --pill-price-fs:12px; /* tamaño del precio dentro del pill */
  --pill-cat-fs:12px;   /* tamaño del título de categoría */
  --pill-px:12px;       /* padding horizontal del pill */
  --pill-py:4px;        /* padding vertical del pill */
  /* ── Tipografía del footer del pedido (total) ── */
  --footer-total-fs:28px;     /* tamaño del número del total (pf-total-val) */
  --footer-total-lbl-fs:12px; /* tamaño de la etiqueta "Total a cobrar" */
  --footer-total-fw:800;      /* peso del total */
}
html,body{block-size:100%;overflow:hidden;background:var(--bg)}
body{font-family:var(--font);color:var(--text);font-size:13px;line-height:1.45}
::-webkit-scrollbar{inline-size:4px;block-size:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}
.app{display:grid;grid-template-rows:var(--topbar-h) 1fr;block-size:100vh}
.topbar{background:var(--surface);border-block-end:1.5px solid var(--border);display:flex;align-items:center;padding:0 14px;box-shadow:var(--sh0);z-index:200;flex-shrink:0}
.topbar-brand{display:flex;align-items:center;gap:8px;padding-inline-end:14px;border-inline-end:1.5px solid var(--border);margin-inline-end:12px;flex-shrink:0}
.brand-ico{inline-size:30px;block-size:30px;background:var(--red);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}
.brand-name .nombre{font-size:14px;font-weight:800;letter-spacing:-.3px;line-height:1.2}
.brand-name .sub{font-size:10px;color:var(--text3);font-weight:500}
.chips{display:flex;gap:6px}
.chip{display:flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:600;border:1.5px solid transparent}
.chip-mesa{background:var(--orange-l);color:var(--orange);border-color:var(--orange-m)}
.chip-pedidos{background:var(--red-l);color:var(--red);border-color:var(--red-m)}
.chip .dot{inline-size:5px;block-size:5px;border-radius:50%;background:currentColor}
.tsep{flex:1}
.btn-caja{display:flex;align-items:center;gap:6px;background:var(--green-l);color:var(--green);border:1.5px solid var(--green-m);border-radius:var(--r7);padding:5px 12px;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;margin-inline-end:7px;flex-shrink:0}
.btn-caja:hover,.btn-caja.active{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 2px 8px rgba(26,138,78,.22)}
.btn-caja-total{font-family:var(--mono);font-size:11px;opacity:.85;margin-inline-start:2px}
.btn-config{display:flex;align-items:center;gap:5px;background:var(--surface2);border:1.5px solid var(--border);color:var(--text2);border-radius:var(--r7);padding:5px 10px;font-family:var(--font);font-size:11px;font-weight:600;cursor:pointer;transition:all .14s;margin-inline-end:7px;flex-shrink:0}
.btn-config:hover{border-color:var(--border2);background:var(--bg);color:var(--text)}
.btn-menu-ed{display:flex;align-items:center;gap:5px;background:var(--surface2);border:1.5px solid var(--border);color:var(--text2);border-radius:var(--r7);padding:5px 11px;font-family:var(--font);font-size:11px;font-weight:600;cursor:pointer;transition:all .14s;margin-inline-end:7px;flex-shrink:0}
.btn-menu-ed:hover{border-color:var(--border2);background:var(--bg);color:var(--text)}
.btn-soporte{display:flex;align-items:center;gap:5px;background:var(--blue-l);color:var(--blue);border:1.5px solid var(--blue-m);border-radius:var(--r7);padding:5px 10px;font-family:var(--font);font-size:11px;font-weight:600;cursor:pointer;transition:all .14s;margin-inline-end:7px;flex-shrink:0}
.btn-soporte:hover{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 2px 8px rgba(26,95,168,.22)}
.btn-new{display:flex;align-items:center;gap:6px;background:var(--red);color:#fff;border:none;border-radius:var(--r7);padding:5px 14px;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s;flex-shrink:0}
.btn-new:hover{background:#b83216;box-shadow:0 2px 10px rgba(214,58,26,.28)}
.topbar-clock{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--text2);padding-inline-start:12px;margin-inline-start:10px;border-inline-start:1.5px solid var(--border);min-inline-size:70px}
.main{display:grid;grid-template-columns:268px 1fr 320px;block-size:calc(100vh - var(--topbar-h));overflow:hidden;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}
.main.pedidos-collapsed{grid-template-columns:40px 1fr 320px}
.main.mesas-collapsed{grid-template-columns:268px 1fr 40px}
.main.pedidos-collapsed.mesas-collapsed{grid-template-columns:40px 1fr 40px}
.panel{display:flex;flex-direction:column;overflow:hidden;border-inline-end:1.5px solid var(--border);background:var(--bg)}
.panel:last-child{border-inline-end:0}
.ph{background:var(--surface);border-block-end:1.5px solid var(--border);padding:7px 12px;display:flex;align-items:center;gap:7px;flex-shrink:0;transition:background .18s,box-shadow .18s;cursor:pointer;user-select:none}
.ph:hover{background:var(--bg);box-shadow:inset 0 -2px 0 var(--border2)}
.ph-ico{inline-size:26px;block-size:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.ico-red{background:var(--red-l)} .ico-orange{background:var(--orange-l)} .ico-blue{background:var(--blue-l)}
.ph-title{font-size:13px;font-weight:700;letter-spacing:-.2px}
.ph-sub{font-size:10px;color:var(--text3)}
/* Mesa + personas en el header (solo modo nuevo + tipo mesa; oculto al colapsar vía CSS) */
.ph-mesa-meta{align-items:flex-start;gap:12px;flex-shrink:0;margin-inline-start:4px}
.ph-mesa-num-col{display:flex;flex-direction:column;align-items:center;gap:3px;min-inline-size:44px}
.ph-mesa-lbl{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.6px}
.ph-mesa-meta .mesa-elegida-num{min-inline-size:44px;block-size:34px;font-size:18px;padding:0 10px;border-width:2px;font-family:var(--font);font-weight:700}
.ph-pax-field{display:flex;flex-direction:column;gap:3px;inline-size:72px;flex-shrink:0}
.ph-pax-field label{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.6px}
.ph-pax-field input{inline-size:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r7);color:var(--text);padding:0 10px;font-family:var(--font);font-size:18px;font-weight:700;block-size:34px;outline:none;transition:border-color .15s}
.ph-pax-field input:focus{border-color:var(--red)}
.p-nuevo.collapsed .ph-mesa-meta{display:none!important}
.ph-sep{flex:1}
.tag{font-size:10px;font-weight:600;padding:1px 7px;border-radius:99px}
.tag-red{background:var(--red-l);color:var(--red)}
.pbody{flex:1;overflow-y:auto;padding:9px;display:flex;flex-direction:column;gap:7px}
.btn-collapse{display:flex;align-items:center;justify-content:center;background:transparent;border:1.5px solid var(--border);color:var(--text3);border-radius:5px;padding:0;inline-size:22px;block-size:22px;cursor:pointer;transition:all .14s;flex-shrink:0}
.btn-collapse:hover{background:var(--bg);border-color:var(--border2);color:var(--text2)}
.btn-collapse svg{transition:transform .28s cubic-bezier(.4,0,.2,1)}

/* ── PANEL PEDIDOS PENDIENTES ── */
.p-pedidos{border-inline-end:1.5px solid var(--border)}
.p-pedidos.collapsed .pbody{display:none}
.p-pedidos.collapsed .ph{flex-direction:column;padding:8px 0 6px;gap:5px;align-items:center;justify-content:flex-start;block-size:100%;border-block-end:none;position:relative}
.p-pedidos.collapsed .ph-ico{display:none}
.p-pedidos.collapsed .ph-title-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;margin-block-start:28px}
.p-pedidos.collapsed .ph-title{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;letter-spacing:.5px;white-space:nowrap}
.p-pedidos.collapsed .ph-sub,.p-pedidos.collapsed .ph-sep{display:none}
.p-pedidos.collapsed .tag{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;padding:3px 2px}
.p-pedidos.collapsed .btn-collapse{position:absolute;inset-block-start:8px;inset-inline-start:50%;transform:translateX(-50%);margin:0}
.p-pedidos.collapsed .btn-collapse svg{transform:rotate(180deg)}

/* ── TARJETAS ── */
.pcard{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r7);overflow:hidden;cursor:pointer;transition:box-shadow .15s,border-color .15s}
.pcard:hover{box-shadow:var(--sh1);border-color:var(--border2)}
.pcard-inner{display:flex}
.pcard-stripe{inline-size:3px;flex-shrink:0}
.pcard.tipo-delivery    .pcard-stripe{background:var(--red)}
.pcard.tipo-para_llevar .pcard-stripe{background:var(--purple)}
.pcard-body{padding:8px 10px;flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:0}
.pcard-f1{display:flex;align-items:center;gap:4px;margin-block-end:4px;flex-wrap:wrap}
.pcard-id{font-family:var(--mono);font-size:10px;font-weight:600;color:var(--text3);background:var(--bg);border:1px solid var(--border);padding:1px 5px;border-radius:3px;flex-shrink:0}
.badge-tipo{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:99px;flex-shrink:0}
.badge-tipo.delivery   {background:var(--red-l);color:var(--red)}
.badge-tipo.para_llevar{background:var(--purple-l);color:var(--purple)}
.badge-prep{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:99px;flex-shrink:0}
.badge-prep.preparando{background:var(--orange-l);color:var(--orange)}
.badge-prep.listo     {background:var(--green-l);color:var(--green)}
.badge-prep.entregado {background:var(--blue-l);color:var(--blue)}
.badge-pago{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:99px;flex-shrink:0}
.badge-pago.pendiente{background:#fef8e6;color:#996a00;border:1px solid #e6c050}
.badge-pago.cobrado  {background:var(--green-l);color:var(--green);border:1px solid var(--green-m)}
.pcard-fsep{flex:1}
.pcard-tiempo{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--text3);display:flex;align-items:center;gap:2px}
.pcard-tiempo.late{color:var(--red)}
.pcard-nombre{font-size:13px;font-weight:700;letter-spacing:-.2px;margin-block-end:1px}
.pcard-dir{font-size:11px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:3px;margin-block-end:1px}
.pcard-tel{font-size:11px;color:var(--text3);display:flex;align-items:center;gap:3px;margin-block-end:1px}
.pcard-items{font-size:11px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-block-start:4px;margin-block-start:4px;border-block-start:1px solid var(--border)}
.pcard-nota{font-size:10px;color:var(--orange);font-style:italic;margin-block-start:2px}
.pcard-foot{display:flex;align-items:center;padding-block-start:5px;margin-block-start:4px;border-block-start:1px solid var(--border)}
.pcard-total-wrap{display:flex;flex-direction:column;gap:1px}
.pcard-total{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--text)}
.pcard-envio{font-size:10px;color:var(--text3);font-weight:500}
.pcard-acts{display:flex;gap:3px;margin-inline-start:auto}
.bxs{border:1.5px solid var(--border);background:var(--surface);color:var(--text2);border-radius:5px;padding:3px 7px;font-size:10px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .12s}
.bxs:hover{background:var(--bg);border-color:var(--border2)}
.bxs.wpp{background:#25d366;color:#fff;border-color:#25d366}
.bxs.wpp:hover{background:#1db954}
.bxs.ok{background:var(--green);color:#fff;border-color:var(--green)}
.bxs.ok:hover{background:#137a41}

/* ── COLUMNA DERECHA (eliminada — layout ahora es 3 columnas directas en .main) ── */

/* ── PANEL NUEVO/EDITAR ── */
.p-nuevo.editando-pedido #cf-nombre {
    display: none !important;
}

.p-nuevo.editando-pedido #cf-teldir-row {
    display: flex !important;
    flex-direction: row;
    gap: 8px;
}

.p-nuevo.editando-pedido #cf-teldir-row::before {
    content: '';
    display: none;
}

.p-nuevo.editando-pedido #cf-tel {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column;
}

.p-nuevo.editando-pedido #cf-dir {
    flex: 1.5 !important;
    display: flex !important;
    flex-direction: column;
}

.p-nuevo{display:flex;flex-direction:column;overflow:hidden;background:var(--bg);border-inline-end:1.5px solid var(--border);box-shadow:inset 0 0 0 2px var(--blue-m);transition:box-shadow .25s}

/* Colapso vertical: solo el header queda visible, sin desborde */
/* colapso de p-nuevo: se encoge a 40px hacia la izquierda */
.main.nuevo-collapsed{grid-template-columns:268px 40px 320px}
.main.pedidos-collapsed.nuevo-collapsed{grid-template-columns:40px 40px 320px}
.main.nuevo-collapsed.mesas-collapsed{grid-template-columns:268px 40px 40px}
.main.pedidos-collapsed.nuevo-collapsed.mesas-collapsed{grid-template-columns:40px 40px 40px}
.p-nuevo.collapsed{overflow:hidden}
.p-nuevo.collapsed .nuevo-body,.p-nuevo.collapsed .panel-footer{display:none!important}
.p-nuevo.collapsed .panel-estados{display:none!important}
.p-nuevo.collapsed .ph{flex-direction:column;padding:8px 0 6px;gap:5px;align-items:center;justify-content:flex-start;block-size:100%;border-inline-end:none;position:relative}
.p-nuevo.collapsed .ph-ico{display:none}
.p-nuevo.collapsed .ph-title-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;margin-block-start:28px}
.p-nuevo.collapsed .ph-title{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;letter-spacing:.5px;white-space:nowrap}
.p-nuevo.collapsed .ph-sub,.p-nuevo.collapsed .ph-sep{display:none}
.p-nuevo.collapsed .btn-cancelar-edicion{display:none!important}
.p-nuevo.collapsed .btn-collapse{position:absolute;inset-block-start:8px;inset-inline-start:50%;transform:translateX(-50%);margin:0}
.p-nuevo.collapsed .btn-collapse svg{transform:rotate(180deg)}
@keyframes flash-nuevo{0%,40%{box-shadow:inset 0 0 0 2px var(--orange)}100%{box-shadow:inset 0 0 0 2px var(--blue-m)}}
.p-nuevo.flash{animation:flash-nuevo .7s ease-out}
.p-nuevo.modo-editar{box-shadow:inset 0 0 0 2px var(--orange-m)}
.p-nuevo.modo-editar .ph{background:linear-gradient(135deg,#7a3d00 0%,#a05200 100%)}
.p-nuevo.modo-editar .ph:hover{background:linear-gradient(135deg,#8c4600 0%,#b35c00 100%);box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}
.p-nuevo.modo-editar .ph-title{color:#fff;font-size:16px;letter-spacing:-.3px}
.p-nuevo.modo-editar .ph-sub{color:rgba(255,255,255,.55);font-size:16px}
.p-nuevo.modo-editar .btn-collapse{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.7)}
.p-nuevo.modo-editar .btn-collapse:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);color:#fff}

/* ── MODO DELIVERY ── */
.p-nuevo.modo-delivery{box-shadow:inset 0 0 0 2px rgba(200,60,40,.5)}
.p-nuevo.modo-delivery .ph{background:linear-gradient(135deg,#7a1a06 0%,#a52510 100%)}
.p-nuevo.modo-delivery .ph:hover{background:linear-gradient(135deg,#8c2008 0%,#bc2d14 100%);box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}
.p-nuevo.modo-delivery .ph-title{color:#fff}
.p-nuevo.modo-delivery .ph-sub{color:rgba(255,255,255,.55)}
.p-nuevo.modo-delivery .btn-collapse{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.7)}
.p-nuevo.modo-delivery .btn-collapse:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);color:#fff}

/* ── MODO PARA LLEVAR ── */
.p-nuevo.modo-llevar{box-shadow:inset 0 0 0 2px rgba(130,70,210,.45)}
.p-nuevo.modo-llevar .ph{background:linear-gradient(135deg,#3b1a6e 0%,#5b2da0 100%)}
.p-nuevo.modo-llevar .ph:hover{background:linear-gradient(135deg,#47208a 0%,#6b37be 100%);box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}
.p-nuevo.modo-llevar .ph-title{color:#fff}
.p-nuevo.modo-llevar .ph-sub{color:rgba(255,255,255,.55)}
.p-nuevo.modo-llevar .btn-collapse{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.7)}
.p-nuevo.modo-llevar .btn-collapse:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);color:#fff}

.btn-cancelar-edicion{display:none;align-items:center;gap:5px;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3);color:#fff;border-radius:var(--r7);padding:4px 10px;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:all .14s;flex-shrink:0}
.btn-cancelar-edicion:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5)}
.p-nuevo.modo-editar .btn-cancelar-edicion,
.p-nuevo.modo-delivery .btn-cancelar-edicion,
.p-nuevo.modo-llevar .btn-cancelar-edicion{display:flex}
.p-nuevo.modo-editar .tipo-row,
.p-nuevo.modo-editar #cf-mesa-row,
.p-nuevo.modo-editar #cf-llevar-nombre,
.p-nuevo.modo-editar #cf-nombre,
.p-nuevo.modo-editar #cf-tel,
.p-nuevo.modo-editar #cf-dir,
.p-nuevo.modo-delivery .tipo-row,
.p-nuevo.modo-delivery #cf-mesa-row,
.p-nuevo.modo-delivery #cf-llevar-nombre,
.p-nuevo.modo-delivery #cf-nombre,
.p-nuevo.modo-delivery #cf-tel,
.p-nuevo.modo-delivery #cf-dir,
.p-nuevo.modo-llevar .tipo-row,
.p-nuevo.modo-llevar #cf-mesa-row,
.p-nuevo.modo-llevar #cf-llevar-nombre,
.p-nuevo.modo-llevar #cf-nombre,
.p-nuevo.modo-llevar #cf-tel,
.p-nuevo.modo-llevar #cf-dir{display:none!important}

/* ── Nota y botón confirmar: en editar-pedido se ocultan del nuevo-body
   y se muestran pegados encima del panel-footer ── */
.p-nuevo.editando-pedido .nuevo-body .fg:has(#inp-nota),
.p-nuevo.editando-pedido .nuevo-body #pedido-y-btn { display:none !important }
.panel-footer-nota { display:none; flex-direction:row; align-items:center; gap:8px;
  padding:8px 12px 0; }
.p-nuevo.modo-delivery .panel-footer-nota,
.p-nuevo.modo-llevar .panel-footer-nota { display:flex }
/* input de nota en el footer — crece para ocupar el espacio disponible */
.pf-nota-input{flex:1;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r7);color:var(--text);padding:6px 10px;font-family:var(--font);font-size:13px;outline:none;transition:border-color .15s;min-inline-size:0;box-shadow:var(--sh0)}
.pf-nota-input:focus{border-color:var(--red)}

/* panel-footer-nota: layout flex con nota + delivery + total + botón — todos misma altura */
.panel-footer-nota{
  display: flex; flex-direction: row; align-items: center; gap: 8px;
  padding: 8px 0 8px 0; block-size: 40px;
}
.pf-nota-wrapper{
  flex: 1; /* ocupa el espacio disponible */
}
.pf-nota-input{
  inline-size: 100%; block-size: 32px; background: var(--surface); border: 1.5px solid var(--border); border-radius: var(--r7);
  color: var(--text); padding: 6px 10px; font-family: var(--font); font-size: 14px;
  outline: none; transition: border-color .15s; box-shadow: var(--sh0);
}
.pf-nota-input:focus{ border-color: var(--red); }
/* delivery row: leyenda + importe, similar a total-row */
.pf-delivery-row{
  display: flex; align-items: flex-end; justify-content: flex-end; gap: 6px; flex-shrink: 0;
  block-size: 32px;
}
.pf-delivery-lbl{ font-size: 11px; font-weight: 600; color: var(--text3); white-space: nowrap; }
.pf-delivery-input-wrap{
  background: var(--surface); border: 1.5px solid var(--border);
  border-radius: var(--r7); padding: 0 8px; display: inline-flex; align-items: center;
}
.pf-delivery-input{
  background: transparent; border: none; color: var(--text); padding: 0;
  font-family: var(--mono); font-size: 18px; font-weight: 700; outline: none;
  text-align: end; width: 60px; line-height: 32px;
}
.pf-delivery-input:focus{ outline: none; }
.pf-delivery-row:has(.pf-delivery-input:focus) .pf-delivery-input-wrap{
  border-color: var(--red);
}
/* total y botón al final */
.pf-total-row{
  display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-shrink: 0;
  block-size: 32px;
}
.pf-total-lbl{ font-size: 11px; font-weight: 600; color: var(--text3); white-space: nowrap; }
.pf-total-val{
  font-family: var(--mono); font-size: 16px; font-weight: 800; color: var(--text);
  white-space: nowrap; line-height: 32px;
}
/* botón confirmar en el footer */
.panel-footer-nota .btn-confirm{
  flex-shrink: 0; block-size: 32px; padding: 0 14px; margin-inline-start: 4px;
  display: flex; align-items: center; justify-content: center;
}

/* nuevo modo para llevar: mostrar campos nombre y tel, ocultar dir */
.p-nuevo.modo-delivery.editando-pedido #cf-nombre-row,
.p-nuevo.modo-llevar.editando-pedido #cf-nombre-row { display: block !important }
/* #cf-nombre NO se incluye acá: es exclusivo del nuevo delivery, nunca del editar-pedido */
.p-nuevo.modo-delivery.editando-pedido #cf-tel,
.p-nuevo.modo-delivery.editando-pedido #cf-dir,
.p-nuevo.modo-delivery.editando-pedido #cf-teldir-row,
.p-nuevo.modo-llevar.editando-pedido #cf-tel,
.p-nuevo.modo-llevar.editando-pedido #cf-teldir-row { display: block !important }
.p-nuevo.modo-delivery.editando-pedido #cf-teldir-row,
.p-nuevo.modo-llevar.editando-pedido #cf-teldir-row { display: flex !important }

/* ── PANEL ESTADOS (prep + pago, visible en todos los modos editar) ── */
/* Estados de prep+pago en una sola fila */
.panel-estados{display:none;flex-direction:row;align-items:center;gap:4px;padding:8px 12px;background:var(--bg);border-block-start:1.5px solid var(--border);flex-shrink:0;flex-wrap:wrap}
.p-nuevo.modo-editar .panel-estados,
.p-nuevo.modo-delivery .panel-estados,
.p-nuevo.modo-llevar .panel-estados{display:flex}
/* separador vertical entre grupo prep y grupo pago */
.panel-est-sep{inline-size:6px;flex-shrink:0}
/* grupo prep — recuadro gris con etiqueta interna */
#panel-prep-row{display:flex;gap:5px;align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r7);padding:5px 9px;flex-wrap:wrap}
#panel-prep-row::before{content:'PREP.';font-size:10px;font-weight:700;color:var(--text3);letter-spacing:.6px;white-space:nowrap;margin-inline-end:2px}
/* grupo pago — recuadro gris con etiqueta interna */
#panel-pago-blk{display:flex;gap:5px;align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r7);padding:5px 9px}
#panel-pago-blk::before{content:'PAGO';font-size:10px;font-weight:700;color:var(--text3);letter-spacing:.6px;white-space:nowrap;margin-inline-end:2px}
/* botón unificado para estados (prep y pago) */
.panel-est-btn{border:1.5px solid var(--border);background:var(--bg);border-radius:var(--r7);padding:5px 12px;font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;color:var(--text2);transition:all .13s;white-space:nowrap}
.panel-est-btn:hover{border-color:var(--border2);background:var(--bg)}
.panel-est-btn.active.preparando{background:var(--orange-l);border-color:var(--orange-m);color:var(--orange)}
.panel-est-btn.active.listo     {background:var(--green-l);border-color:var(--green-m);color:var(--green)}
.panel-est-btn.active.entregado {background:var(--blue-l);border-color:var(--blue-m);color:var(--blue)}
.panel-est-btn.active.pendiente {background:#fef8e6;border-color:#e6c050;color:#996a00}
.panel-est-btn.active.cobrado   {background:var(--green-l);border-color:var(--green-m);color:var(--green)}

.panel-footer{background:var(--bg);border-block-start:1.5px solid var(--border);padding:10px 12px;display:none;flex-direction:column;gap:8px;flex-shrink:0}
.p-nuevo.modo-editar .panel-footer,
.p-nuevo.modo-delivery .panel-footer,
.p-nuevo.modo-llevar .panel-footer{display:flex}

/* ── FOOTER — BOTONES PEDIDO ── */
.pf-pedido-row{display:flex;gap:7px}
.pf-btn-wa{display:flex;align-items:center;justify-content:center;gap:5px;background:#25d366;color:#fff;border:none;border-radius:var(--r7);padding:9px 14px;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:background .14s;flex-shrink:0}
.pf-btn-wa:hover{background:#1db954}
.pf-btn-finalizar{flex:1;display:flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;border:none;border-radius:var(--r7);padding:7px 14px;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;transition:background .14s,box-shadow .14s;white-space:nowrap}
.pf-btn-finalizar:hover{background:#154d8a;box-shadow:0 2px 10px rgba(26,95,168,.3)}
/* fila total + botón confirmar (en panel-footer-nota) */
.pf-confirm-row{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.pf-total-row{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;flex-shrink:0}
.pf-total-lbl{font-size:var(--footer-total-lbl-fs);font-weight:600;color:var(--text3)}
.pf-total-val{font-family:var(--mono);font-size:var(--footer-total-fs);font-weight:var(--footer-total-fw);color:var(--text)}
/* botones de método de pago (dentro de pf-pedido-row) */
.pf-metodo-btn{display:flex;align-items:center;justify-content:center;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r7);padding:7px 14px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;color:var(--text2);transition:all .13s;white-space:nowrap}
.pf-metodo-btn:hover{border-color:var(--border2);background:var(--surface2)}
.pf-metodo-btn.active.ef{background:#fef8e6;border-color:#e6c050;color:#996a00}
.pf-metodo-btn.active.tr{background:var(--blue-l);border-color:var(--blue-m);color:var(--blue)}
.pf-metodo-btn.active.ta{background:var(--green-l);border-color:var(--green-m);color:var(--green)}
.pf-btn-cobrar{inline-size:100%;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--red);color:#fff;border:none;border-radius:var(--r7);padding:9px;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;transition:background .14s,box-shadow .14s}
.pf-btn-cobrar:hover{background:#b83216;box-shadow:0 2px 10px rgba(214,58,26,.26)}
.pf-btn-cobrar:disabled{background:var(--border2);cursor:not-allowed;box-shadow:none}
.nuevo-body{flex:1;overflow:hidden;padding:9px 12px 8px;display:flex;flex-direction:column;gap:7px}
.full{inline-size:100%} .half{inline-size:50%}
.tipo-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.tipo-btn{border:1.5px solid var(--border);background:var(--surface);border-radius:var(--r7);padding:6px 8px;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--text2);transition:all .14s}
.tipo-btn:hover{border-color:var(--border2);background:var(--bg)}
.tipo-btn.active.t-mesa    {border-color:var(--orange);background:var(--orange-l);color:var(--orange)}
.tipo-btn.active.t-llevar  {border-color:var(--purple);background:var(--purple-l);color:var(--purple)}
.tipo-btn.active.t-delivery{border-color:var(--red);background:var(--red-l);color:var(--red)}
.fg{display:flex;flex-direction:column;gap:3px}
.fg label{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.7px}
.fg input,.fg select{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r7);color:var(--text);padding:5px 9px;font-family:var(--font);font-size:12px;transition:border-color .15s;outline:none;inline-size:100%}
.fg input:focus,.fg select:focus{border-color:var(--red)}
.fg select{cursor:pointer}
/* Número mesa (header o legado): badge */
.mesa-elegida-num{
  display:flex;align-items:center;justify-content:center;
  min-inline-size:40px;block-size:30px;padding:0 8px;
  border:1.5px solid var(--border);border-radius:var(--r7);
  background:var(--surface);font-weight:800;font-size:15px;line-height:1;
  color:var(--text);font-family:var(--mono);
}
.mesa-elegida-num.sin-mesa{color:var(--text3);font-weight:600;font-size:14px}
.mesa-elegida-num.tiene-mesa{border-color:var(--orange-m);background:var(--orange-l);color:var(--orange)}
/* FIX: overflow:visible para que la lista de ítems crezca con el contenido */
/* Comanda: chips compactos en flex-wrap */
.panel-items-list{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r11);overflow:visible;min-block-size:38px;display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:6px 8px;position:relative}
/* botón ojo — pegado a la derecha, fuera del flujo */
.pi-toggle-precios{position:absolute;inset-block-start:5px;inset-inline-end:6px;background:none;border:none;cursor:pointer;font-size:13px;opacity:.45;line-height:1;padding:2px;transition:opacity .15s}
.pi-toggle-precios:hover{opacity:1}
/* cada chip de la comanda */
.pi-chip{display:inline-flex;align-items:center;gap:5px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r7);padding:4px 7px;white-space:nowrap}
.pi-nombre{font-size:13px;font-weight:600;color:var(--text)}
.pi-qty{display:flex;align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:5px;overflow:hidden}
.pi-qty-btn{background:none;border:none;color:var(--text2);inline-size:18px;block-size:20px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}
.pi-qty-btn:hover{background:var(--border)}
.pi-qty-val{font-family:var(--mono);font-size:12px;font-weight:700;min-inline-size:16px;text-align:center;pointer-events:none}
.pi-subtotal{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--text2)}
.pi-del{background:none;border:none;color:var(--text3);cursor:pointer;font-size:11px;padding:1px 2px;border-radius:3px;transition:all .12s;line-height:1}
.pi-del:hover{background:var(--red-l);color:var(--red)}
/* Toggle media pizza en chip de comanda */
.pi-mitad-btn{background:var(--surface);border:1.5px solid var(--border);border-radius:5px;padding:2px 7px;font-size:13px;font-weight:700;cursor:pointer;color:var(--text3);transition:all .13s;line-height:1}
.pi-mitad-btn:hover{border-color:var(--orange-m);color:var(--orange)}
.pi-mitad-btn.active{background:var(--orange-l);border-color:var(--orange-m);color:var(--orange);font-weight:800}
/* Badge ½ visible dentro del chip cuando está activo */
.pi-mitad-badge{font-size:12px;font-weight:800;color:var(--orange);line-height:1;margin-inline-start:1px}
/* Chip marcado como media pizza */
.pi-chip.es-mitad{border-color:var(--orange-m);background:var(--orange-l)}
.pi-chip.es-mitad .pi-nombre{color:var(--orange)}
#menu-rapido{flex:1;min-block-size:0;overflow-y:auto;padding:4px 2px}
.menu-rapido-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.menu-blk{display:flex;flex-direction:column}
.menu-blk-title{font-size:var(--pill-cat-fs);font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.7px;margin-block-end:5px}
.pills{display:flex;flex-wrap:wrap;gap:4px}
.pill{display:flex;align-items:center;gap:4px;background:var(--surface);border:1.5px solid var(--border);border-radius:99px;padding:var(--pill-py) var(--pill-px);font-size:var(--pill-fs);font-weight:500;cursor:pointer;transition:all .12s;color:var(--text)}
.pill:hover{background:var(--red-l);border-color:var(--red-m);color:var(--red)}
.pill .pprice{font-family:var(--mono);font-size:var(--pill-price-fs);color:var(--text3)}
.pill .pprice-original{font-family:var(--mono);font-size:var(--pill-price-fs);color:var(--text3);text-decoration:line-through;opacity:.6}
.pill .pprice-descuento{font-family:var(--mono);font-size:var(--pill-price-fs);color:var(--purple);font-weight:700}
.pedido-y-btn{display:flex;align-items:center;gap:8px;margin-block-start:4px}
.ptotal{margin-block-start:4px}
.pedido-box{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r11);padding:7px 11px;min-block-size:46px}
.pedido-empty{font-size:11px;color:var(--text3);font-style:italic}
.pline{display:flex;justify-content:space-between;font-size:11px;padding:2px 0}
.pline:not(:last-child){border-block-end:1px solid var(--border)}
.pqty{color:var(--text3);font-family:var(--mono);font-size:10px;margin-inline-start:3px}
.pprice2{font-family:var(--mono);font-size:11px;color:var(--text2)}
.ptotal{display:flex;align-items:baseline;gap:6px;font-size:13px;font-weight:700;font-family:var(--mono)}
.ptotal span:first-child{font-family:var(--font);font-size:11px}
.llevar-descuento-banner{background:var(--purple-l);border:1.5px solid var(--purple-m);border-radius:var(--r7);padding:6px 10px;font-size:11px;color:var(--purple);font-weight:600;display:none;align-items:center;gap:6px}
.llevar-descuento-banner.visible{display:flex}
.btn-confirm{background:var(--red);color:#fff;border:none;border-radius:var(--r7);padding:11px 20px;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,box-shadow .15s;white-space:nowrap;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.btn-confirm:hover{background:#b83216;box-shadow:0 2px 10px rgba(214,58,26,.26)}
.llevar-chip-desc{display:none;font-size:9px;font-weight:700;background:var(--purple-l);color:var(--purple);border:1px solid var(--purple-m);border-radius:99px;padding:1px 6px;margin-inline-start:3px}
.tipo-btn.active.t-llevar .llevar-chip-desc{display:inline}

/* ── MESAS ── */
.p-mesas{display:flex;flex-direction:column;overflow:hidden;background:var(--bg);border-inline-start:1.5px solid var(--border)}
.p-mesas.collapsed .mesas-grid{display:none}
.p-mesas.collapsed .ph{flex-direction:column;padding:8px 0 6px;gap:5px;align-items:center;justify-content:flex-start;block-size:100%;border-inline-start:none;position:relative}
.p-mesas.collapsed .ph-ico{display:none}
.p-mesas.collapsed .ph-title-wrap{display:none}
.p-mesas.collapsed .ph-sub,.p-mesas.collapsed .ph-sep{display:none}
.p-mesas.collapsed .ph-title{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;letter-spacing:.5px;white-space:nowrap}
.p-mesas.collapsed .btn-collapse{position:absolute;inset-block-start:8px;inset-inline-start:50%;transform:translateX(-50%);margin:0}
.p-mesas.collapsed .btn-collapse svg{transform:rotate(90deg)}
.mesas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:7px;padding:9px;overflow-y:auto;flex:1;align-content:start}
.mesa{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r11);padding:9px 8px 7px;cursor:pointer;transition:box-shadow .15s,border-color .15s,transform .1s;position:relative;min-block-size:84px;display:flex;flex-direction:column}
.mesa:hover{box-shadow:var(--sh1);border-color:var(--border2);transform:translateY(-1px)}
.mesa.libre{background:var(--surface2);border-style:dashed}
.mesa.libre:hover{border-color:var(--green);border-style:solid}
.mesa.ocupada{border-color:var(--red-m)}
.mesa.ocupada:hover{border-color:var(--red)}
.mesa.editando{border-color:var(--orange)!important;border-style:solid!important;box-shadow:0 0 0 2px var(--orange-m)!important}
.mesa-dot{position:absolute;inset-block-start:7px;inset-inline-end:7px;inline-size:6px;block-size:6px;border-radius:50%}
.mesa.libre .mesa-dot{background:var(--green)}
.mesa.ocupada .mesa-dot{background:var(--red);box-shadow:0 0 0 2px var(--red-l)}
.mesa.editando .mesa-dot{background:var(--orange);box-shadow:0 0 0 2px var(--orange-m)}
.mesa-header{display:flex;align-items:baseline;gap:6px}
.mesa-num{font-size:20px;font-weight:800;letter-spacing:-.5px;line-height:1}
.mesa.libre .mesa-num{color:var(--text3)}
.mesa-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text3)}
.mesa.libre .mesa-lbl{color:var(--green)}
.mesa.editando .mesa-lbl{color:var(--orange)}
.mesa-prep{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:1px 5px;border-radius:99px;display:inline-block;margin-block-start:2px}
.mesa-prep.preparando{background:var(--orange-l);color:var(--orange)}
.mesa-prep.listo     {background:var(--green-l);color:var(--green)}
.mesa-prep.entregado {background:var(--blue-l);color:var(--blue)}
.mesa-info{flex:1;margin-block-start:4px}
.mesa-pax{font-size:10px;color:var(--text3)}
.mesa-items{font-size:10px;color:var(--text2);margin-block-start:1px;line-height:1.3}
.mesa-mozo{font-size:9px;color:var(--text3);margin-block-start:1px}
.mesa-bot{display:flex;justify-content:space-between;align-items:center;margin-block-start:4px}
.mesa-total{font-family:var(--mono);font-size:12px;font-weight:700}
.mesa-min{font-family:var(--mono);font-size:9px;color:var(--text3)}
.mesa-min.warn{color:var(--orange);font-weight:700}

/* ── DRAWER CAJA ── */
.drawer-overlay{position:fixed;inset:0;background:rgba(26,25,22,.3);backdrop-filter:blur(2px);z-index:300;opacity:0;pointer-events:none;transition:opacity .28s ease}
.drawer-overlay.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;inset-block-start:0;inset-inline-end:0;inset-block-end:0;inline-size:var(--drawer-w);max-inline-size:96vw;background:var(--surface);border-inline-start:1.5px solid var(--border);box-shadow:-6px 0 40px rgba(0,0,0,.13);z-index:400;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.drawer.open{transform:translateX(0)}
.drawer-head{display:flex;align-items:center;gap:9px;padding:0 18px;block-size:var(--topbar-h);border-block-end:1.5px solid var(--border);background:var(--surface);flex-shrink:0}
.drawer-title{font-size:15px;font-weight:800;letter-spacing:-.3px}
.drawer-sub{font-size:11px;color:var(--text3)}
.drawer-sep{flex:1}
.drawer-close-btn{display:flex;align-items:center;gap:5px;background:var(--bg);border:1.5px solid var(--border);color:var(--text2);border-radius:var(--r7);padding:5px 11px;font-family:var(--font);font-size:11px;font-weight:600;cursor:pointer;transition:all .14s}
.drawer-close-btn:hover{border-color:var(--border2);background:var(--surface2);color:var(--text)}
.drawer-body{flex:1;overflow-y:auto;padding:14px 18px 8px;display:flex;flex-direction:column;gap:12px}
.csum-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.csum{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r11);padding:11px 13px}
.csum.hero{grid-column:1/-1;background:linear-gradient(135deg,#1a1916 0%,#2e2c28 100%);border-color:transparent;color:#fff}
.csum-ico{font-size:14px;margin-block-end:3px}
.csum-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text3);margin-block-end:1px}
.csum.hero .csum-lbl{color:rgba(255,255,255,.4)}
.csum-val{font-family:var(--mono);font-size:17px;font-weight:800;letter-spacing:-.5px;line-height:1;margin-block-end:1px}
.csum.hero .csum-val{color:#fff;font-size:24px}
.csum-sub{font-size:10px;color:var(--text3)}
.csum.hero .csum-sub{color:rgba(255,255,255,.32)}
.cmet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.cmet{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r7);padding:8px 10px}
.cmet-ico{font-size:13px;margin-block-end:2px}
.cmet-lbl{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}
.cmet-val{font-family:var(--mono);font-size:13px;font-weight:800;color:var(--text)}
.cmet-pct{font-size:10px;color:var(--text3)}
.csec{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:6px;margin-block-end:-4px}
.csec::after{content:'';flex:1;block-size:1px;background:var(--border)}
.ccard{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r7);padding:7px 10px;display:flex;align-items:center;gap:8px}
.ccard-editable{cursor:pointer;transition:all .15s}
.ccard-editable:hover{border-color:var(--border2);background:var(--surface);box-shadow:0 2px 6px rgba(0,0,0,.08)}
.ccard-ico{inline-size:26px;block-size:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.ccard-ico.mesa{background:var(--orange-l)} .ccard-ico.delivery{background:var(--blue-l)} .ccard-ico.para_llevar{background:var(--purple-l)}
.ccard-info{flex:1;min-inline-size:0}
.ccard-desc{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccard-items{font-size:10px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-block-start:1px}
.ccard-meta{font-size:10px;color:var(--text3);display:flex;gap:4px;align-items:center;margin-block-start:1px}
.mchip{font-size:9px;font-weight:600;padding:1px 5px;border-radius:4px;text-transform:capitalize}
.mchip.efectivo{background:#fef8e6;color:#996a00} .mchip.transferencia{background:var(--blue-l);color:var(--blue)} .mchip.tarjeta{background:var(--green-l);color:var(--green)}
.ccard-total{font-family:var(--mono);font-size:13px;font-weight:800;flex-shrink:0}
.drawer-footer{display:flex;gap:7px;padding:10px 18px 12px;border-block-start:1.5px solid var(--border);flex-shrink:0;background:var(--surface)}
.btn-imprimir{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--surface2);border:1.5px solid var(--border);color:var(--text2);border-radius:var(--r7);padding:7px;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:all .14s}
.btn-imprimir:hover{border-color:var(--border2);background:var(--bg)}
.btn-cerrar-turno{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--red);color:#fff;border:none;border-radius:var(--r7);padding:7px;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:background .14s,box-shadow .14s}
.btn-cerrar-turno:hover{background:#b83216;box-shadow:0 2px 8px rgba(214,58,26,.22)}

/* ── MODALES BASE ── */
.modal-bg{position:fixed;inset:0;background:rgba(26,25,22,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:500;opacity:0;pointer-events:none;transition:opacity .2s}
.modal-bg.open{opacity:1;pointer-events:auto}
.modal-box{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r16);padding:20px 20px 18px;inline-size:360px;max-inline-size:95vw;box-shadow:var(--sh2);transform:translateY(10px) scale(.97);transition:transform .22s cubic-bezier(.34,1.56,.64,1);position:relative}
.modal-bg.open .modal-box{transform:translateY(0) scale(1)}
.modal-close{position:absolute;inset-block-start:10px;inset-inline-end:12px;background:var(--bg);border:1.5px solid var(--border);border-radius:5px;color:var(--text3);font-size:11px;font-weight:600;cursor:pointer;padding:2px 8px;font-family:var(--font)}
.modal-close:hover{background:var(--red-l);color:var(--red);border-color:var(--red-m)}
.modal-title{font-size:17px;font-weight:800;letter-spacing:-.4px;margin-block-end:3px}
.modal-sub{font-size:12px;color:var(--text3);margin-block-end:16px}
.modal-tipo-btns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.btn-modal-tipo{border:1.5px solid var(--border);background:var(--bg);border-radius:var(--r7);padding:12px 8px;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .14s;color:var(--text)}
.btn-modal-tipo:hover{border-color:var(--red);background:var(--red-l);color:var(--red)}
.btn-modal-tipo .bico{font-size:22px} .btn-modal-tipo .blbl{font-size:12px}
#modal-menu .modal-box{inline-size:540px}
.menu-editor{display:flex;flex-direction:column;max-block-size:54vh;overflow-y:auto}
.menu-table{inline-size:100%;border-collapse:collapse}
.menu-table th{text-align:start;font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.7px;padding:5px 7px;border-block-end:1.5px solid var(--border);background:var(--bg)}
.menu-table td{padding:4px 5px;border-block-end:1px solid var(--border);vertical-align:middle}
.menu-table tr:last-child td{border-block-end:0}
.menu-table tr:hover td{background:var(--bg)}
.med-input{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r4);color:var(--text);padding:3px 6px;font-family:var(--font);font-size:12px;outline:none;transition:border-color .14s;inline-size:100%}
.med-input:focus{border-color:var(--red)}
.med-input-price{inline-size:74px;font-family:var(--mono);text-align:end}
.med-cat-input{inline-size:84px}
.btn-del{border:1.5px solid var(--red-m);background:var(--red-l);color:var(--red);border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .12s}
.btn-del:hover{background:var(--red);color:#fff}
.menu-add-row{display:grid;grid-template-columns:1fr 1fr 80px auto;gap:6px;padding:8px 0 3px;align-items:end}
.btn-add{background:var(--red);color:#fff;border:none;border-radius:var(--r7);padding:7px 12px;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:background .14s;white-space:nowrap}
.btn-add:hover{background:#b83216}
.modal-footer{display:flex;justify-content:flex-end;gap:7px;padding-block-start:12px;border-block-start:1.5px solid var(--border);margin-block-start:10px}
.btn-sec{border:1.5px solid var(--border);background:var(--bg);color:var(--text2);border-radius:var(--r7);padding:6px 14px;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:all .13s}
.btn-sec:hover{border-color:var(--border2);background:var(--surface)}
.btn-prim{background:var(--red);color:#fff;border:none;border-radius:var(--r7);padding:6px 16px;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:background .13s}
.btn-prim:hover{background:#b83216}

/* ── MODAL CONFIGURACIONES ── */
#modal-config .modal-box{inline-size:460px}
.cfg-section{margin-block-end:18px}
.cfg-section-title{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:6px;margin-block-end:10px}
.cfg-section-title::after{content:'';flex:1;block-size:1px;background:var(--border)}
.cfg-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cfg-field{display:flex;flex-direction:column;gap:4px}
.cfg-field.full{grid-column:1/-1}
.cfg-field label{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.7px}
.cfg-field input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r7);color:var(--text);padding:6px 10px;font-family:var(--font);font-size:13px;outline:none;transition:border-color .15s;inline-size:100%}
.cfg-field input:focus{border-color:var(--blue)}
.cfg-field input[type=number]{font-family:var(--mono)}
.cfg-hint{font-size:10px;color:var(--text3);margin-block-start:2px}

/* ── MODAL PEDIDO PENDIENTE ── */
#modal-pedido .modal-box{inline-size:500px;max-inline-size:96vw;padding:0;overflow:hidden}
.mpd-head{padding:14px 18px 12px;color:#fff;display:flex;align-items:flex-start;gap:12px;position:relative}
.mpd-head.delivery   {background:linear-gradient(135deg,#7a1a00 0%,#a83216 100%)}
.mpd-head.para_llevar{background:linear-gradient(135deg,#3b1a7a 0%,#5b2db8 100%)}
.mpd-head-stripe{position:absolute;inset-inline-start:0;inset-block-start:0;inset-block-end:0;inline-size:4px}
.mpd-head.delivery    .mpd-head-stripe{background:var(--red)}
.mpd-head.para_llevar .mpd-head-stripe{background:var(--purple)}
.mpd-head-ico{inline-size:36px;block-size:36px;background:rgba(255,255,255,.15);border-radius:var(--r11);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;margin-inline-start:6px}
.mpd-head-info{flex:1;min-inline-size:0}
.mpd-head-id{font-family:var(--mono);font-size:10px;font-weight:600;color:rgba(255,255,255,.5);margin-block-end:2px}
.mpd-head-nombre{font-size:18px;font-weight:800;letter-spacing:-.4px;line-height:1.1;margin-block-end:2px}
.mpd-head-sub{font-size:11px;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:4px;margin-block-end:1px}
.mpd-head-right{text-align:end;flex-shrink:0}
.mpd-head-total-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:rgba(255,255,255,.4);margin-block-end:2px}
.mpd-head-total-val{font-family:var(--mono);font-size:18px;font-weight:800;color:#fff;letter-spacing:-.5px}
.mpd-badges{display:flex;gap:5px;margin-block-start:6px;flex-wrap:wrap}
.mpd-badge{font-size:9px;font-weight:700;padding:2px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.5px}
.mpd-badge.prep-preparando{background:rgba(192,104,0,.3);color:#ffcf85;border:1px solid rgba(192,104,0,.4)}
.mpd-badge.prep-listo     {background:rgba(26,138,78,.3);color:#b4e6cc;border:1px solid rgba(26,138,78,.4)}
.mpd-badge.prep-entregado {background:rgba(26,95,168,.3);color:#a8c8f0;border:1px solid rgba(26,95,168,.4)}
.mpd-badge.pago-pendiente {background:rgba(153,106,0,.3);color:#ffe085;border:1px solid rgba(153,106,0,.4)}
.mpd-badge.pago-cobrado   {background:rgba(26,138,78,.25);color:#b4e6cc;border:1px solid rgba(26,138,78,.35)}
.mpd-body{padding:13px 17px 0;display:flex;flex-direction:column;gap:11px;max-block-size:50vh;overflow-y:auto}
.mpd-estados-wrap{display:flex;flex-direction:column;gap:8px}
.mpd-estado-lbl{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:6px}
.mpd-estado-lbl::after{content:'';flex:1;block-size:1px;background:var(--border)}
.mpd-estado-row{display:flex;gap:6px}
.mpd-prep-btn,.mpd-pago-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;border:1.5px solid var(--border);background:var(--surface);border-radius:var(--r7);padding:6px 5px;font-family:var(--font);font-size:11px;font-weight:600;cursor:pointer;color:var(--text2);transition:all .13s}
.mpd-prep-btn:hover,.mpd-pago-btn:hover{border-color:var(--border2);background:var(--bg)}
.mpd-prep-btn.active.preparando{background:var(--orange-l);border-color:var(--orange-m);color:var(--orange)}
.mpd-prep-btn.active.listo     {background:var(--green-l);border-color:var(--green-m);color:var(--green)}
.mpd-prep-btn.active.entregado {background:var(--blue-l);border-color:var(--blue-m);color:var(--blue)}
.mpd-pago-btn.active.pendiente {background:#fef8e6;border-color:#e6c050;color:#996a00}
.mpd-pago-btn.active.cobrado   {background:var(--green-l);border-color:var(--green-m);color:var(--green)}
.mpd-items-list{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r11);overflow:hidden}
.mpd-item{display:flex;align-items:center;gap:9px;padding:7px 11px;border-block-end:1px solid var(--border)}
.mpd-item:last-child{border-block-end:0}
.mpd-item-nombre{flex:1;font-size:12px;font-weight:500}
.mpd-item-qty{display:flex;align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:5px;overflow:hidden}
.mpd-qty-btn{background:none;border:none;color:var(--text2);inline-size:24px;block-size:24px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}
.mpd-qty-btn:hover{background:var(--bg)}
.mpd-qty-val{font-family:var(--mono);font-size:12px;font-weight:700;min-inline-size:22px;text-align:center;pointer-events:none}
.mpd-item-subtotal{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--text2);min-inline-size:62px;text-align:end}
.mpd-item-del{background:none;border:none;color:var(--text3);cursor:pointer;font-size:13px;padding:2px 3px;border-radius:3px;transition:all .12s;line-height:1}
.mpd-item-del:hover{background:var(--red-l);color:var(--red)}
.mpd-nota-row{display:flex;flex-direction:column;gap:3px}
.mpd-nota-row label{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.7px}
.mpd-nota-row input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r7);color:var(--text);padding:5px 9px;font-family:var(--font);font-size:12px;outline:none;inline-size:100%;transition:border-color .15s}
.mpd-nota-row input:focus{border-color:var(--red)}
.mpd-agregar-tit{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:6px}
.mpd-agregar-tit::after{content:'';flex:1;block-size:1px;background:var(--border)}
.mpd-pills-zona{display:flex;flex-direction:column;gap:6px}
.mpd-cat-lbl{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.6px}
.mpd-footer{padding:11px 17px 13px;border-block-start:1.5px solid var(--border);background:var(--surface2);display:flex;flex-direction:column;gap:8px}
.mpd-footer-top{display:flex;align-items:center;justify-content:space-between}
.mpd-footer-total-lbl{font-size:11px;font-weight:600;color:var(--text3)}
.mpd-footer-total-val{font-family:var(--mono);font-size:18px;font-weight:800;color:var(--text)}
.mpd-metodo-row{display:flex;gap:6px}
.mpd-metodo-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r7);padding:6px 5px;font-family:var(--font);font-size:11px;font-weight:600;cursor:pointer;color:var(--text2);transition:all .13s}
.mpd-metodo-btn:hover{border-color:var(--border2);background:var(--bg)}
.mpd-metodo-btn.active.ef{background:#fef8e6;border-color:#e6c050;color:#996a00}
.mpd-metodo-btn.active.tr{background:var(--blue-l);border-color:var(--blue-m);color:var(--blue)}
.mpd-metodo-btn.active.ta{background:var(--green-l);border-color:var(--green-m);color:var(--green)}
.mpd-footer-btns{display:flex;gap:7px}
.mpd-btn-entregar{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--blue);color:#fff;border:none;border-radius:var(--r7);padding:9px;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:background .14s}
.mpd-btn-entregar:hover{background:#1249a0}
.mpd-btn-entregar:disabled{background:var(--border2);cursor:not-allowed}
.mpd-btn-cobrar{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--green);color:#fff;border:none;border-radius:var(--r7);padding:9px;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:background .14s}
.mpd-btn-cobrar:hover{background:#137a41}
.mpd-btn-cobrar:disabled{background:var(--border2);cursor:not-allowed}
.mpd-btn-cerrar{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--red);color:#fff;border:none;border-radius:var(--r7);padding:9px;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;transition:background .14s}
.mpd-btn-cerrar:hover{background:#b83216}
.mpd-btn-cerrar:disabled{background:var(--border2);cursor:not-allowed}

/* ── MESSAGEBOX ── */
.msgbox-overlay{position:fixed;inset:0;background:rgba(26,25,22,.5);backdrop-filter:blur(3px);z-index:800;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .18s}
.msgbox-overlay.open{opacity:1;pointer-events:auto}
.msgbox{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r16);padding:22px 22px 18px;inline-size:320px;max-inline-size:94vw;box-shadow:var(--sh2);transform:scale(.95) translateY(8px);transition:transform .2s cubic-bezier(.34,1.4,.64,1)}
.msgbox-overlay.open .msgbox{transform:scale(1) translateY(0)}
.msgbox-ico{font-size:26px;margin-block-end:8px;line-height:1}
.msgbox-title{font-size:15px;font-weight:800;letter-spacing:-.3px;margin-block-end:5px}
.msgbox-msg{font-size:12px;color:var(--text2);line-height:1.5;margin-block-end:18px}
.msgbox-btns{display:flex;gap:8px;justify-content:flex-start}
.msgbox-btn-ok{border:1.5px solid var(--border);background:var(--bg);color:var(--text2);border-radius:var(--r7);padding:7px 16px;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:all .13s}
.msgbox-btn-ok:hover{border-color:var(--border2);background:var(--surface)}
.msgbox-btn-cancel{border:1.5px solid var(--border);background:var(--bg);color:var(--text2);border-radius:var(--r7);padding:7px 16px;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:all .13s}
.msgbox-btn-cancel:hover{border-color:var(--border2);background:var(--surface)}

/* ── TOAST ── */
.toast{position:fixed;inset-block-end:14px;inset-inline-end:14px;background:var(--text);color:#fff;border-radius:var(--r11);padding:8px 14px;font-size:12px;font-weight:500;box-shadow:var(--sh2);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s,transform .2s;z-index:9999}
.toast.show{opacity:1;transform:translateY(0)}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.live{display:inline-block;inline-size:6px;block-size:6px;border-radius:50%;background:var(--green);animation:blink 2s infinite}

/* ── CIERRE DE TURNO ── */
#modal-cierre .modal-box{inline-size:420px}
.cierre-hero{background:linear-gradient(135deg,#1a1916 0%,#2e2c28 100%);border-radius:var(--r11);padding:14px 18px;color:#fff;margin-block-end:13px;display:flex;align-items:center;gap:12px}
.cierre-hero-ico{font-size:28px;line-height:1}
.cierre-hero-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:rgba(255,255,255,.45);margin-block-end:2px}
.cierre-hero-val{font-family:var(--mono);font-size:26px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1}
.cierre-hero-sub{font-size:11px;color:rgba(255,255,255,.35);margin-block-start:1px}
.cierre-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-block-end:12px}
.cierre-stat{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r7);padding:8px 10px;text-align:center}
.cierre-stat-lbl{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.6px;margin-block-end:2px}
.cierre-stat-val{font-family:var(--mono);font-size:15px;font-weight:800;color:var(--text)}
.cierre-stat-sub{font-size:10px;color:var(--text3)}
.cierre-warn{background:var(--orange-l);border:1.5px solid var(--orange-m);border-radius:var(--r7);padding:8px 11px;font-size:11px;color:var(--orange);font-weight:500;margin-block-end:13px;display:flex;align-items:center;gap:7px}

/* ── TURNO CERRADO ── */
.turno-cerrado-overlay{position:fixed;inset:0;background:rgba(26,25,22,.92);backdrop-filter:blur(6px);z-index:600;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}
.turno-cerrado-overlay.open{opacity:1;pointer-events:auto}
.turno-cerrado-box{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r16);inline-size:500px;max-inline-size:95vw;max-block-size:90vh;overflow-y:auto;box-shadow:0 24px 80px rgba(0,0,0,.4);transform:scale(.95) translateY(20px);transition:transform .3s cubic-bezier(.34,1.2,.64,1)}
.turno-cerrado-overlay.open .turno-cerrado-box{transform:scale(1) translateY(0)}
.tc-head{background:linear-gradient(135deg,#1a1916 0%,#2e2c28 100%);padding:22px 24px 20px;color:#fff;border-radius:var(--r16) var(--r16) 0 0;text-align:center}
.tc-check{inline-size:46px;block-size:46px;background:rgba(26,138,78,.25);border:2px solid rgba(26,138,78,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:22px}
.tc-titulo{font-size:20px;font-weight:800;letter-spacing:-.5px;margin-block-end:3px}
.tc-sub{font-size:12px;color:rgba(255,255,255,.4)}
.tc-body{padding:18px 20px}
.tc-resumen-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-block-end:15px}
.tc-stat{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r11);padding:11px 13px}
.tc-stat.full{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}
.tc-stat-ico{font-size:16px;margin-block-end:3px}
.tc-stat-lbl{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.7px;margin-block-end:1px}
.tc-stat-val{font-family:var(--mono);font-size:17px;font-weight:800;color:var(--text)}
.tc-stat-sub{font-size:10px;color:var(--text3);margin-block-start:1px}
.tc-metodos{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-block-end:15px}
.tc-met{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r7);padding:8px 10px;text-align:center}
.tc-met-ico{font-size:14px;margin-block-end:2px}
.tc-met-lbl{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}
.tc-met-val{font-family:var(--mono);font-size:13px;font-weight:800;color:var(--text)}
.tc-met-pct{font-size:10px;color:var(--text3)}
.tc-footer{display:flex;gap:8px;padding:13px 20px 16px;border-block-start:1.5px solid var(--border)}
.tc-btn-print{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--surface2);border:1.5px solid var(--border);color:var(--text2);border-radius:var(--r7);padding:9px;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:all .14s}
.tc-btn-print:hover{border-color:var(--border2);background:var(--bg)}
.tc-btn-nuevo{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--green);color:#fff;border:none;border-radius:var(--r7);padding:9px;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:background .14s,box-shadow .14s}
.tc-btn-nuevo:hover{background:#137a41;box-shadow:0 2px 10px rgba(26,138,78,.3)}
@media print{body>*:not(.turno-cerrado-overlay){display:none!important}.turno-cerrado-overlay{position:static!important;background:none!important;backdrop-filter:none!important;display:block!important;opacity:1!important}.turno-cerrado-box{box-shadow:none!important;border:none!important;max-height:none!important}.tc-footer{display:none!important}}

/* ── MENÚ RÁPIDO: scroll y grid manejados por #menu-rapido + .menu-rapido-grid ── */

/* ── PESTAÑAS DRAWER CAJA ── */
.drawer-tabs{display:flex;gap:0;border-block-end:1.5px solid var(--border);background:var(--surface);flex-shrink:0}
.tab-btn{flex:1;padding:10px 12px;font-family:var(--font);font-size:12px;font-weight:600;color:var(--text3);border:none;background:transparent;cursor:pointer;transition:all .15s;border-block-end:2px solid transparent;position:relative}
.tab-btn:hover{color:var(--text2);background:var(--bg)}
.tab-btn.active{color:var(--red);background:var(--red-l)}

/* ── FILTROS CAJAS ANTERIORES ── */
.caja-filtros{padding:12px 18px;background:var(--surface);border-block-end:1.5px solid var(--border);display:flex;flex-direction:column;gap:10px}
.cfil-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}
.cfil-row:last-child{grid-template-columns:1fr 1fr auto}
.cfil-group{display:flex;flex-direction:column;gap:3px}
.cfil-group label{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.6px}
.cfil-input{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r7);padding:6px 8px;font-family:var(--font);font-size:12px;color:var(--text);outline:none;transition:border-color .14s}
.cfil-input:focus{border-color:var(--red)}
.cfil-input[type=date],.cfil-input[type=select]{font-family:var(--font)}
.cfil-btn-buscar{background:var(--red);color:#fff;border:none;border-radius:var(--r7);padding:6px 14px;font-family:var(--font);font-size:11px;font-weight:700;cursor:pointer;transition:background .14s;white-space:nowrap}
.cfil-btn-buscar:hover{background:#b83216}

/* ── LISTA DE CAJAS ANTERIORES ── */
.caja-list{display:flex;flex-direction:column;gap:8px}
.caja-item{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r7);padding:9px 11px;cursor:pointer;transition:all .14s}
.caja-item:hover{border-color:var(--border2);box-shadow:0 2px 6px rgba(0,0,0,.05)}
.caja-item-header{display:flex;justify-content:space-between;align-items:center;margin-block-end:6px}
.caja-item-fecha{font-size:11px;font-weight:700;color:var(--text)}
.caja-item-total{font-family:var(--mono);font-size:13px;font-weight:800;color:var(--text)}
.caja-item-meta{font-size:10px;color:var(--text3);display:flex;justify-content:space-between;margin-block-end:5px}
.caja-item-metodos{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;font-size:9px}
.caja-item-metodo{background:var(--surface);border-radius:4px;padding:3px 5px;text-align:center;border:1px solid var(--border)}
.caja-item-metodo-ico{display:block;margin-block-end:1px}
.caja-item-metodo-val{font-family:var(--mono);font-weight:700;color:var(--text)}
.caja-item-metodo-lbl{font-size:8px;color:var(--text3);text-transform:uppercase}
.caja-empty{text-align:center;padding:20px 14px;color:var(--text3);font-size:12px}