/* =========================================================================
   WFSuite Design System — single entry point.
   Import order is intentional:
     1. primitives  — raw constants
     2. themes      — semantic tokens per theme × mode
     3. reset       — defensive normalization
     4. base        — html/body defaults using semantic tokens
     5. typography  — heading/paragraph styles + utilities
     6. grid        — container / flex / grid utilities
     7. components  — UI building blocks (consume semantic only)
   ========================================================================= */

/* 1. Primitives */
@import url("tokens/primitives.css");

/* 2. Themes — each block scoped by [data-theme][data-mode] */
@import url("themes/default/light.css");
@import url("themes/default/dark.css");
@import url("themes/corporate/light.css");
@import url("themes/corporate/dark.css");

/* 3-5. Layout */
@import url("layout/reset.css");
@import url("layout/base.css");
@import url("layout/typography.css");
@import url("layout/grid.css");

/* 7. Components */
@import url("components/button.css");
@import url("components/card.css");
@import url("components/input.css");
@import url("components/checkbox.css");
@import url("components/form-field.css");
@import url("components/badge.css");
@import url("components/alert.css");
@import url("components/table.css");
@import url("components/modal.css");
@import url("components/popover.css");
@import url("components/pagination.css");
@import url("components/nav.css");
@import url("components/nav-styles.css");
@import url("components/theme-switcher.css");
@import url("components/style-panel.css");
@import url("components/bg-animations.css");
@import url("components/font-scale.css");
@import url("components/spacing-scale.css");
@import url("components/font-weight-scale.css");
@import url("components/themizer.css");
@import url("components/zones.css");
@import url("components/language-switcher.css");
@import url("components/page-header.css");
@import url("components/auth-shell.css");
@import url("components/effects.css");
@import url("components/list-pages.css");
@import url("components/notifications.css");
@import url("components/announcements.css");
@import url("components/workspace-switcher.css");
@import url("components/location-map.css");
@import url("components/qr-card.css");
@import url("components/toast.css");
@import url("components/tabs.css");
@import url("components/live-dashboard.css");
@import url("components/import-modal.css");
@import url("components/schedule-editor.css");
@import url("components/integrations.css");
@import url("components/onboarding.css");
@import url("components/presets.css");
@import url("components/signup.css");
@import url("components/orgchart.css");
@import url("components/code-block.css");
@import url("components/landing.css");

/* 8. Beta features overlay — wow-factor canvas/SVG components. */
@import url("components/beta.css");

/* 9. Premium overlay — glass-morphism, aurora bg, dramatic typography.
      Must be last so it can refine the base components. */
@import url("components/premium.css");

/* =========================================================================
   10. Topbar layout overrides (kept here, not in nav.css, so the host's
       asp-append-version refresh always lands cleanly without needing the
       browser to re-fetch every imported sub-file).
   ========================================================================= */
.app-shell__topbar { flex-wrap: nowrap; min-height: 3.5rem; }
.app-shell__topbar .topnav { min-width: 0; flex: 1 1 auto; }
.app-shell__topbar > .row { flex-wrap: nowrap; flex: 0 0 auto; }
.app-shell__topbar .breadcrumb__list { flex-wrap: nowrap; overflow: hidden; white-space: nowrap; }
.app-shell__topbar .breadcrumb__item { flex: 0 0 auto; }
.app-shell__topbar .breadcrumb__item--current { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }