/* ============================================================================
   IESMAC ERP — Material skin over Phoenix Bootstrap 5.3
   SPRINT 1 (REV 3) · Foundation + Layout + Navbar + Sidebar + Forms +
                       Buttons + Badges + Dropdowns
   ----------------------------------------------------------------------------
   REV 3 changes (after user feedback on REV 2):
     - REMOVED .page-container wrapper rules entirely
     - ADDED rules for Phoenix's existing .bg-white.p-4.rounded-3.shadow-sm
       pattern — treats it as a MUI elevated card
     - FIXED theme toggle visibility (labels were collapsing 0x0)
     - FIXED form-switch sizing (Sprint 1 over-applied, conflicted with
       theme-control-toggle-input which is also a form-check-input)
     - FIXED sidebar/navbar gap by removing extra .content padding
     - FIXED footer height by NOT setting any min-height on content

   Drop-in location:
     src/main/resources/static/assets/css/material-skin.css

   Tenant theming: uses --md-* variables only. Override --md-primary-40 and
   tonal stops in a tenant <style> block; everything recolors automatically.
   ============================================================================ */


/* ============================================================================
   1, 18, 19, 21, 22. UTILITIES — extracted to material-skin/_utilities.css
                                  (Sprint 14.A.1.2)
   ============================================================================
   C4 tier per docs/CSS-SECTION-AUDIT.md. Contains font import (1), focus
   rings (18), scrollbar (19), responsive (21), reduced motion (22).

   Section 20 (Impersonation & Super User banners) is C3 Patterns and stays
   below until C3 extraction commit. */
@import url('material-skin/_utilities.css');


/* ============================================================================
   2 + 3. DESIGN TOKENS — extracted to material-skin/_tokens.css (Sprint 14.A.1)
   ============================================================================
   Sections 2 (light-mode tokens) + 3 (dark-mode swap) moved into
   material-skin/_tokens.css. C1 tier per docs/CSS-SECTION-AUDIT.md.

   Browser load order: this @import runs BEFORE any subsequent section here,
   so all downstream rules continue to see the same --md-* and --phoenix-*
   tokens. No behavior change expected — pure file split.

   When adding tokens, edit material-skin/_tokens.css directly (not here). */
@import url('material-skin/_tokens.css');


/* ============================================================================
   32-35. COMPONENT-SCOPED CSS — extracted to material-skin/_components.css
                                  (Sprint 14.A.1.3)
   ============================================================================
   C6 tier per docs/CSS-SECTION-AUDIT.md. Contains iesmac-empty-state (32),
   iesmac-tabs (33), iesmac-kanban (34), iesmac-filter-bar (35).

   IMPORTANT — CSS spec: @import rules MUST appear at the TOP of a
   stylesheet, before any other rules. Browsers silently IGNORE @imports
   placed after non-@import content. So this @import stays at the top
   (NOT at the original section-32 location near line 3900). The cascade
   still works correctly because @import-loaded rules are appended to the
   parent stylesheet's rule list in source order, AFTER the parent's own
   rules.

   When adding a new iesmac-* component CSS section, edit
   material-skin/_components.css directly (not here). */
@import url('material-skin/_components.css');


/* ============================================================================
   5, 6, 7, 8, 9, 14, 16, 20. PATTERNS — extracted to material-skin/_patterns.css
                                          (Sprint 14.A.1.4)
   ============================================================================
   C3 tier per docs/CSS-SECTION-AUDIT.md. Contains content-area shell (5),
   white-card pattern (6), top navbar (7, ~380 lines), sidebar (8, ~110
   lines), breadcrumb (9), dropdowns + nested-card (14), footer (16),
   impersonation/super-user banners (20).

   @import at top of file per CSS spec (see Sprint 14.A.1.3 lesson). */
@import url('material-skin/_patterns.css');


/* ============================================================================
   4, 10, 11, 12, 13, 15, 17. PRIMITIVES — extracted to
                              material-skin/_primitives.css (Sprint 14.A.1.5)
   ============================================================================
   C2 tier per docs/CSS-SECTION-AUDIT.md. Contains body typography (4),
   cards (10), buttons (11, 156 LOC), forms (12, 212 LOC — biggest C2
   section), badges (13), alerts (15), links (17).

   After C3 patterns extraction in 14.A.1.4, all C2 sections sat
   contiguously between original lines 83 and 655 — single-block
   extraction, no interleaving.

   @import at top of file per CSS spec (see Sprint 14.A.1.3 lesson). */
@import url('material-skin/_primitives.css');


/* ============================================================================
   23-31. REV-ARCHAEOLOGY — extracted to material-skin/_rev-archaeology.css
                            (Sprint 14.A.1.6)
   ============================================================================
   C5 tier per docs/CSS-SECTION-AUDIT.md. Contains all REV 4 through REV 13
   patches (sections 23-31, ~2,500 LOC). Loaded LAST so REV patches
   override the primitives/patterns they were originally appended after.

   Option A consolidation (verbatim hold-cell). Option B (merge into
   C1-C4 tiers) is deferred to a future cleanup sprint.

   @import at top of file per CSS spec (see Sprint 14.A.1.3 lesson). */
@import url('material-skin/_rev-archaeology.css');


/* ============================================================================
   END OF SPRINT 14.A.1 (REV 19) — CSS consolidation complete
   ----------------------------------------------------------------------------
   This file (material-skin.css) is now a thin entry point. All actual rules
   live in the layered files under material-skin/:

     1. _utilities.css       (C4)  · 65 LOC
     2. _tokens.css          (C1)  · 187 LOC
     3. _components.css      (C6)  · 548 LOC
     4. _patterns.css        (C3)  · 757 LOC
     5. _primitives.css      (C2)  · 591 LOC
     6. _rev-archaeology.css (C5)  · 2,572 LOC (Option A hold-cell)

   Total layered LOC: ~4,720. Original material-skin.css: 4,635 LOC.
   The small (+85 LOC) overhead is per-file headers.

   Load order in main.css @imports: utilities → tokens → components →
   patterns → primitives → rev-archaeology. The cascade is unchanged from
   the pre-consolidation file because @import-loaded rules append to the
   parent's rule list in source order.

   Future Sprint 14.A.1.6.B (Option B in plan): merge _rev-archaeology.css
   sections into _tokens/_primitives/_patterns/_utilities to permanently
   retire the C5 hold-cell.

   Future Sprint 14.A.1.7: production build step that concatenates these
   6 layered files into a single material-skin.bundle.min.css (no @import
   chain overhead in prod).
   ============================================================================ */