/* 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';