/* ============================================================
   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}
  /* 🔴 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:14px;line-height:1.35;overflow-wrap:anywhere}
  #comanda h3{text-align:center;margin:0 0 4px;font-size:22px;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:14px;font-weight:800;white-space:nowrap;letter-spacing:-.2px}
  #comanda .cab .l{font-size:10px;letter-spacing:1.5px;margin-top:1px}
  #comanda .num{font-size:30px;font-weight:800;letter-spacing:.5px;margin:2px 0 0}
  #comanda .cli{font-size:14px;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:16px;font-weight:800}
  #comanda .avi{border:2px solid #000;border-radius:8px;text-align:center;
    font-size:19px;font-weight:800;padding:5px 3px;margin:7px 0;line-height:1.25}
  #comanda .li{font-weight:bold;font-size:20px;line-height:1.3;margin:4px 0}
  #comanda .it{display:flex;justify-content:space-between;gap:6px}
  #comanda .it .n{flex:1;text-transform:uppercase;font-size:18px}
  #comanda .it .pr{font-weight:normal;font-size:13px;white-space:nowrap;padding-top:4px}
  #comanda .det{font-weight:bold;font-size:17px;padding-left:14px;line-height:1.3}
  #comanda .fila{display:flex;justify-content:space-between;gap:6px;font-size:14px}
  #comanda .tot{display:flex;justify-content:space-between;gap:6px;
    font-size:24px;font-weight:800;margin:3px 0 2px}
  #comanda .cen{text-align:center}
  #comanda .dir{font-size:17px;font-weight:bold;line-height:1.3}
  #comanda .pie{margin-top:10px;text-align:center;font-size:12px;line-height:1.5}
}