/*
 * styles.css — Orchestrator
 *
 * This file imports all component CSS files in cascade order.
 * The HTML loads <link rel="stylesheet" href="css/styles.css">
 * so this file must remain at html/css/styles.css.
 *
 * Import order matters for the cascade — do not rearrange.
 */

/* 0. Tailwind generated CSS (base, components, utilities from build) */
@import '../css/tailwind-generated.css';

/* 1. Tailwind CSS reset / preflight */
@import './components/tailwind-reset.css';

/* 2. Design tokens (CSS custom properties) */
@import './components/variables.css';

/* 2b. Skin base layer: body tone/type, page-title/subtitle, shared utilities */
@import './components/skin-base.css';

/* 2c. Shared toast primitive (singleton bottom-right notification pill) */
@import './components/toast.css';

/* 3. Layout: body background, container breakpoints */
@import './components/layout.css';

/* 4. Tab navigation */
@import './components/navigation.css';

/* 5. Base components: charts, sticky columns, header buttons */
@import './components/base-components.css';

/* 6. Tailwind utility classes */
@import './components/tailwind-utilities.css';

/* 7. Media queries, hover/focus states, responsive breakpoints */
@import './components/media-queries.css';

/* 8. Navigator module: layout, config tabs, settings, notifications */
@import './components/navigator.css';

/* 9. Filter bar (MultiSelect dropdowns, chips) */
@import './components/filters.css';

/* 11. Period selection: the year select and the granularity/period toggles
   (10, the grouping bar, was retired with that bar in #1245) */
@import './components/period-selection.css';

/* 12. Project table, sort headers, group rows, totals */
@import './components/tables.css';

/* 12b. Register-page list panel: the table frame plus its toolbar (#1204 §8.7) */
@import './components/list-panel.css';

/* 12c. Lens tabs: the underline view-switch inside one lens (Aging AR/AP/Trend, Plan-vs-Actual measures) */
@import './components/lens-tabs.css';

/* 12c. Shared page header: title + subtitle + lede + actions (#1204 §8.3) */
@import './components/page-header.css';

/* 12d. Shared entity header: identity row for project/employee/360s (#1204 §2.1) */
@import './components/entity-header.css';

/* 13. Customer directory & kebab menu */
@import './components/customer-directory.css';

/* 14. Modals (standard + full-page) */
@import './components/modals.css';

/* 16. Column visibility menu */
@import './components/column-menu.css';

/* 17. Expandable rows, detail panels, placeholder content */
@import './components/expandable-rows.css';

/* 18. Badges: skill badge, avatar initials, availability */
@import './components/badges.css';

/* 19. Cost sheet: wide modal, skills checkboxes, sort indicators, detail, zebra striping */
@import './components/costsheet.css';

/* 20. Project creation modal (PCM) */
@import './components/project-creation.css';

/* 20b. Project setup wizard (PSW) — opened from the Documents tab's SOW
   extraction (#1117); no longer a blocking gate on project entry */
@import './components/project-setup-wizard.css';

/* 22. Missing Tailwind utilities */
@import './components/utilities-extra.css';

/* 23. Timesheets */
@import './components/timesheets.css';

/* 24. Administration */
@import './components/administration.css';

/* 25. Project navigation (category cards + sidebar) */
@import './components/project-nav.css';

/* Project to-do rail (trailing edge of the project workspace). */
@import './components/project-todos.css';

/* 26. Project schedule tab (milestones & deliverables timeline) */
@import './components/project-schedule.css';

/* 27. Work Queue module (role-aware action inbox / PMO+PM landing page) */
@import './components/obligations.css';

/* 27b. My Work briefing chrome: header, next-up, rail, board, focus mode (mwk-) */
@import './components/my-work.css';

/* 28. Shared readiness checklist primitive (state-icon rows + trailing action) */
@import './components/readiness-checklist.css';

/* 29. Shared closure review modal (PMO approve/reject gate, #4.2) */
@import './components/closure-review-modal.css';

/* 30. Project Close tab (final close/cancel/reopen lifecycle) */
@import './components/project-close.css';

/* 31. Project List summary KPI strip (#236) */

/* 32. Project screens: content primitives (splits, cards, object rows,
   timeline bars, drawers, notices) shared by the phase landing tabs */
@import './components/project-screens.css';

/* 33. Project Übersicht cockpit (#640): state strip + quick-actions row */
@import './components/project-overview.css';
@import './components/project-risks.css';   /* #1428: issue owner + due date line */
@import './components/report-print.css';   /* #1428: the status report + the first @media print */
@import './components/portfolio-report.css'; /* #1454: the monthly portfolio report's two extra pieces */

/* 34. #381 CSP hardening: module CSS extracted from injected <style> tags
   (style-src-elem no longer allows 'unsafe-inline' — see
   nginx/conf.d/security-headers.inc and tests/security/csp-style-injection.test.mjs).
   Each file is scoped by its module prefix. */
@import './components/slash-command-dropdown.css';
@import './components/capacity-planning.css';
@import './components/expenses.css';
@import './components/closures-dashboard.css';
@import './components/finance-import.css';   /* #1622 fim- */
@import './components/portfolio-overview.css';
@import './components/project-closures.css';
@import './components/project-governance.css';
@import './components/project-evm.css';
@import './components/portfolio-aging.css';
@import './components/portfolio-customer-invoices.css';
@import './components/portfolio-supplier-invoices.css';
@import './components/portfolio-financials.css';
@import './components/portfolio-plan-actual.css';  /* plan-vs-actual ladder on #portfolio/overview */
@import './components/forecast-at-completion.css';  /* #1565 forecast-at-completion card on #portfolio/overview */
@import './components/signal-heatmap.css';          /* #1609 PR 4 signals-by-project-and-area card on #portfolio/overview */
@import './components/portfolio-plan.css';  /* Planning lens on #portfolio/plan (#1334) */
@import './components/customer-360.css';
@import './components/customers-hub.css';
@import './components/supplier-360.css';
@import './components/suppliers-hub.css';
@import './components/employee-assignments.css';
@import './components/employee-leaves.css';
@import './components/employee-profile.css';
@import './components/employee-timesheets.css';
@import './components/staffing-requests-ai.css';
@import './components/leaves-availability.css';
@import './components/leave-admin.css';
@import './components/import-wizard.css';

/* 35. #111 shared computed Health Score chip (healthScoreBadge.js) */
@import './components/health-score.css';

/* 36. Workflow Builder module (#122): LLM chat-driven approval workflow
   designer — split-panel chat + state diagram/metrics/simulation. */
@import './components/workflows.css';

/* 37. Deliverable acceptance & quality tracking (#223): acceptance pills,
   criteria checklist and attempt history on the Scope & Schedule tab. */
@import './components/project-deliverables.css';

/* 38. AI Analysis (#905): prompt library + analysis chat with Chart.js
   spec-rendering and CSP-safe flow diagrams. */
@import './components/ai-analysis.css';

/* 39. Signals (#961): the autonomous loop's feed — severity rail, evidence
   grid and provenance footer for the PMO/PM triage queue. */
@import './components/signals.css';
@import './components/signal-focus.css';

/* 40. Spotlight global search — successor to the retired ⌘K EntityFinder
   palette (⌘K itself stays with the AI CommandPalette). Reached via the
   header search button or "/"; adds category-chip filtering. */
@import './components/spotlight-search.css';

/* Project Memory tab (#162 surface over mig 187/191) — the entry feed +
   commit form for the durable per-project record the LLM surfaces read. */
@import './components/project-memory.css';
@import './components/project-agent.css';
@import './components/connectors.css';           /* #1192 external MCP connectors — Settings → Connectors since 2026-09-18 */
@import './components/governance-settings.css';  /* #1505 PR 2.4 escalation SLAs/ladders — Settings → Governance */
@import './components/llm-governance.css';       /* OpenRouter model browser + Signals prompt governance — Settings → AI / LLM Configuration */
@import './components/project-intake.css';       /* #1262 project intake tab */
@import './components/chat-integrations.css';    /* Slack/Teams ↔ Signals — Settings → Chat + the account-link redemption page */

/* Lessons Learned (#162, mig 192): the per-project tab (ples-) and the
   PMO-only cross-project library lens (llib-). */
@import './components/project-lessons.css';
@import './components/lessons-library.css';
/* Contracts (#1497, mig 236): the per-project tab (pcon-) and the PMO-only
   cross-project register lens (creg-). */
@import './components/project-contracts.css';
@import './components/contracts-register.css';
@import './components/forecast-accuracy.css';
@import './components/portfolio-trends.css';
/* Decision queue (#1496 PR 4.4, mig 238) — the PMO+PM cross-project lens (dq-). */
@import './components/decisions-queue.css';
@import './components/project-timesheets.css';
@import './components/context-bar.css';

/* Sibling switcher menu — shared by the context bar and the project header (#1204) */
@import './components/sibling-menu.css';
@import './components/top-bar.css';         /* #1427 header overflow fold */

/* The context bar (row 2 of every page) is `position: sticky`, and sticky
 * resolves against the nearest SCROLL CONTAINER. `overflow-x: hidden` computes
 * to `overflow: hidden auto`, which makes <main> one — and it never scrolls
 * (the document does), so the bar silently scrolled away as if it were static.
 * `clip` clips the horizontal overflow exactly as `hidden` did WITHOUT
 * creating a scroll container. A browser without `clip` ignores this and the
 * bar simply stops being sticky; nothing breaks.
 * Consequence to know about: this also un-inerts every `position: sticky`
 * under <main> — see the table-header note in components/tables.css. */
main.content-area {
  overflow-x: clip;
  /* Default for the table-header opt-in declared in components/tables.css. */
  --pmo-th-position: static;
}