/* @ofself/shell — the ONE stylesheet aggregate, for consumers that want the
 * whole kit's CSS in a single import (e.g. a host that renders shell classes
 * server-side, or a non-bundler consumer):
 *
 *   import '@ofself/shell/styles.css'
 *
 * Bundler consumers don't need this: every component imports its own CSS, so
 * importing from the package root loads exactly what's used. Importing both is
 * a harmless no-op (same files, deduped by the bundler).
 *
 * LAYERED (the endgame): the kit's entire cascade lives in three named layers —
 * `ofself.tokens` (tokens.css), `ofself.components` (every other kit sheet),
 * and `ofself.interaction` (tokens.css's hover-snap rule — the one
 * cross-component interaction truth, layered after components so it outranks
 * their `transition` shorthands). Every kit file declares the order statement
 * `@layer ofself.tokens, ofself.components;` itself and wraps its own rules
 * (tokens.css appends `, ofself.interaction` — a later layer joins the order
 * where first declared), so layer order holds no matter which file loads first
 * (per-component JS imports or this aggregate).
 * Consequence: any UNLAYERED app rule beats any kit rule by default — override
 * a kit style with a plain selector, no specificity games, and never put app
 * overrides inside an `ofself.*` layer. One caveat: `!important` inverts layer
 * order, so a kit `!important` (kept for Radix-inline-style fights) still wins
 * over a non-important app rule; match it with `!important` if you must.
 * The @imports below stay plain (no `layer()`) — each target self-wraps. */
@import './tokens.css';
@import './Typography.css';
/* reset.css + field/Field.css arrive via Shell.css (it @imports both so it can
 * stand alone) — no need to import them again here. */
@import './anatomy/templates/Shell.css';
@import './anatomy/components/FlushBlocks.css';
@import './anatomy/templates/Rail.css';
/* Focus mode's retraction — the fleet's one full-screen law (setFocusMode). */
@import './anatomy/templates/Focus.css';
/* THE ECOSYSTEM CONSOLE'S DRESS, for the framework-free hosts (2026-08-18).
   Bundler consumers get it from EcoConsole.jsx's own import; a vanilla host
   loads eco-console.js, which builds the same markup and had no stylesheet
   reaching it at all — the surface mounted undressed, which is worse than not
   mounting, because it looks like the console is broken rather than absent. */
@import './anatomy/templates/EcoConsole.css';
/* The hub grammar's dress, for the framework-free hosts — same reason as the
   console above: a bundler host gets it from HubSpread.jsx's own import and a
   vanilla host got nothing at all. */
@import './anatomy/blocks/Hub.css';
@import './anatomy/blocks/Blocks.css';
/* the drawer dress + the linear reading + the fleet's plate + the spacing
   knob — new-era sheets a vanilla host has no component imports to lean on
   (found 2026-08-23: integrations rendered the old flush world because the
   aggregate had fallen behind the kit) */
@import './anatomy/blocks/Drawer.css';
@import './anatomy/blocks/LinearView.css';
@import './anatomy/templates/AppDrawer.css';
@import './anatomy/templates/BlockSpacingPicker.css';
@import './anatomy/templates/Landing.css';
@import './anatomy/templates/DrawCanvas.css';
@import './anatomy/templates/PageTitle.css';
@import './anatomy/templates/OfselfSuffix.css';
@import './anatomy/templates/ThemeToggle.css';
@import './anatomy/templates/IndexList.css';
@import './anatomy/templates/Overview.css';
@import './anatomy/templates/TileWall.css';
@import './anatomy/templates/Masthead.css';
@import './anatomy/templates/PlateGrid.css';
@import './anatomy/templates/DrawnMark.css';
@import './anatomy/templates/LandingNav.css';
@import './anatomy/templates/LandingMenu.css';
@import './anatomy/templates/MenuSearch.css';
@import './anatomy/templates/Reader.css';
@import './anatomy/templates/Proclamation.css';
@import './anatomy/blocks/Block.css';
@import './anatomy/blocks/BlockTitle.css';
@import './anatomy/blocks/BlockGroup.css';
@import './anatomy/blocks/SlideOutPanel.css';
@import './anatomy/blocks/SeamGrip.css';
@import './anatomy/blocks/GridNav.css';
@import './anatomy/components/Avatar.css';
@import './anatomy/components/Row.css';
@import './anatomy/components/Menu.css';
@import './anatomy/components/Spotlight.css';
@import './anatomy/components/Modal.css';
@import './anatomy/components/Popover.css';
@import './anatomy/components/ToolRail.css';
@import './anatomy/components/NavMenuButton.css';
@import './anatomy/components/PanelBackButton.css';
@import './anatomy/components/SearchBar.css';
@import './anatomy/components/FilterBar.css';
@import './anatomy/components/ListRow.css';
@import './anatomy/components/DateDivider.css';
@import './anatomy/components/ActivityRow.css';
@import './anatomy/components/CountBadge.css';
@import './anatomy/components/Chip.css';
@import './anatomy/components/Chat.css';
@import './anatomy/components/EmptyState.css';
/* the refractions port-ups (0.107.x) — bundler hosts get these via component
 * self-imports; the aggregate must carry them too or a non-bundler host
 * (the pilot itself) re-pins onto a kit that silently lacks its own frame */
@import './anatomy/components/SearchRow.css';
@import './anatomy/components/Doors.css';
@import './anatomy/components/Library.css';
@import './anatomy/components/Nucleus.css';
@import './anatomy/components/EcosystemTable.css';
@import './anatomy/templates/Atrium.css';
/* the agent register + its kin (2026-08-10): a vanilla host tried to pull
 * these through its own sheet's mid-file @imports — which CSS silently
 * ignores after the first rule — so they were never loading outside
 * bundlers. The aggregate is the one honest door. */
@import './anatomy/blocks/AgentPanel.css';
@import './anatomy/identity/IdentityWall.css';
@import './anatomy/blocks/QuickHelp.css';
@import './anatomy/components/CommandBar.css';
@import './anatomy/components/Avatar.css';
@import './anatomy/templates/SplitView.css';
/* Overlays / floating chrome — imported LAST so their z-layers never lean on
 * an accident of cascade order: the front-door menu bar, the settings window,
 * the hover-help panel, the page-transition choreography, and the cold-load
 * splash (topmost of the shell's own chrome). */
@import './anatomy/templates/MenuBar.css';
@import './anatomy/templates/ShellSettings.css';
@import './anatomy/templates/BlocksHop.css';
@import './anatomy/splash/Splash.css';
@import './anatomy/field/Glass.css'; /* glass field — LAST so its surface overrides win their layer */