/*
 * HELIX V3 — Design System Entry Point
 * Importar este archivo en todas las páginas/módulos
 */

/* 1. Tokens: variables de color, tipografía, espaciado, motion, density, breakpoints */
@import './tokens.css?v=110b9a9a';

/* 2. Atoms */
@import './atoms/typography.css?v=5df48669';
@import './atoms/status.css?v=c512ffbe';
@import './atoms/button.css?v=aba7ea0a';
@import './atoms/badge.css?v=cbd6cc27';
@import './atoms/flag.css?v=44716a5e';
@import './atoms/input.css?v=36ce4531';
@import './atoms/switch.css?v=925aa526';
@import './atoms/tab.css?v=8aa37ce0';
@import './atoms/kbd.css?v=16ff7d40';
@import './atoms/skeleton.css?v=29e975ea';
@import './atoms/entrada.css?v=13ec671d';
@import './atoms/toast.css?v=61b63525';
@import './atoms/spinner.css?v=73c457ba';
@import './atoms/tooltip.css?v=07389ca6';
@import './atoms/theme-toggle.css?v=efe07fac';
@import './atoms/funcion-vista.css?v=c0558c9f';

/* 3. Molecules */
@import './molecules/cifras.css?v=864b6e21';
@import './molecules/card.css?v=e4a51e8f';
@import './molecules/form.css?v=8eb92745';
@import './molecules/chip-group.css?v=0fec8a3e';
@import './molecules/table.css?v=ab76ded5';
@import './molecules/table-actions.css?v=7d23684a';
@import './molecules/empty-state.css?v=a842f9a8';
@import './molecules/fondo-aurora.css?v=4496eff0';
@import './molecules/error-state.css?v=79a3482b';
@import './molecules/alert-banner.css?v=ddb43088';
@import './molecules/pagination.css?v=43764533';
@import './molecules/protocolo.css?v=33d20b6b';
@import './molecules/combobox.css?v=a693639c';
@import './molecules/resultados-inline.css?v=454c0864';
@import './molecules/stepper.css?v=86b1972d';
@import './molecules/picker-paciente.css?v=2a5067d0';
@import './molecules/info-popover.css?v=144228d3';

/* 4. Organisms */
@import './organisms/sidebar.css?v=d68540a6';
@import './organisms/modal.css?v=3c0e4a93';
@import './organisms/scanner.css?v=c9596db7';
@import './organisms/patient-context-bar.css?v=4e4a2433';
@import './organisms/pedir-correo.css?v=8b2e1af9';
@import './organisms/drawer.css?v=c6400986';
@import './organisms/campanita.css?v=a0b64f32';
@import './organisms/selector-modulos.css?v=0f355945';

/* 5. Templates */
@import './templates/app-shell.css?v=041f4ff6';
/* angosto.css SIEMPRE al final: es la última palabra sobre cómo se ve el
 * sistema en un celular (encargo 4694, 27/9) -- una sola hoja, un solo
 * corte (700px y dedo), en vez de un @media repetido en cada archivo de arriba. */
@import './templates/angosto.css?v=59d7d870';

/* 6. Base
 *
 * x-cloak lo usan 20+ pantallas para que un panel o modal no se vea antes de
 * que Alpine arranque, pero la regla que lo oculta NUNCA estuvo definida: el
 * atributo no hacía nada. Además del parpadeo en cada carga, cuando Alpine no
 * llega a procesar el elemento (por ejemplo si quedó fuera de un x-data) el
 * panel se queda visible para siempre tapando la pantalla — fue exactamente
 * lo que pasó con la línea de tiempo de la mesada el 2026-07-18. */
[x-cloak] { display: none !important; }