/* AutoStock — site.css
   Aggregator only. Real styling lives in the layered imports below.
   Spec §4. cache-bust 2026-05-26-mobile-page-padding */

/* Cascade layer order — later in list wins for NORMAL declarations;
   EARLIER in list wins for !important declarations (CSS Cascade Level 5).
   `vendor-overrides` is FIRST so its !important rules beat Bootstrap's
   !important utility classes (.bg-light, .text-muted, .alert-success, etc.).
   For normal declarations vendor-overrides loses to everything — that's
   fine because the file only contains !important Bootstrap rebinds.
   Vendor CSS (bootstrap, devextreme) comes next; our reset additions then
   win over them for normal rules; tokens position is cosmetic. */
@layer vendor-overrides, bootstrap, devextreme, reset, tokens, base, components, page, utilities;

/* Vendor utility-class rebinds — MUST come into the vendor-overrides
   layer (declared FIRST above) so its !important rules beat Bootstrap's
   !important utilities via the reverse-layer cascade for !important. */
@import 'vendor-overrides.css?v=9'                         layer(vendor-overrides);

/* Vendor stylesheets are routed through @import so they land in their named layers
   instead of beating layered rules unconditionally (unlayered always wins over layered).
   Without this, Bootstrap's body { font-family: ... } would override our type.css. */
@import url('/lib/bootstrap/dist/css/bootstrap.min.css')   layer(bootstrap);
@import url('/css/devextreme/dx.light.compact.css')        layer(devextreme);

/* Tokens load before everything else so variables are available to all layers. */
@import 'tokens.css'         layer(tokens);

/* Reset (additions to Bootstrap reboot). */
@import 'reset.css'          layer(reset);

/* Base typography. */
@import 'type.css'           layer(base);

/* (Subsequent files are imported as their tasks land.
   List below is the FINAL form. Imports are commented out until the
   target files exist — uncomment as Tasks 7-15 + 18 + 24-27 + 30 + 32-33 ship.) */

/* Layout chrome */
@import 'layout.css'                 layer(base);

/* Component primitives */
@import 'components/button.css'      layer(components);
@import 'components/pill.css'        layer(components);
@import 'components/exchange.css'    layer(components);
@import 'components/field.css?v=2'   layer(components);
@import 'components/metric.css'      layer(components);
@import 'components/score.css'       layer(components);
@import 'components/tabs.css'        layer(components);
@import 'components/table.css?v=3'  layer(components);
@import 'components/score-control.css?v=4' layer(components);
@import 'components/drawer.css'      layer(components);
@import 'components/usermenu.css'    layer(components);
@import 'components/adminmenu.css'   layer(components);

/* DevExtreme overrides — into the devextreme layer so they always win against the base DX theme. */
@import 'devextreme-overrides.css?v=9' layer(devextreme);

/* Page styles */
@import 'pages/home.css'             layer(page);
@import 'pages/auth.css'             layer(page);
@import 'pages/dashboard.css'        layer(page);
@import 'pages/stock-list.css'       layer(page);
@import 'pages/stock-detail.css'    layer(page);
@import 'pages/stock-info.css'      layer(page);
@import 'pages/pricing.css'          layer(page);
@import 'pages/blog.css'             layer(page);

/* Responsive — consolidated @media rules. MUST be last so its
   declarations beat component/page defaults at narrow breakpoints.
   Imported into the page layer (not its own layer) so it can override
   page-level rules without an `!important` arms race. */
@import 'responsive.css?v=22'        layer(page);