/* Generado por instalador/marca.js — NO editar a mano (prueba-pizzeria · v5ae0e3eb48). */
:root {
  --gh-principal: #E37070;
  --gh-principal-rgb: 227,112,112;
  --gh-principal-osc: #D93D3D;
  --gh-principal-2: #E0637C;
  --gh-sobre-principal: #1A1A1A;
  --gh-sobre-principal-fuerte: #000000;
  --gh-acento: #A16B0A;
  --gh-acento-rgb: 161,107,10;
  --gh-acento-osc: #714B07;
  --gh-sobre-acento: #FFFFFF;
  --gh-fondo: #1C1515;
  --gh-fondo-osc: #161111;
  --gh-tarjeta: #322828;
  --gh-tarjeta-2: #3F3434;
  --gh-texto: #FFFFFF;
  --gh-texto-suave: #999999;
  --gh-titulo: #E37070;
  --gh-barra: #161111;
  --gh-sobre-barra: #FFFFFF;
  --gh-nombre-mayus: "FORNO ROSSO";
}
input::placeholder, textarea::placeholder { color: var(--gh-texto-suave); opacity: .6; }
.gh-cabecera { display: none; }
/* Cursor de escribir visible sobre cualquier fondo (ver marca.js → CURSOR_CSS) */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset]):not([disabled]),
textarea:not([disabled]), [contenteditable="true"] { cursor: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'24'%20viewBox%3D'0%200%2016%2024'%3E%3Cpath%20d%3D'M4%202h3l1%201%201-1h3M8%203v18M4%2022h3l1-1%201%201h3'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'4.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3Cpath%20d%3D'M4%202h3l1%201%201-1h3M8%203v18M4%2022h3l1-1%201%201h3'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E") 8 12, text; }
/* ══ PLANTILLA COMPACTA (05-Oct-2026) ══════════════════════════════════════════════════════════════════════════
   Menos espacio desperdiciado en el panel, la Caja, la web de pedidos y domiciliarios, sin cambiar colores ni el
   tamaño de las COMANDAS (eso es diseño de cada negocio). Nació en Donde Juanfer y se pidió para todos.
   Un negocio la apaga con ficha.marca.compacto = false. Su estilo.css va después y manda sobre esto.
   ⚠️ No poner `display` a botones que puedan ser de un módulo apagado: el 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; }
  .header .logo-container > .gh-cabecera.en-panel { max-height: 64px !important; }
  .header:has(.gh-cabecera.en-panel) { padding: 6px 10px !important; }
}
@media (min-width: 900px) { body:has(.stats-fab) .bottom-menu .menu-item { padding: 10px 16px !important; } }

/* ── Panel · secciones (Cobrar, Productos, Logística, Config, Extras) ──
   En celular la cabecera va en el flujo; en PC es FIJA (74 px): el relleno de arriba la deja libre. */
@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) .pago-bloque { padding: 12px !important; margin-top: 10px !important; }
body:has(.stats-fab) .lk-btn { padding: 9px 16px !important; }
body:has(.stats-fab) .extras-subtabs, body:has(.stats-fab) .extras-count { margin-bottom: 10px !important; }
body:has(.stats-fab) .empty-state { padding: 28px 16px !important; }
body:has(.stats-fab) .status-badge { padding: 6px 12px !important; }

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

/* ── Web de pedidos: 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; }

/* ── Domiciliarios: tirilla de arriba algo más baja ── */
body:has(.en-logistica) header.header > .gh-cabecera.en-logistica { height: min(32vw, 190px) !important; }

/* ── Botón 🔄 de refrescar (06-Oct-2026): con los cajones bajos quedaba ENCIMA del número de «Hoy» ──
   Celular: flotante abajo a la derecha y solo en Pedidos (en otras secciones tapaba botones). 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; }
  body:has(#section-pedidos:not(.active)) .btn-refresh { visibility: hidden !important; }
}
@media (min-width: 900px) { body:has(.stats-fab) .stats { margin-right: 64px !important; } }

/* ══ COMANDAS COMPACTAS (06-Oct-2026) ════════════════════════════════════════════════════════════════════════
   La FORMA de las comandas de Donde Juanfer (pedido del dueño de GoHart: «que la plantilla lo herede»), SIN sus
   colores: columnas en PC, cabecera y datos más juntos, producto en una línea, total y botones más bajos.
   Para todos los negocios de la plantilla MENOS Deliguty (su dueño no las quiso así): ficha.marca.compacto_comandas = false.
   Va después de la comanda de cada tema y antes del estilo.css del negocio (que sigue mandando). */

/* Comandas en columnas en PC (3 en pantalla ancha, 2 en mediana); en celular una debajo de otra */
@media (min-width: 900px) { #pedidos-container { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)) !important; gap: 14px !important; align-items: start; } }
#pedidos-container .pedido-card { margin-bottom: 0 !important; padding: 12px 14px !important; }
@media (max-width: 899px) { #pedidos-container { display: grid !important; gap: 12px !important; } }

/* Cabecera: número y estado en la misma línea, menos aire */
#pedidos-container .pedido-card .pedido-header { padding-bottom: 8px !important; margin-bottom: 8px !important; align-items: flex-start !important; }
#pedidos-container .pedido-card .pedido-id { font-size: 20px !important; line-height: 1.15; }
#pedidos-container .pedido-card .pedido-id span { margin-top: 3px !important; }
#pedidos-container .pedido-card .pedido-badge { padding: 5px 12px !important; font-size: 13px !important; }

/* Datos del cliente: cada uno en su renglón; la fecha más pequeña, el NOMBRE en negrita encima del teléfono,
   «Domicilio: $…» resaltado con el color del negocio; dirección y notas a lo ancho */
#pedidos-container .pedido-card .pedido-info { display: block !important; padding-bottom: 8px !important; margin-bottom: 8px !important; }
#pedidos-container .pedido-card .pedido-info .info-row { margin: 0 0 3px 0 !important; font-size: 15px !important; line-height: 1.35; }
#pedidos-container .pedido-card .pedido-info .info-row:first-child { font-size: 13px !important; opacity: .8; }
#pedidos-container .pedido-card .pedido-info .info-row:nth-child(2) { font-weight: 800; font-size: 16px !important; }
#pedidos-container .pedido-card .pedido-info .info-row[style*="border-radius"] { padding: 5px 8px !important; margin-top: 2px !important; }
#pedidos-container .pedido-card .pedido-info .info-row:not([style]) > strong { color: var(--gh-titulo, var(--gh-principal)) !important; font-weight: 800; }

/* Productos: cantidad y nombre en la misma línea («✕ 1 Empanadas X5 ……… $6.000») */
#pedidos-container .pedido-card .producto-pedido { padding: 7px 10px !important; margin: 0 0 7px 0 !important; }
#pedidos-container .pedido-card .producto-pedido-header { margin-bottom: 0 !important; gap: 8px; }
#pedidos-container .pedido-card .producto-pedido-header > div:first-child { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; min-width: 0; }
#pedidos-container .pedido-card .producto-pedido-nombre { min-width: 0; }   /* nombre largo: se parte él, la cantidad sigue a su lado */
#pedidos-container .pedido-card .producto-pedido-cantidad { order: -1; font-size: 14px !important; padding: 2px 8px !important; flex-shrink: 0; white-space: nowrap; }
#pedidos-container .pedido-card .producto-pedido-nombre { font-size: 17px !important; }
#pedidos-container .pedido-card .producto-pedido-precio { font-size: 17px !important; white-space: nowrap; }
#pedidos-container .pedido-card .pedido-productos { padding: 0 !important; }

/* Total y botones más bajos */
#pedidos-container .pedido-card .pedido-total { padding-top: 8px !important; margin-top: 8px !important; margin-bottom: 8px !important; font-size: 20px !important; }
#pedidos-container .pedido-card .pedido-actions { gap: 6px !important; margin-bottom: 6px !important; }
#pedidos-container .pedido-card .pedido-actions-2 { gap: 6px !important; }
#pedidos-container .pedido-card .btn-action { padding: 9px 6px !important; }

/* Módulos APAGADOS en la ficha: su interfaz no se muestra. */
[data-modulo~="crm"] { display: none !important; }