/* ============================================================================
   Capa `legacy` del SPA (/app).
   Mete el CSS del tema MVC (theme/site/dashboard/administracion/salon/mesas/
   venta-touch/…) en la cascade layer inferior `legacy`, para que el Design
   System (Tailwind/shadcn, en las capas theme/base/components/utilities de
   ds.css) SIEMPRE gane — sin pelear especificidad ni orden de carga.

   Bootstrap y los CSS de DataTables-bs5 ya se retiraron (LxTable/LxTableLocal
   quedaron shadcn puro): este archivo solo sirve las hojas legacy no-Bootstrap
   que aún usan pantallas no migradas (forms, Mesas, Venta Touch, etc.).

   Por qué un archivo aparte (y no un <style> en index.html): Vite intenta
   bundlear los @import de cualquier <style> inline y no puede resolver las
   rutas /css/* (las sirve el backend .NET), rompiendo el build. Servido como
   <link> estático, Vite lo deja intacto y el navegador resuelve los @import
   en runtime.

   Mantener el MISMO orden/set de hojas que Views/Shared/_Layout.cshtml
   (menos Bootstrap/DataTables-bs5, ya retirados de ambos lados).
   ============================================================================ */
/* dsforce declarado primero: es donde ds.css contra-overridea las utilidades
   de color que theme.css redefine con !important (.bg-primary, etc.). Debe ir
   ANTES de `legacy` para que, en la inversión de !important entre capas, gane.
   Como esta hoja carga antes que el bundle del DS, acá se fija el orden. */
@layer dsforce, legacy, theme, base, components, utilities;

@import url('/css/theme-variables.css') layer(legacy);
@import url('/css/theme.css') layer(legacy);
@import url('/css/theme-modern.css') layer(legacy);
@import url('/css/theme-light-refinements.css') layer(legacy);
/* theme-dark.css NO se carga en el SPA: el Design System maneja el modo oscuro
   por sí mismo ([data-theme='dark'], tokens OKLCH neutros). El theme-dark.css
   legacy tiene reglas !important con azules/cyan que, por la inversión de
   !important entre cascade layers, se filtraban en el DS y ensuciaban el dark
   con azul. Las pantallas legacy no migradas pierden su dark hasta migrar. */
/* @import url('/css/theme-dark.css') layer(legacy);  -- retirado a propósito */
@import url('/css/dashboard.css') layer(legacy);
@import url('/css/site.css') layer(legacy);
@import url('/css/creditos-pagos.css') layer(legacy);
@import url('/css/lx-loader.css') layer(legacy);
@import url('/css/lx-dialog.css') layer(legacy);
@import url('/css/components-common.css') layer(legacy);
@import url('/css/modals-premium.css') layer(legacy);
@import url('/css/administracion.css') layer(legacy);
@import url('/css/documentos.css') layer(legacy);
@import url('/css/datatables-theme.css') layer(legacy);
@import url('/css/mobile-performance.css') layer(legacy);
@import url('/css/salon.css') layer(legacy);
@import url('/css/mesas.css') layer(legacy);
/* venta: en su propia capa `ventatouch` (declarada en ds.css DESPUÉS de `base`)
   para que el estilo de sus <button> (cr-product-btn, cr-cat-pill, cr-order-*, …)
   GANE sobre el reset `button{border:0;background:transparent}` de @layer base del
   DS. Si quedaran en `legacy` (antes de base), el reset los deja sin estilo. */
@import url('/css/comanda-rapida.css') layer(ventatouch);
@import url('/css/venta-touch.css') layer(ventatouch);
@import url('/css/ventas-bundle.css') layer(ventatouch);
@import url('/css/pedido-nuevo.css') layer(legacy);
@import url('/css/productos-responsive.css') layer(legacy);