/* flow-chrome.css — LAT-2225/LAT-2228: the shared FLOW CHROME modules.
 *
 * The account surface has two LAYOUTS:
 *   shell    — the working app: account-shell rail + page content (default).
 *   corridor — a focused flow: no rail, no tours, one path (onboarding today;
 *              any future guided flow tomorrow). `body.flow-corridor` turns
 *              it on; js/flow-chrome.js owns the toggle.
 * Plus one shared COMPONENT here: the step bar (.flow-bar), rendered by
 * js/flow-chrome.js on any page that mounts it — the same bar on /onboarding
 * and on /create-analysis?onb=1, one source of truth.
 *
 * Deliberately DISJOINT from the account v2 cascade (new class names, new
 * elements only) so it can be a plain <link> next to any page bundle — the
 * same sanctioned-exception class as css/data-input.css. Token values mirror
 * css/account/v2/tokens/primitives.css (grep marker: LAT-2225-tokens).
 */

/* ── the step bar component ─────────────────────────────────────────────── */
.flow-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 57; display: flex; justify-content: center; padding: 18px 24px 10px; pointer-events: none; background: linear-gradient(#f8fafc 70%, transparent); }
.flow-bar-inner { display: flex; gap: 10px; width: 100%; max-width: 980px; }
.flow-bar-sec { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.flow-bar-label { font-size: 12px; font-weight: 600; text-align: center; color: #64748b; letter-spacing: 0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.flow-bar-sec.active .flow-bar-label { color: #0f172a; }
.flow-bar-track { height: 7px; border-radius: 20px; background: rgba(15, 23, 42, 0.08); overflow: hidden; }
.flow-bar-fill { height: 100%; width: 0%; border-radius: 20px; background: #c65000; transition: width 300ms ease-in-out; }
@media (prefers-reduced-motion: reduce) { .flow-bar-fill { transition: none; } }

/* ── the corridor layout ────────────────────────────────────────────────── */
/* No rail, no drawer, no burger, no rail tour: a corridor has one path.
   The padding rule counters account-shell.css `html.acct-shell-on body
   { padding-left: 232px !important }`. The v2-dots/rail-open rules quiet
   create-analysis's own chrome when it hosts a corridor flow. */
body.flow-corridor .acct-shell,
body.flow-corridor .acct-shell-drawer,
body.flow-corridor .acct-shell-burger,
body.flow-corridor #rt-ring,
body.flow-corridor #rt-bubble { display: none !important; }
html.acct-shell-on body.flow-corridor { padding-left: 0 !important; }
body.flow-corridor .v2-dots { display: none; }
body.flow-corridor #v2-rail-open { display: none; }
body.flow-corridor { padding-top: 44px; }