/*
 * 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=98967703';

/* 2. Atoms */
@import './atoms/typography.css?v=99d2006b';
@import './atoms/status.css?v=c30127f4';
@import './atoms/button.css?v=0b5181a9';
@import './atoms/badge.css?v=b3f89206';
@import './atoms/flag.css?v=44716a5e';
@import './atoms/input.css?v=db86e1b1';
@import './atoms/switch.css?v=13cbfa39';
@import './atoms/tab.css?v=c7bd01a9';
@import './atoms/kbd.css?v=80a9a776';
@import './atoms/skeleton.css?v=29e975ea';
@import './atoms/entrada.css?v=13ec671d';
@import './atoms/toast.css?v=414a3e68';
@import './atoms/spinner.css?v=73c457ba';
@import './atoms/tooltip.css?v=07389ca6';
@import './atoms/theme-toggle.css?v=efe07fac';

/* 3. Molecules */
@import './molecules/cifras.css?v=864b6e21';
@import './molecules/card.css?v=ead716f4';
@import './molecules/form.css?v=22233f0e';
@import './molecules/subnav.css?v=51d3a3c9';
@import './molecules/chip-group.css?v=4c941301';
@import './molecules/table.css?v=82f5dd6a';
@import './molecules/table-actions.css?v=7d23684a';
@import './molecules/empty-state.css?v=a842f9a8';
@import './molecules/error-state.css?v=79a3482b';
@import './molecules/alert-banner.css?v=83cc093e';
@import './molecules/breadcrumb.css?v=5bc59ab3';
@import './molecules/pagination.css?v=43764533';
@import './molecules/segmented.css?v=6a836b18';
@import './molecules/protocolo.css?v=33d20b6b';
@import './molecules/combobox.css?v=f89e448c';
@import './molecules/resultados-inline.css?v=454c0864';
@import './molecules/stepper.css?v=86b1972d';

/* 4. Organisms */
@import './organisms/sidebar.css?v=d68540a6';
@import './organisms/modal.css?v=7fb708ff';
@import './organisms/scanner.css?v=c9596db7';
@import './organisms/patient-context-bar.css?v=4e4a2433';
@import './organisms/drawer.css?v=c6400986';

/* 5. Templates */
@import './templates/app-shell.css?v=160aa7ae';

/* 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; }