/* El diseño vive en Tailwind (ver templates/header.php). Esta hoja sólo cubre
   detalles que Tailwind no resuelve por sí solo. */

/* Garantiza que [hidden] siempre oculte, incluso si el elemento también
   tiene una clase de Tailwind que fija su display (ej. "flex", "grid"). */
[hidden] { display: none !important; }

/* Oculta el marcador nativo de <details> para usar nuestro propio ícono. */
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }

/* Barra de scroll invisible para tiras horizontales (selector de días, etc.) */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Números tabulares para horarios y precios. */
.font-numeric-time, .font-numeric-price { font-feature-settings: "tnum" 1; font-variant-numeric: tabular-nums; }

/* Impresión (comprobante de pago): sólo se ve el comprobante, sin el resto de la app. */
@media print {
    .no-print { display: none !important; }
    body { background: #fff !important; }
    main { padding: 0 !important; margin: 0 !important; min-height: 0 !important; }
    main > div { max-width: none !important; padding: 0 !important; margin: 0 !important; }
}
