/*
 * app.css — entry point and table of contents for the one design system
 * (warm "paper" theme, 2026-07 redesign; see css/tokens.css for the palette
 * contract). Layer order below is the cascade contract: later layers win.
 * Files are plain CSS fetched as-is (no build); to add a file, create the
 * sidecar next to it and add one import line here (tests/css-check.sh gates
 * the pairing). Rule: no file over ~150 lines; file name = the class prefix
 * it owns (menus.css owns .menu*), so the file is predictable from the class.
 */
@layer tokens, base, layout, components, pages, utilities;

@import url("/css/tokens.css")        layer(tokens);      /* all custom properties */
@import url("/css/base.css")          layer(base);        /* reset, typography, links, focus */

@import url("/css/rail.css")          layer(layout);      /* .app-layout, .module-rail, .rail-item* (plan 30 shell v2) */
@import url("/css/module-panel.css")  layer(layout);      /* .module-panel, .panel-screen*, panel footer (plan 30 shell v2) */
@import url("/css/topbar.css")        layer(layout);      /* .main-col, .topbar*, .typeahead, .content */
@import url("/css/page.css")          layer(layout);      /* .page, .page-head*, .breadcrumbs, splits */

@import url("/css/buttons.css")       layer(components);  /* .btn*, .choice* */
@import url("/css/forms.css")         layer(components);  /* .field*, .input, .select, .form-* */
@import url("/css/dialog.css")        layer(components);
@import url("/css/badges.css")        layer(components);  /* .badge, .count-pill, .label-chip, .prio, .status-dot */
@import url("/css/avatar.css")        layer(components);
@import url("/css/entity-chip.css")   layer(components);  /* .entity-chip*, reference→link chips (plan 31) */
@import url("/css/panel.css")         layer(components);  /* .panel*, .section-label, .stack */
@import url("/css/resource-panels.css") layer(components); /* .resource-panel*, iframe loading/fallback + responsive composition (WEB-7) */
@import url("/css/cards.css")         layer(components);
@import url("/css/skeleton.css")      layer(components);  /* .skeleton, .skeleton__bar — loading placeholder (plan 2026-07-14-docs-polish Stage A) */
@import url("/css/pager.css")         layer(components);  /* .pager, .pager__btn/__num/__label — page-through controls (plan 2026-07-14-docs-polish Stage A) */
@import url("/css/view-tabs.css")     layer(components);  /* .view-tabs*, .view-tab-saved*, .save-view* */
@import url("/css/filter-bar.css")    layer(components);
@import url("/css/popover.css")       layer(components);  /* .popover shared floating surface shell */
@import url("/css/sidebar.css")       layer(components);  /* .rail-more-popover*, .sidebar-customize* (plan docs-module Stage 5 global rail) */
@import url("/css/nav-drawer.css")    layer(components);  /* .nav-drawer-backdrop, .nav-drawer-close — phone nav drawer chrome (docs-updates mobile track) */
@import url("/css/menus.css")         layer(components);  /* .menu*, .menu-inline, .toggle-group */
@import url("/css/bulk-bar.css")      layer(components);
@import url("/css/issue-list.css")    layer(components);  /* .issue-table, .issue-cols, .issue-row*, .issue-group */
@import url("/css/board.css")         layer(components);  /* .board*, .issue-card* (kanban) */
@import url("/css/record-tables.css") layer(components);  /* .record-table*, .seg-bar, .legend */
@import url("/css/table.css")         layer(components);
@import url("/css/timeline.css")      layer(components);
@import url("/css/property-list.css") layer(components);  /* .props */
@import url("/css/editor.css")        layer(components);  /* .prose, .ProseMirror, one-editor__*, presence-chip (plan 18) */
@import url("/css/mentions.css")      layer(components);  /* .mention chip, .mention-menu typeahead (plan 19) */
@import url("/css/palette.css")       layer(components);  /* .palette ⌘K overlay, .keyhints sheet, .is-key-active (plan 22) */
@import url("/css/leave-picker.css")  layer(components);  /* .leave-*, .dialog--leave + Cally theming (plan 36) */
@import url("/css/feedback.css")      layer(components);  /* .notice, .empty*, .hint, .mt-* */
@import url("/css/notifications.css")  layer(components);  /* .notif*, .notify-toast* (plan 19) */
@import url("/css/dev.css")            layer(components);  /* .dev-block, .pr-chip* (plan 24 git bridge) */
@import url("/css/doc-comments.css")  layer(components);  /* .doc-comment-hl, .doc-cbubble, .doc-cpanel*, .doc-ccomposer — Docs comments (plan 2026-07-15-docs-updates Stage 7c) */
@import url("/css/row-lists.css")     layer(components);  /* legacy row lists */

@import url("/css/overview.css")      layer(pages);
@import url("/css/home-cards.css")    layer(pages);      /* .home*, attention cards + quiet rows (plan 30 Stage 7) */
@import url("/css/directory.css")     layer(pages);      /* .directory*, .person-head*, .orgchart* (plan 30 People) */
@import url("/css/pipeline.css")      layer(pages);      /* .job-head*, .pipeline*, .cand-card* (plan 30 Hiring) */
@import url("/css/candidate.css")     layer(pages);      /* .cand-detail*, .scorecard*, .verdict-tally*, .rating* (plan 48 candidate detail) */
@import url("/css/calendar.css")      layer(pages);      /* .cal*, .approval-row*, .balance-* (plan 30 Time, screen 4b) */
@import url("/css/year-calendar.css") layer(pages);      /* .year-cal* personal year grid at /time/calendar (plan 37 Stage 3) */
@import url("/css/coverage.css")      layer(pages);      /* .cov-* team coverage board at /time/coverage (plan 40 Stage 1) */
@import url("/css/timesheet.css")     layer(pages);      /* .ts-* timesheets week grid + month strip (plan 36 Stage 4) */
@import url("/css/timesheet-calendar.css") layer(pages); /* .cal-*, .ts-cal/.ts-pop/.ts-toast — calendar-first timesheet (plan 2026-07-16-timesheet-calendar Stage 2) */
@import url("/css/workstreams.css")   layer(pages);      /* .ws-* client workstream trees at /time/workstreams (workstreams feature) */
@import url("/css/clients.css")       layer(pages);      /* .client-* client account cards at /clients (clients feature) */
@import url("/css/company.css")       layer(pages);      /* .entity-*, .company-client* legal entities at /settings/company (finance/invoices) */
@import url("/css/invoice-document.css") layer(pages);   /* .inv-*, .sheet — the A4 invoice document + its print rules (finance/invoices) */
@import url("/css/finance.css")       layer(pages);      /* .fin-* invoices ledger + overview panels at /finance/invoices (finance feature) */
@import url("/css/invoice-wizard.css") layer(pages);     /* .invw-* create-invoice wizard at /finance/invoices/new (finance feature) */
@import url("/css/time-reports.css")  layer(pages);      /* .rpt-* rolled-up hours report at /time/reports (workstreams feature) */
@import url("/css/time-policies.css") layer(pages);      /* .pol-* /time/policies responsive fixes: main min-width, wrapping prose, stacked admin table */
@import url("/css/schedule.css")      layer(pages);      /* .sched-* Rota week board (plan 49 Stage 2) */
@import url("/css/scheduling.css")   layer(pages);      /* .schd-* Scheduling module (plan 47 Stage 2) */
@import url("/css/module-placeholder.css") layer(pages); /* .module-soon* coming-soon shells (plan 30 Stage 8) */
@import url("/css/search.css")        layer(pages);      /* .search*, .facet*, .search-result* — /search.html faceted page (plan 35 Stage 3) */
@import url("/css/ask.css")           layer(pages);      /* .ask*, .ask-capsule*, .ask-results, .ask-chat*, .ask-msg*, .ask-tool*, .ask-composer* — chromeless /ask page (plan 2026-07-19-ask-page-chat) */
@import url("/css/docs.css")          layer(pages);      /* .docs*, .docs-table*, .docs-tree*, .docs-chip — Docs home + folder panel (plan 2026-07-12-docs-module Stage 6) */
@import url("/css/docs-workspace.css") layer(pages);     /* .docs-workspace* — the two docs HOST pages: frame-fills-column chain + doc-view chrome (plan 2026-07-16-docs-workspace-frames Wave 2) */
@import url("/css/doc-editor.css")    layer(pages);      /* .doc-focus*, .doc-topbar*, .doc-title*, .doc-remote* — Docs FOCUS EDITOR (plan 2026-07-12-docs-module Stage 7) */
@import url("/css/doc-image.css")     layer(pages);      /* .doc-figure*, .doc-upload*, .doc-handle* — Docs image node (plan 2026-07-12-docs-module Stage 7) */
@import url("/css/doc-share.css")     layer(pages);      /* .doc-share* — Docs share popover/drawer (plan 2026-07-12-docs-module Stage 8) */
@import url("/css/plans.css")         layer(pages);      /* .reader*, .seg*, .chip*, .plan-row*, .dl-*, .plan-prose — Plans + Dev Log reader (plan 50 Stage 3) */
@import url("/css/case.css")          layer(pages);      /* .case-*, .plan-tree*, .pi-state*, .wi-state*, .work-item*, .planning-*, .case-timeline*, .role-binding*, .milestone* — Case Studio workspace (stage-4 case-workspace-ui) */
@import url("/css/case-builder.css")  layer(pages);      /* .cb-* — Case Studio template builder (case-template editor page, over saveCaseTemplate) */
@import url("/css/case-workspace.css") layer(pages);     /* .csw-* — Case Studio workspace page */
@import url("/css/case-studio.css")   layer(pages);      /* .cs-*, .tplcard-* — Case Studio list surfaces: /cases.html + /case-templates.html library grid */
@import url("/css/auth.css")          layer(pages);

@import url("/css/utilities.css")     layer(utilities);   /* [hidden], .visually-hidden, .skip-link */