/* CodingWithEase — Component Styles (v1.0)
   Ships with CodingWithEase.Components NuGet package.
   All styles reference var(--cx-*) tokens from cx-theme.css (app project).
   Include via: <link href="_content/CodingWithEase.Components/css/cx-components.css" />
   Source files in base/, patterns/, components/, layout/, utilities/ subdirectories. */

/* ═══ Base ═══════════════════════════════════════════════════════════════ */
@import "base/_reset.css";
@import "base/_icon.css";
@import "base/_anchored-popover.css";

/* ═══ Patterns ══════════════════════════════════════════════════════════ */
@import "patterns/_surfaces.css";
@import "patterns/_buttons.css";
@import "patterns/_inputs.css";

/* ═══ Components ════════════════════════════════════════════════════════ */
@import "components/_file-upload.css";
@import "components/_dropdown.css";
@import "components/_grid-view.css";
@import "components/_display-values.css";
@import "components/_dialog.css";
@import "components/_cards.css";
@import "components/_page-content.css";
@import "components/_switcher-card.css";
@import "components/_toast.css";
@import "components/_detail-view.css";
@import "components/_tabs.css";
@import "components/_breadcrumb.css";
@import "components/_list-view.css";
@import "components/_card-view.css";
@import "components/_dashboard.css";
@import "components/_master-detail.css";
@import "components/_timeline.css";
@import "components/_wizard.css";
@import "components/_tree-view.css";
@import "components/_kanban.css";
@import "components/_calendar.css";
@import "components/_notification-bell.css";
@import "components/_header-dropdown.css";
@import "components/_navigation.css";
@import "components/_navigation-drill.css"; /* SPEC-020 + SPEC-022 */
@import "components/_tab-strip.css";
@import "components/_permission-editor.css";
@import "components/_account.css"; /* SPEC-019 */
@import "components/_emma-settings.css"; /* SPEC-023 T6 */
@import "components/_data-entry-grid.css"; /* SPEC-025 Phase 2 */
@import "components/_chrome.css";          /* Page chrome atoms (PageHeader/FilterBar/SummaryStrip/StatCard/EmptyState/Section) */
@import "components/_indicators.css";      /* Badge / Pill / Avatar */
@import "components/_popover.css";         /* CxPopover anchor-positioned overlay */
@import "components/_multiselect.css";     /* CxMultiSelect checkbox-list */
@import "components/_specialized.css";     /* StepIndicator / ActivityFeed / PdfPreview */
@import "components/_stats-card.css";      /* Generator-emitted StatsCard components */
@import "components/_chart-wrapper.css";   /* Generator-emitted Chart wrappers */

/* ═══ Layout ════════════════════════════════════════════════════════════ */
/* The four layout/*.css files (_app-shell, _page, _page-layout, _area-layout)
   are an OLD layout system that has been fully superseded by app-structure.css
   (_layout.css + _app-shell.css + _app-shell-controls.css), which is loaded
   by every consumer in App.razor.

   They were actively harmful while imported here: _area-layout.css declares
   .cx-area-sidebar-left { width: 14rem; … } UNLAYERED, and any unlayered
   rule beats every @layer cx-* rule from app-structure.css — so the rail
   toggle (body.cx-sidebar-left-rail .cx-area-sidebar-left { inline-size:
   var(--cx-sidebar-w-rail) }) silently lost the cascade and the sidebar
   stayed wide. Same mechanism broke the fullscreen overlay's display: none
   on the chrome.

   Greps for the OLD class names — .cx-layout-*, .cx-page-layout, .cx-page-layout-*,
   .cx-manage-panel, .cx-page-section — return 0 hits in the live codebase
   apart from one Legacy/ContentComponents/CxAppHeader.cs (deprecated). Safe
   to drop these imports; the .css files remain on disk for reference. */

/* ═══ Utilities ═════════════════════════════════════════════════════════ */
@import "utilities/_spacing.css";
@import "utilities/_flex.css";
@import "utilities/_text.css";
@import "utilities/_visibility.css";