/* ============================================================
   LA COMANDA IMPRESA — un solo CSS para todas las pantallas
   ------------------------------------------------------------
   17-ago-2026: vivía adentro de admin.html. Se sacó a este archivo
   porque el vigía de pedidos (vigia-pedidos.js) imprime la misma
   comanda desde Conversaciones, Gestión, etc. La comandera imprime
   la PÁGINA ACTUAL después de escribir el HTML en #comanda: si la
   página no tiene este CSS, sale la pantalla entera en el rollo.
   Lo carga admin.html (<link>) y lo inyecta el vigía en las demás.
   ============================================================ */
/* La comanda impresa: no se toca en pantalla, es para la térmica */
#comanda{display:none}
@media print{
  body.bp *{visibility:hidden}
  #comanda,#comanda *{visibility:visible}
  /* 🔴 14-sep-2026 — PAPELITOS EN BLANCO DESPUÉS DE CADA COMANDA (Neuquén).
     visibility:hidden esconde el panel pero le deja el LUGAR: en el rollo de
     48 mm el tablero oculto medía más de 500 mm, así que cada impresión eran
     2 o 3 páginas de 210 mm — la comanda en la primera y el resto EN BLANCO.
     La térmica "corta según el contenido" y esas páginas vacías salían como
     pedacitos de papel cortos atrás de cada pedido (verificado imprimiendo el
     panel real a PDF: 2 páginas, la segunda sin nada). Con display:none el
     panel no ocupa lugar y el documento mide lo que mide la comanda. */
  body > :not(#comanda){display:none!important}
  html,body{height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}
  /* 🔴 15-ago-2026 — REDISEÑADA a pedido de las empleadas: igual de parecida
     que se pueda al ticket de PedidosYa (Hey Muzza) que ya conocen. Mismo
     ancho de papel; lo que cambia es la jerarquía: letra sans, cabecera de 3
     datos (entrega·hora·pago), numero de pedido GRANDE, banda de pago,
     secciones con lineas y aire, total grande y pie con el local.

     Lo aprendido antes que sigue valiendo:
     · Son DOS CSS distintos: el ticket de PRUEBA del asistente lo arma main.js
       de la comandera; esta comanda —la del pedido real— la arma ESTE archivo.
       En pantalla #comanda esta oculto: el tamaño solo existe en el papel.
     · El ancho imprimible son 48 mm (rollo de 58): el texto largo TIENE que
       envolver (overflow-wrap) o una direccion larga se corta sin que nadie
       se entere.
     · ⚠️ La comandera imprime con printBackground:false — los FONDOS NO SALEN.
       Nada de fondos negros/grises: la jerarquia se hace con tamaño, peso,
       bordes (esos si se imprimen) y aire. */
  #comanda{display:block;position:absolute;left:0;top:0;width:100%;
    color:#000;background:#fff;font-family:Arial,Helvetica,sans-serif;
    font-size:calc(14px * var(--bp-comanda-zoom,1));line-height:1.35;overflow-wrap:anywhere;
    /* 18-sep-2026: tamaño de letra por instalación (Daniel/Cipolletti: 72 %): --bp-comanda-zoom lo pone marca.js desde /api/marca y
       escala cada font-size con calc(). NO se usa zoom: con zoom la impresora calculaba mal el largo y el pie salía en un ticket aparte. */
    }
  #comanda h3{text-align:center;margin:0 0 4px;font-size:calc(22px * var(--bp-comanda-zoom,1));font-weight:800}
  #comanda hr{border:none;border-top:1px dashed #000;margin:6px 0}
  /* la columna del medio (la hora) es angosta a propósito: "VERIFICAR" en la
     tercera no entra si las tres miden igual — se partía en dos renglones */
  #comanda .cab{display:flex;text-align:center;margin:2px 0 6px}
  #comanda .cab>div{flex:7}
  #comanda .cab>div:nth-child(2){flex:5}
  #comanda .cab .v{font-size:calc(14px * var(--bp-comanda-zoom,1));font-weight:800;white-space:nowrap;letter-spacing:-.2px}
  #comanda .cab .l{font-size:calc(10px * var(--bp-comanda-zoom,1));letter-spacing:1.5px;margin-top:1px}
  #comanda .num{font-size:calc(40px * var(--bp-comanda-zoom,1));/* 3-nov IG_NOMBRE_COMANDA_3NOV: más grande */font-weight:800;letter-spacing:.5px;margin:2px 0 0}
  #comanda .cli{font-size:calc(14px * var(--bp-comanda-zoom,1));font-weight:bold;margin-bottom:2px}
  #comanda .sec{border-top:1.5px solid #000;margin-top:7px;padding-top:6px}
  #comanda .band{border-top:1.5px solid #000;border-bottom:1.5px solid #000;
    padding:5px 0;margin:8px 0 6px;font-size:calc(16px * var(--bp-comanda-zoom,1));font-weight:800}
  #comanda .avi{border:2px solid #000;border-radius:8px;text-align:center;
    font-size:calc(19px * var(--bp-comanda-zoom,1));font-weight:800;padding:5px 3px;margin:7px 0;line-height:1.25}
  #comanda .li{font-weight:bold;font-size:calc(20px * var(--bp-comanda-zoom,1));line-height:1.3;margin:4px 0}
  #comanda .it{display:flex;justify-content:space-between;gap:6px}
  #comanda .it .n{flex:1;font-size:calc(18px * var(--bp-comanda-zoom,1));line-height:1.25}
  /* 10-sep-2026: los componentes del combo / los sabores, uno por renglón, como el ticket de la caja */
  #comanda .sub{font-weight:bold;font-size:calc(17px * var(--bp-comanda-zoom,1));padding-left:18px;line-height:1.3;margin:1px 0}
  #comanda .obs{border-top:1.5px solid #000;border-bottom:1.5px solid #000;padding:4px 0;margin:6px 0;font-size:calc(17px * var(--bp-comanda-zoom,1));font-weight:800}
  #comanda .pts{font-size:calc(12px * var(--bp-comanda-zoom,1));letter-spacing:1px;margin:6px 0 2px;white-space:nowrap;overflow:hidden}
  #comanda .it .pr{font-weight:normal;font-size:calc(13px * var(--bp-comanda-zoom,1));white-space:nowrap;padding-top:4px}
  #comanda .det{font-weight:bold;font-size:calc(17px * var(--bp-comanda-zoom,1));padding-left:14px;line-height:1.3}
  #comanda .fila{display:flex;justify-content:space-between;gap:6px;font-size:calc(14px * var(--bp-comanda-zoom,1))}
  #comanda .tot{display:flex;justify-content:space-between;gap:6px;
    font-size:calc(22px * var(--bp-comanda-zoom,1));font-weight:800;margin:3px 0 2px}
  /* 10-sep-2026: el TOTAL y las filas de plata NUNCA se parten ("TOTA / L  $20.99 / 9"):
     overflow-wrap:anywhere del ticket partía hasta las palabras cortas si el rollo venía justo */
  #comanda .tot span,#comanda .fila span,#comanda .it .pr,#comanda .num{white-space:nowrap;overflow-wrap:normal}
  #comanda .cen{text-align:center}
  #comanda .dir{font-size:calc(17px * var(--bp-comanda-zoom,1));font-weight:bold;line-height:1.3}
  #comanda .pie{margin-top:10px;text-align:center;font-size:calc(12px * var(--bp-comanda-zoom,1));line-height:1.5}
}
