/* ==========================================================================
   Orcheum · WORKSPACE HOME
   Source of truth: Figma rMEk1pvm3hlrn2JuW5Sw34, node 81:1008 ("Frame 5").

   THE RESTING WORKSPACE. Loaded after workspace-home-figma.css, which describes
   the frame this one replaces; where the two disagree about the resting Home,
   this file is right.

   SCOPING IS THE WHOLE DESIGN OF THIS SHEET. `#composer-host` MOVES: when a
   conversation starts the shell lifts it, Modes and all, out of the Home and
   into `.ws-composer-dock`. So every rule that dresses the composer or the
   Modes is written under `.ws-empty__center` — the one ancestor the cluster
   leaves behind. The moment it docks, these rules stop matching and the
   conversation surface is exactly what it was before this build. Nothing here
   restyles the conversation, and nothing here can.

   FIGMA STROKES ARE INSIDE STROKES, as in the sidebar: a CSS `border` grows the
   box and the frame's does not, so the drawn hairlines are inset box-shadows.
   That is what keeps the panel 1160 wide, the composer's content box 605, and
   the Mode pills on their drawn widths.
   ========================================================================== */

:root {
  --oc-home-panel: #fdfbfa;         /* 81:1009 panel fill, and the composer's */
  --oc-home-panel-edge: #f0eeec;    /* 81:1009 hairline */
  --oc-home-ink: #02193e;           /* greeting, Mode labels, the plus and mic */
  --oc-home-accent: #ff5b22;        /* the name — the one warm mark on the page */
  --oc-home-placeholder: #b5b9c0;   /* 81:1017 */
  --oc-home-composer-edge: rgba(156, 199, 255, 0.26);  /* 81:1015 */
  --oc-home-mode-edge: #e2e3e1;     /* 81:1033 */
  --oc-home-mode-icon: #4b88e9;
  --oc-home-serif: Newsreader, "Libre Baskerville", Georgia, serif;
  --oc-home-accent-face: Platypi, "Libre Baskerville", Georgia, serif;
}

/* ---- 81:1008 — the column beside the sidebar ----------------------------
   16 all round, and the panel takes everything inside it. `.ws-main__scroll`
   is the Home surface and nothing else: every other view hides it outright
   (workspace-shell.css), and a conversation hides it too (orchestration.css).
   So it can be the frame without a guard. */
.ws-main__scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 16px;
  /* The page's ground, showing in the 16 around the card — the same value that
     runs behind the sidebar, taken from the same token so the two can never
     drift apart or fall out of step in dark mode. Read here rather than on
     `.ws-main`, which is every view's surface and not this build's to repaint;
     this element is the Home and nothing else. */
  background: var(--ws-figma-page);
}

/* 81:1009 — the panel. Grows to fill the column and centres its two children;
   the composition sits on the panel's optical centre, not in the upper third
   the retired frame used. */
.ws-empty {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  width: 100%;
  max-width: none;
  min-height: 0;
  height: auto;
  max-height: none;
  padding: 0;
  background: var(--oc-home-panel);
  border: 0;
  border-radius: 20px;
  box-shadow: inset 0 0 0 1px var(--oc-home-panel-edge);
}

/* NOT DRAWN by 81:1008 — and these are the two the frame explicitly does
   without. The engine's name is stated once, beside the send, where it names
   the thing it describes; a second statement above the fold is one that can
   drift, and it is the one that still said "Argus 2.9". */
.ws-empty__heading,
.ws-empty__legal { display: none !important; }

/* 81:1010 — the 800 column. Greeting, then the composer cluster, 24 apart. */
.ws-empty__center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 800px;
  max-width: 100%;
  margin: 0;
}

/* ---- Greeting 81:1011 / 81:1012 ----------------------------------------
   TWO LINES OF ONE TEXT BLOCK. Newsreader Medium 26/1.71 carries the address
   and the question; the name is Platypi Medium Italic at 24 in the frame's
   orange — a smaller face that reads larger because it is the only italic and
   the only colour on the page. Both lines are the same size, the same weight
   and the same ink: the hierarchy is the face, not a scale.

   Newsreader is the approved Orcheum serif — it already carries the landing
   headline — and 81:1012 names it here. It is requested in index.html's font
   link alongside the faces that were already loaded. */
.ws-welcome {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: max-content;
  max-width: 100%;
  margin: 0;
  /* 81:1012's text node is 93 tall; its two line boxes are 2 x 26 x 1.71 =
     88.92. The 4.08 is the box, not the type — Figma reports it and the frame's
     layout is built on it, which is why the composer is drawn at y=117 and not
     at 112.92. Verified against the frame's own render: the two cap-tops land
     at 15 and 58 (a 44.46 rhythm, no paragraph spacing) and the composer's mic
     glyph at 177, both of which this reproduces exactly. */
  padding-bottom: 4.08px;
  text-align: center;
}
.ws-welcome__line {
  position: relative;
  width: max-content;
  max-width: 100%;
  height: auto;
  margin: 0;
  font-family: var(--oc-home-serif);
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.71;
  letter-spacing: -0.52px;
  color: var(--oc-home-ink);
  text-align: center;
  white-space: nowrap;
}
.ws-welcome__line--greeting,
.ws-welcome__line--question {
  font-family: var(--oc-home-serif);
  font-style: normal;
  font-weight: 500;
  color: var(--oc-home-ink);
}
.ws-welcome__comma { color: inherit; }
.ws-welcome__name {
  font-family: var(--oc-home-accent-face);
  font-style: italic;
  font-weight: 500;
  font-size: 24px;
  /* The name must not deepen the line it sits in. Figma computes a line box
     from the line-height alone and ignores each run's own metrics, so both of
     81:1012's lines are 44.46 there. A browser does the opposite: Platypi's
     descender at 24 reaches 3px past what Newsreader's 26px strut leaves, the
     first line grows to 47.45, and the question — and the composer under it —
     fall 3px. Zeroing the run's leading takes it out of that calculation
     WITHOUT moving the glyph: it still sits on the same baseline, because
     baseline alignment is not what line-height decides. */
  line-height: 0;
  color: var(--oc-home-accent);
}
.ws-welcome__line[hidden] { display: none; }

/* ---- The composer cluster ----------------------------------------------
   81:1013 is the composer standing on its glow; the Mode row is 24 below it.
   Both are inside `#composer-host` because they travel together into the dock,
   and the drawn column is the same either way. */
.ws-composer-host {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  width: 100%;
  margin: 0;
}
/* The retired frame caps this host at its own composer width (641), and
   chat-empty-state.css at 720. Neither is this frame's: 81:1010 gives the
   cluster the full 800 so the Mode row centres on the panel rather than on the
   card. Released for the Home only — the dock keeps its own cap. */
.ws-empty__center .ws-composer-host { max-width: none; }

/* ---- THE COMPOSER IS NOT DRAWN HERE ------------------------------------
   UI kit §4 (158:948) is the composer's only visual owner and it lives in
   components/chat/composer.css — the surface, the hairline, the 30 radius,
   the 18 inset, the 106 floor, the 34 control row, the 24 plus and the
   blurred 644x106 rectangle behind the card are all stated once, there.

   What stood here was a per-host patch of a per-host patch: this file
   restated the glow's colour and inset and reset the padding to 18, while
   conversation-workspace.css restated the same glow again for the dock and
   set the padding to 17. The two disagreed, and the composer measured 108 on
   Home and 106 in the dock. §4 says 106; composer.css now says it once, for
   both.

   The one thing Home still owns is the SPACE the composer sits in, above. */

/* ---- Modes -------------------------------------------------------------
   The Mode chip row is NOT here any more. It is the kit component §7
   (166:4198 / 166:4104 / 166:4230) — components/workspace/mode-chips.css —
   which owns the row for both the Home column and the composer dock. The
   copy that stood here, including its invented #397acd selected fill and the
   rule that hid the glyph when docked, is deleted rather than overridden. */

/* ---- Responsive ---------------------------------------------------------
   The reference defines desktop only. These two keep the drawn composition
   whole as the column narrows — the 800 and 644 become the available width and
   nothing is re-proportioned — and preserve the workspace's existing narrow
   behaviour below 820. No new breakpoints and no new arrangement. */
@media (max-width: 1024px) {
  .ws-empty__center { width: 100%; }
}
@media (max-width: 820px) {
  .ws-main__scroll { padding: 12px; }
}