/* The application stylesheet, in the order it has to be read.

   `webapp/styles.css` was one file of fifteen thousand lines written as dated
   blocks, each deliberately overriding the ones above it. The blocks are now
   files, and this list is the cascade: the order below IS the meaning, so a new
   layer goes at the end and an existing one is edited where it stands. Moving a
   line up or down this list changes what the product looks like.

   Every part is imported here and nowhere else; tools/frontend_check.py fails
   if a part on disk is not in this list, or a line here names a missing file. */

/* The density calibration, and the control panel every later layer builds on */
@import './00-base-density.css';
/* The original shell, stage, widgets, inbox, stream and chat */
@import './01-legacy-shell.css';
/* Helpers, mailboxes, and the first responsive pass */
@import './02-legacy-mail.css';
/* Presence, the task board, phone, teams, budget, engine, channels, Knowledge Bank */
@import './03-legacy-panels.css';
/* V6 outcome-first owner workspace, target sizes, structural guardrails */
@import './04-v6-owner-workspace.css';
/* V8 design tokens, the compatibility aliases, and day mode */
@import './05-v8-tokens.css';
/* Global canvas, the app shell, the brand mark */
@import './06-v8-canvas-shell.css';
/* Sidebar, the Connect control card, topbar actions */
@import './07-v8-navigation.css';
/* Home, panels, pipeline, Needs You, activity */
@import './08-v8-screens.css';
/* Buttons, forms, links, tables, inbox, modals, status chips, motion */
@import './09-v8-components.css';
/* Business switcher, global search, the command surface, the Today strip */
@import './10-v8-shell-classes.css';
/* Premium essentials: day mode, surface separation, hover and touch */
@import './11-v8-premium.css';
/* Responsive consolidation */
@import './12-v8-responsive.css';
/* The canonical tablet and mobile experience */
@import './13-v8-tablet-mobile.css';
/* The accessibility floor */
@import './14-v8-accessibility.css';
/* Unified V9 integration - one token system for both audiences */
@import './15-v9-integration.css';
/* The tenant workspace shell a customer session renders in */
@import './16-v9-tenant-workspace.css';
/* V9 final quality guardrails */
@import './17-v9-guardrails.css';
/* V10 professional override */
@import './18-v10-professional.css';
/* V10.1 compact clarity */
@import './19-v10-compact-clarity.css';
/* V10.2 graphite glow */
@import './20-v10-graphite-glow.css';
/* V10.3 premium shell */
@import './21-v10-premium-shell.css';
/* V10.4 reference-driven card surfaces */
@import './22-v10-reference-cards.css';
/* V10.5 the complete colour system */
@import './23-v10-color-system.css';
/* V10.6 inbox readability */
@import './24-v10-inbox-readability.css';
/* V10.7 inbox productivity */
@import './25-v10-inbox-productivity.css';
/* V10.8 prospects, discover and the CSV lifecycle */
@import './26-v10-prospects.css';
/* V10.9 conversations - the spacious detail system */
@import './27-v10-conversations.css';
/* KK UI Governor V3 autofix */
@import './28-governor-autofix.css';
/* Responsive shell repair - the final cascade owner for the shell */
@import './29-responsive-shell-repair.css';
/* Growth upgrade and payment, WhatsApp, autonomy, the bubble, the brand mark */
@import './30-growth-and-channels.css';
/* Touch targets, authoritative - the last word on control height */
@import './31-touch-targets.css';
/* The Setup screen: the completion ring, its controls and its items */
@import './32-business-setup.css';
/* The Connect launcher and panel: steps, gates, live progress, briefing, Needs You */
@import './33-connect-panel.css';
/* Conversations: the list, the detail, the timeline and the composer */
@import './34-conversations-pane.css';
/* Operate and Setup - the two rail modes, and who is signed in */
@import './35-rail-modes.css';
/* The account panel, and the workspace switcher popover */
@import './36-account-panel.css';
/* Connect controls in the header, unread counts, the message frame */
@import './37-header-controls.css';
/* The phone build: tab bar, More sheet, stacked list and detail, sheet dialogs */
@import './38-phone-shell.css';
/* Product pass 2026-09-02 - one shell per audience, the reply as a thing you act on */
@import './39-product-pass.css';
/* Compact density, applied to the furniture every screen is built from */
@import './40-compact-density.css';
/* One assistant, four shapes */
@import './41-assistant-adaptive.css';
/* The design system, and the six primitives every operator screen uses */
@import './42-design-system.css';
/* The bottom bar, and the two widths it used to get wrong */
@import './43-bottom-nav.css';
/* The tablet band, 641px to 1179px */
@import './44-tablet-band.css';
/* A readable minimum on a handheld */
@import './45-phone-type-floor.css';
/* Mobile chrome: the top-right control, the profile, Phone on the bar */
@import './46-mobile-chrome.css';
/* Triage: account chips, folders, ticking, the selection bar, the contact panel */
@import './47-triage.css';
/* Mail read as it was written, images included, on request */
@import './48-message-html.css';
/* A dialog taller than the screen scrolls rather than clips */
@import './49-dialog-scroll.css';
/* The help that actually gets a mailbox connected */
@import './50-connection-help.css';
/* What an account is for: three tiers, and where each answer came from */
@import './51-channel-brief.css';
/* The modernization pass: the semantic contract applied to every shared surface */
@import './52-connect-modernize.css';
/* The Data Workspace and the shared virtualised grid */
@import './53-data-workspace.css';
/* The Assistant: tabs, utility sidebar, live status, attachments */
@import './54-assistant-workspace.css';
/* The phone dock: one reservation for the bottom bar, and the bar itself */
@import './55-shell-dock.css';
/* Needs You: a compact bar and ranked rows instead of a hero */
@import './56-needs-you-bar.css';

@import './57-instrument.css';

@import './58-mobile-native.css';
/* 59 — the compact phone pass: native-app density on every signed-in screen */
@import './59-mobile-compact.css';
/* 60 — the premium visual system: type roles, graphite surfaces, orange only where it means something */
@import './60-premium-system.css';
/* 61 — final colour unification; colour-only */
@import './61-colour-unification.css';

/* 62 — a readable minimum at every width, not only on a phone */
@import './62-type-floor.css';

/* 63 — the sign-in screen: a screen, not a dialog over an empty workspace */
@import './63-signin-screen.css';

/* 64 — the Business switcher: which business Connect is working for, and the
   menu that moves between them. Last, so it finishes the placeholder tile that
   layers 10–39 styled and then hid. */
@import './64-business-switcher.css';

/* 65 — the workspace chooser: the one question between a verified identity
   and a session, for somebody who belongs to more than one workspace. */
@import './65-workspace-chooser.css';

/* 66 — Connect Live: one list, and every line carrying the row it was read
   from. The provenance is part of the type hierarchy, not a tooltip. */
@import './66-connect-live.css';
/* 67 — shared safe attachment viewer */
@import './67-attachment-viewer.css';
/* 68 — the one email composer */
@import './68-email-composer.css';
/* 69 — the Main Dashboard, the Business / Branch Dashboard, the switcher's hierarchy */
@import './69-dashboards.css';
/* 70 — the one way to ask: askForm's fields, choices and inline errors, in
   place of window.prompt / window.confirm (src/ui/modal.js) */
@import './70-ask-dialog.css';
/* 70 — the Assistant's contextual actions: the one-tap bar, an action's
   options, the "/" list, the outcome a result leads with and the mode chip. */
@import './70-assistant-actions.css';
/* 71 — the Living Canvas shell (#/operate): bar, numbers, viewport,
   inspector, dock and Lens. The phone and tablet bands are LC-09's. */
@import './71-living-canvas.css';
/* 72 — the Living Canvas's graph: nodes, meaningful edges, zoom controls,
   legend and empty state (src/features/canvas/graph.js). */
@import './72-canvas-graph.css';
/* 73 — the Living Canvas: Live Work, the dock tab (phone, email, WhatsApp,
   meetings and files, and the channel-health strip). */
@import './73-canvas-live.css';
/* 74 — Connect at work on the Living Canvas: agent lanes, the stage rail,
   the engine lane (src/features/canvas/agents.js). */
@import './74-canvas-agents.css';
/* 75 — generated views (canvas/genui.js) and the Assistant's chat & canvas
   additions: quick questions, views in the chat, Context, the More heading. */
@import './75-canvas-genui.css';
/* 76 — the Living Canvas's time axis: PAST · NOW · FUTURE, the replay list and
   scrubber, relationship replay, and simulation cards badged as estimates. */
@import './76-canvas-time.css';
/* 77 — the Living Canvas: WHY and control, the attention strip and the goal
   chain (features/canvas/why.js, attention.js, goals.js). */
@import './77-canvas-intel.css';
/* 78 — the Living Canvas below the desk: the tablet drawer and the phone's
   Operations screen, plus its focus, reduced-motion and contrast rules (LC-09) */
@import './78-canvas-responsive.css';
/* 79 — AutoOps status/control projection for Living Canvas. */
@import './79-autoops-control-room.css';
/* 80 — the Prospect Research dashboard, the Sources tab and the prospect
   profile (features/prospects/research.js). */
@import './80-prospect-research.css';
/* 81 — Digital Employees (#/employees) and the employee sheet shared with the
   Live Office (features/employees/view.js, sheet.js). */
@import './81-digital-employees.css';
/* 82 — Live Office: the full-screen presentation, its top bar, tags, plan and
   list views, and the Classic / Live Office switch (features/office/). */
@import './82-live-office.css';
/* 83 — the Assistant as a premium workspace: rich answers, the live step
   timeline, the composer card, motion (features/connect-bubble/). Last, so it
   settles the Assistant over every earlier layer. */
@import './83-assistant-premium.css';
/* 84 — the spacious system: desk margins and rhythm on the shared page
   primitives, the Operate bar as the reference, grouped background errors,
   the header strip and the folded context rail's gutter. Last, so it settles
   spacing over every earlier layer (CONNECT_SPACIOUS_UIUX_V1). */
@import './84-spacious-system.css';