/* ══ DELIGUTY · VERSIÓN COMPACTA (06-Oct-2026, pendiente #56) ════════════════════════════════════════════════
   Fuente ÚNICA: /root/deliguty-compacto.css → se copia con `bash /root/deliguty-sincronizar-compacto.sh`.
   NO editar las copias de cada web. Adaptado de la plantilla (/root/gohart-restaurantes/instalador/compacto.css):
   menos espacio desperdiciado SIN cambiar colores ni las COMANDAS (.pedido-card) — el dueño de Deliguty las quiere así.
   Para quitarlo: borrar el <link> «compacto.css» de cada HTML (o vaciar este archivo y sincronizar).
   ⚠️ En PC la cabecera del panel es FIJA (74 px): no bajar el relleno de arriba de .content de 88 px.
   ⚠️ No poner `display` a botones del menú: un módulo apagado reaparecería. */

/* ── Panel · cajones de arriba (Total / Proceso / Hoy), buscador y filtros ── */
body:has(.stats-fab) .stats { gap: 8px !important; margin-bottom: 10px !important; }
body:has(.stats-fab) .stat-card { display: flex !important; align-items: baseline; justify-content: center; gap: 8px; padding: 8px 10px !important; min-height: 0 !important; }
body:has(.stats-fab) .stat-card h3 { font-size: 26px !important; line-height: 1 !important; margin: 0 !important; }
body:has(.stats-fab) .stat-card p { font-size: 13px !important; margin: 0 !important; font-weight: 700; }
body:has(.stats-fab) .search-bar { margin-bottom: 8px !important; }
body:has(.stats-fab) .search-input { padding: 10px 44px 10px 14px !important; font-size: 15px !important; }
body:has(.stats-fab) .filters { margin-bottom: 10px !important; padding-top: 6px !important; padding-bottom: 6px !important; }
@media (max-width: 600px) { body:has(.stats-fab) .stat-card { flex-direction: column; align-items: center; gap: 2px; padding: 6px 4px !important; } }

/* ── Panel · menú de abajo en celular: 4 por fila, ícono y nombre en la misma línea ── */
@media (max-width: 899px) {
  body:has(.stats-fab) .bottom-menu { grid-template-columns: repeat(4, 1fr) !important; gap: 4px !important; padding: 4px 4px calc(4px + env(safe-area-inset-bottom, 0px)) !important; }
  body:has(.stats-fab) .bottom-menu .menu-item { position: relative; text-align: center; padding: 8px 4px !important; font-size: 11.5px !important; white-space: nowrap; min-height: 0 !important; }
  body:has(.stats-fab) .bottom-menu .menu-item > span:first-child { font-size: 16px !important; margin: 0 5px 0 0 !important; display: inline-block !important; vertical-align: -2px; }
  body:has(.stats-fab) .bottom-menu .menu-item > span[style*="display:block"] { display: inline !important; margin: 0 !important; font-size: inherit !important; }
}

/* ── Panel · secciones (Cobrar, Productos, Barrios, Config, Extras) ── */
@media (max-width: 899px) { body:has(.stats-fab) .content { padding-top: 12px !important; padding-left: 12px !important; padding-right: 12px !important; } }
@media (min-width: 900px) { body:has(.stats-fab) .content { padding-top: 88px !important; padding-left: 24px !important; padding-right: 24px !important; } }
body:has(.stats-fab) .card { padding: 14px !important; margin-bottom: 12px !important; }
body:has(.stats-fab) .card-header { padding-bottom: 8px !important; margin-bottom: 10px !important; }
body:has(.stats-fab) .card-title { font-size: 18px !important; }
body:has(.stats-fab) .producto-item, body:has(.stats-fab) .extra-item, body:has(.stats-fab) .config-item { padding: 12px 14px !important; margin-bottom: 10px !important; }
body:has(.stats-fab) .horario-item { padding: 10px 12px !important; margin-bottom: 8px !important; }
body:has(.stats-fab) .empty-state { padding: 28px 16px !important; }
body:has(.stats-fab) .status-badge { padding: 6px 12px !important; }

/* ── Caja ── */
body:has(#tab-btn-turno) .card { padding: 12px 14px !important; margin-bottom: 10px !important; }

/* ── Web de pedidos y de local: títulos de paso normales y «Datos de entrega» más junto ── */
body:has(#carrito-flotante) .section-header { margin-bottom: 12px !important; }
body:has(#carrito-flotante) .section-title { font-size: 22px !important; letter-spacing: 1px !important; margin-bottom: 0 !important; }
body:has(#carrito-flotante) #form-pedido { padding: 16px !important; border-radius: 16px !important; }
body:has(#carrito-flotante) #form-pedido .form-group { margin-bottom: 11px !important; }
body:has(#carrito-flotante) #form-pedido .form-label { font-size: 13.5px !important; margin-bottom: 4px !important; }
body:has(#carrito-flotante) #form-pedido .form-input, body:has(#carrito-flotante) #form-pedido .barrio-search-input,
body:has(#carrito-flotante) #form-pedido textarea { padding: 10px 12px !important; font-size: 16px !important; }   /* 16 px: con menos, el iPhone hace zoom */
body:has(#carrito-flotante) .metodo-pago-opcion { padding: 10px 12px !important; }
body:has(#carrito-flotante) .btn-primary { padding: 13px !important; }
body:has(#carrito-flotante) .cart-item { padding: 12px !important; margin-bottom: 10px !important; }

/* ── Botón 🔄 de refrescar: con los cajones más bajos quedaba ENCIMA del número de «Hoy» ──
   Celular: botón flotante abajo a la derecha, sobre el menú (a mano del pulgar). PC: los cajones le dejan su espacio. */
@media (max-width: 899px) {
  body:has(.stats-fab) .btn-refresh { top: auto !important; bottom: calc(132px + env(safe-area-inset-bottom, 0px)) !important; right: 12px !important; width: 46px !important; height: 46px !important; font-size: 21px !important; }
}
@media (min-width: 900px) { body:has(.stats-fab) .stats { margin-right: 64px !important; } }

/* ── Caja: en celular las columnas se salían de la pantalla (ya pasaba antes). Mismo arreglo de la plantilla. ── */
body:has(#tab-btn-turno) .pos-grid { grid-template-columns: minmax(0, 1fr) !important; }
@media (min-width: 980px) { body:has(#tab-btn-turno) .pos-grid { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important; } }
@media (max-width: 559px) { body:has(#tab-btn-turno) .prod-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } }
/* El 🔄 solo sirve en Pedidos: en las otras secciones (celular) quedaba encima del 🗑 de borrar de los productos. */
@media (max-width: 899px) { body:has(#section-pedidos:not(.active)) .btn-refresh { visibility: hidden !important; } }