/* One workspace scaffold for the brief and its advanced editing view. */
:root { --muted:#8c9087; --faint:#7d8178; }
:root[data-theme="light"] { --muted:#686c64; --faint:#70746c; }
#app { --reading-width:780px; --outline-width:220px; --nav-w:256px; }

/* The persistent navigation column shifts every workspace surface right by its width. */
#app.has-wsnav { padding-left:var(--nav-w); }

/* ── Persistent workspace sidebar ─────────────────────────────────────────────
   One calm column for projects → agents → sections, fixed to the left edge. */
.wsnav { position:fixed; left:0; top:0; bottom:0; width:var(--nav-w); z-index:40; display:flex; flex-direction:column; background:var(--panel); border-right:1px solid var(--line); }
.wsnav-head { display:flex; flex-direction:column; gap:12px; padding:18px 16px 14px; }
.wsnav-brand { align-self:flex-start; font-weight:600; font-size:13px; letter-spacing:.04em; color:var(--text); text-decoration:none; }
.wsnav-brand:focus-visible { outline:2px solid var(--focus); outline-offset:3px; border-radius:4px; }
.wsnav-new { width:100%; justify-content:center; gap:8px; min-height:40px; font-size:13px; }
.wsnav-new .icon { width:16px; height:16px; transform-origin:50% 78%; }
@media (prefers-reduced-motion:no-preference) {
  .wsnav-new .icon { transition:transform .2s cubic-bezier(.32,.72,0,1); }
  .wsnav-new:hover .icon { animation:robot-nod .55s cubic-bezier(.32,.72,0,1); }
}
@keyframes robot-nod {
  0% { transform:none; }
  28% { transform:rotate(-9deg) translateY(-1px); }
  58% { transform:rotate(6deg); }
  100% { transform:none; }
}
.wsnav-scroll { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:4px 8px 16px; }
.wsnav-tree { display:flex; flex-direction:column; gap:2px; }
.wsnav-row,.wsnav-folder,.wsnav-agent,.wsnav-section,.wsnav-foot-link { display:flex; align-items:center; gap:9px; width:100%; min-height:34px; padding:7px 9px; border:0; border-radius:8px; background:none; color:var(--muted); font:400 13px var(--sans); text-align:left; cursor:pointer; text-decoration:none; }
.wsnav-row .icon,.wsnav-folder>.icon,.wsnav-foot-link .icon { width:15px; height:15px; flex:none; color:var(--faint); }
.wsnav-row:hover,.wsnav-agent:hover,.wsnav-section:hover,.wsnav-foot-link:hover,.wsnav-project-row:hover { background:var(--menu-hover); color:var(--text); }
.wsnav-row.current,.wsnav-agent.current,.wsnav-project-row.current { background:var(--panel-strong); color:var(--text); }
.wsnav-project-row:hover .wsnav-folder,.wsnav-project-row.current .wsnav-folder { color:var(--text); }
.wsnav :is(button,a):focus-visible { outline:2px solid var(--focus); outline-offset:2px; }
.wsnav-section-head { display:flex; align-items:center; justify-content:space-between; margin:16px 6px 4px; padding:0 3px 0 6px; color:var(--faint); font:500 10px var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.wsnav-add { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border:0; border-radius:6px; background:none; color:var(--faint); cursor:pointer; }
.wsnav-add .icon { display:block; width:15px; height:15px; }
.wsnav-add:hover { background:var(--menu-hover); color:var(--text); }
.wsnav-project-row { display:flex; align-items:center; gap:0; border-radius:8px; }
.wsnav-twist { display:inline-flex; align-items:center; justify-content:center; width:22px; height:34px; flex:none; border:0; background:none; color:var(--faint); cursor:pointer; }
.wsnav-project-row:hover .wsnav-twist,.wsnav-project-row.current .wsnav-twist { color:var(--muted); }
.wsnav-twist .icon { width:13px; height:13px; transition:transform .18s ease; transform:rotate(-90deg); }
.wsnav-project.is-open>.wsnav-project-row .wsnav-twist .icon { transform:rotate(0); }
.wsnav-folder { flex:1 1 auto; min-width:0; padding-left:4px; color:var(--text-soft); font-weight:500; }
.wsnav-folder-name { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wsnav-folder-count { flex:none; color:var(--faint); font:400 11px var(--mono); }
.wsnav-agents { display:none; flex-direction:column; gap:1px; padding-left:22px; }
.wsnav-project.is-open>.wsnav-agents { display:flex; }
.wsnav-agent { padding-left:8px; }
.wsnav-agent-dot { flex:none; width:5px; height:5px; border-radius:50%; background:var(--faint); }
.wsnav-agent-name { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wsnav-agent.current .wsnav-agent-dot { background:var(--code-accent); }
.wsnav-sections { list-style:none; margin:2px 0 6px; padding:0 0 0 6px; border-left:1px solid var(--line); margin-left:9px; display:flex; flex-direction:column; gap:1px; }
.wsnav-section { min-height:30px; padding:5px 8px; font-size:12px; }
.wsnav-section .icon { width:14px; height:14px; flex:none; color:var(--faint); }
.wsnav-section.active { background:var(--panel-strong); color:var(--text); }
.wsnav-empty { padding:6px 10px; color:var(--faint); font-size:12px; }
.wsnav-foot { display:flex; flex-direction:column; gap:1px; padding:10px 8px; border-top:1px solid var(--line); }
.wsnav-ico { display:inline-flex; flex:none; width:15px; height:15px; }
.wsnav-foot-link .theme-dark-icon .icon,.wsnav-foot-link .theme-light-icon .icon { width:15px; height:15px; color:var(--faint); }
.wsnav-ext { margin-left:auto; color:var(--faint); font-size:12px; }

/* ── Sidebar microinteractions ────────────────────────────────────────────────
   Hover/state colour fades are always on (not motion). Movement is gated behind
   prefers-reduced-motion so it stays perfectly still for anyone who opts out. */
.wsnav-row,.wsnav-folder,.wsnav-agent,.wsnav-section,.wsnav-foot-link,.wsnav-add,.wsnav-project-row { transition:background-color .16s ease, color .16s ease; }
@media (prefers-reduced-motion:no-preference) {
  /* When a project is opened by hand, its agents (and their sections) cascade in with a small
     stagger. Driven by a transient .just-opened class, so it never fires on the sidebar's
     per-render re-injection — only on a genuine expand. */
  .wsnav-project.just-opened>.wsnav-agents>* { animation:wsnav-item-in .3s cubic-bezier(.22,.7,.2,1) both; }
  .wsnav-project.just-opened>.wsnav-agents>*:nth-child(1) { animation-delay:.01s; }
  .wsnav-project.just-opened>.wsnav-agents>*:nth-child(2) { animation-delay:.04s; }
  .wsnav-project.just-opened>.wsnav-agents>*:nth-child(3) { animation-delay:.07s; }
  .wsnav-project.just-opened>.wsnav-agents>*:nth-child(4) { animation-delay:.1s; }
  .wsnav-project.just-opened>.wsnav-agents>*:nth-child(n+5) { animation-delay:.13s; }
  /* The disclosure chevron gives a small extra spin as it flips open. */
  .wsnav-project.just-opened>.wsnav-project-row .wsnav-twist .icon { animation:wsnav-twist-pop .34s cubic-bezier(.22,.7,.2,1); }
  /* Leading icons give a small, springy lift on hover. */
  .wsnav-row .icon,.wsnav-folder>.icon,.wsnav-section .icon { transition:transform .2s cubic-bezier(.32,.72,0,1); }
  .wsnav-row:hover .icon,.wsnav-project-row:hover .wsnav-folder>.icon,.wsnav-section:hover .icon { transform:scale(1.14); }
  /* The agent bullet grows on hover and settles a touch larger when it's the current one. */
  .wsnav-agent-dot { transition:transform .2s cubic-bezier(.32,.72,0,1), background-color .16s ease; }
  .wsnav-agent:hover .wsnav-agent-dot { transform:scale(1.7); }
  .wsnav-agent.current .wsnav-agent-dot { transform:scale(1.3); }
  /* The New-project plus spins a quarter turn. */
  .wsnav-add .icon { transition:transform .24s cubic-bezier(.32,.72,0,1); }
  .wsnav-add:hover .icon { transform:rotate(90deg); }
  /* The Field Guide's external arrow leans out. */
  .wsnav-ext { transition:transform .2s cubic-bezier(.32,.72,0,1); }
  .wsnav-foot-link:hover .wsnav-ext { transform:translate(2px,-2px); }
  /* Footer icons echo the row lift. */
  .wsnav-foot-link>.icon,.wsnav-ico { transition:transform .2s cubic-bezier(.32,.72,0,1); }
  .wsnav-foot-link:hover>.icon,.wsnav-foot-link:hover .wsnav-ico { transform:scale(1.14); }
}
@keyframes wsnav-item-in {
  from { opacity:0; transform:translateY(-5px); }
  to { opacity:1; transform:none; }
}
@keyframes wsnav-twist-pop {
  0% { transform:rotate(-90deg) scale(1); }
  55% { transform:rotate(8deg) scale(1.18); }
  100% { transform:rotate(0) scale(1); }
}

.workspace-header.workspace-header { display:flex; flex-wrap:nowrap; align-items:center; position:sticky; top:0; z-index:30; width:100%; min-height:64px; height:64px; padding:0 24px; gap:20px; border-bottom:1px solid var(--line); background:var(--topbar-bg); backdrop-filter:blur(18px); }
.ws-breadcrumb { display:flex; flex:1; align-items:center; gap:8px; min-width:0; }
.ws-crumb { border:0; background:none; padding:4px 2px; color:var(--muted); font-size:13px; cursor:pointer; max-width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ws-crumb:hover { color:var(--text); }
.ws-crumb:focus-visible { outline:2px solid var(--focus); outline-offset:2px; border-radius:4px; }
.ws-crumb-sep { color:var(--faint); font-size:14px; opacity:.7; }
.ws-crumb-current { color:var(--text); font-size:13px; font-weight:500; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-header .workspace-actions { display:flex; flex:none; align-items:center; align-self:center; gap:8px; margin-left:auto; }
.workspace-header .btn { min-height:34px; font-size:12px; }
.workspace-separator { display:grid; place-items:center; height:24px; color:var(--faint); font-size:16px; line-height:1; opacity:.72; }
.workspace-folder,.workspace-agent { display:flex; align-items:center; gap:8px; min-width:0; max-width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:7px 4px; background:none; color:var(--muted); font-size:12px; }
.workspace-agent { color:var(--text-soft); }
.workspace-agent .icon,.workspace-menu summary .icon { width:13px; height:13px; }
.workspace-folder:hover,.workspace-agent:hover { color:var(--text); }
.workspace-menu { position:relative; display:flex; align-items:center; align-self:center; flex:none; height:34px; }
/* Reset the generic .flow-shell details spacing (flow.css) that otherwise nudges the header menu down. */
.workspace-header .workspace-menu { margin:0; }
.workspace-menu>summary { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; list-style:none; cursor:pointer; }
.project-menu>summary { height:34px; margin:0; padding:0 10px; border:1px solid transparent; border-radius:9px; color:var(--text-soft); font-weight:510; line-height:1; }
.project-menu>summary:hover,.project-menu[open]>summary { border-color:var(--line); background:var(--panel); color:var(--text); }
.workspace-menu>summary::-webkit-details-marker { display:none; }
.workspace-menu[open]>summary { background:var(--panel); color:var(--text); }
.workspace-menu-panel { position:absolute; top:calc(100% + 8px); left:0; z-index:45; width:272px; padding:6px; border:1px solid var(--line-strong); border-radius:12px; background:var(--menu); box-shadow:var(--shadow-menu); }
.utility-menu .workspace-menu-panel,.folder-actions .workspace-menu-panel { left:auto; right:0; }
.workspace-menu-panel .btn { width:100%; justify-content:flex-start; gap:10px; height:auto; min-height:38px; padding:9px 10px; text-align:left; white-space:normal; border:0; }
.workspace-menu-panel .btn span { min-width:0; overflow-wrap:anywhere; }
.workspace-menu-panel .btn:hover,.workspace-menu-panel [aria-current] { background:var(--menu-hover); }
.workspace-menu-panel .icon { width:15px; height:15px; color:var(--muted); }
.workspace-menu-list { max-height: min(360px,50vh); overflow:auto; border-block:1px solid var(--line); margin:5px 0; padding:5px 0; }
.workspace-panel-toggle { border-color:var(--line); background:transparent; color:var(--text-soft); }
.workspace-panel-toggle:hover,.workspace-panel-toggle[aria-pressed="true"],.workspace-panel-toggle[aria-expanded="true"] { border-color:var(--line-strong); background:var(--panel); color:var(--text); }
.workspace-panel-toggle .icon { width:16px; height:16px; }
.utility-menu>summary { width:34px; height:34px; border:1px solid var(--line); border-radius:9px; background:var(--panel); color:var(--text-soft); }
.utility-menu>summary:hover,.utility-menu[open]>summary { border-color:var(--line-strong); background:var(--panel-hover); color:var(--text); }
.utility-menu>summary .icon { width:17px; height:17px; }
html { scrollbar-gutter:stable; }
body:has(.brief-desk:not([hidden])),body:has(.shell.inspector-open) { overflow:hidden; }
.shell.shell { --rail:0px; --sidebar:0px; --inspector:0px; --topbar:var(--workspace-header-height,64px); width:100%; grid-template:var(--topbar) 1fr / minmax(0,1fr); }
.shell .rail,.shell .sidebar { display:none; }
.shell .sidebar,.brief-outline { display:block; grid-column:1; grid-row:2; position:sticky; top:var(--workspace-header-height,64px); height:calc(100dvh - var(--workspace-header-height,64px)); padding:34px 14px; border:0; border-right:1px solid var(--line); background:var(--bg); overflow:auto; }
.brief-outline { grid-row:1; }
.nav-heading { padding:0 10px; margin:0 0 14px; font:500 11px var(--sans); letter-spacing:.02em; text-transform:none; color:var(--muted); }
.section-link { min-height:38px; margin:2px 0; font-size:12px; gap:10px; }
.section-link .icon { width:15px; color:var(--muted); }
.section-link.active { background:var(--panel); }
.outline-foot { display:flex; align-items:center; gap:7px; margin:30px 10px 0; color:var(--muted); font-size:10px; }
.outline-foot .sync-dot { width:5px; height:5px; }
.shell .main { grid-column:1; }
.document,.brief-main { width:min(var(--reading-width),calc(100% - 64px)); min-width:0; margin:0 auto; padding:32px 0 280px; }
.brief-body,.brief-shell.desk-open .brief-body { width:100%; display:grid; grid-template-columns:minmax(0,1fr); margin:0; }
.brief-main { grid-column:1; }
.brief-main .flow-heading { margin:0 0 30px; }
.brief-main .flow-heading h1,.doc-title { margin:0; font:470 32px/1.2 var(--headline); letter-spacing:-.6px; }
.brief-main .flow-heading p { margin:14px 0 0; font-size:14px; line-height:1.65; color:var(--muted); }
.doc-kicker { font-size:11px; margin:0 0 12px; }
.brief-check,.brief-section { padding:24px; margin:20px 0; border-radius:12px; }
.brief-check { background:var(--bg-raised); border-color:var(--line); }
.brief-check .eyebrow { font:500 10px var(--sans); text-transform:none; letter-spacing:.02em; color:var(--muted); }
.brief-check-heading h2 { font-size:17px; margin:6px 0; }
.brief-check>p { margin:12px 0; font-size:12px; }
.brief-check>.flow-note { font-size:11px; color:var(--muted); }
.brief-check .workspace-disclosure { border-top:1px solid var(--line); margin:14px 0 0; }
.brief-check .workspace-disclosure + .workspace-disclosure { margin-top:0; }
.workspace-disclosure>summary { min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 0; list-style:none; color:var(--text-soft); font:500 13px/1.45 var(--headline); cursor:pointer; }
.workspace-disclosure>summary::-webkit-details-marker { display:none; }
.workspace-disclosure>summary:hover,.workspace-disclosure[open]>summary { color:var(--text); }
.workspace-disclosure>summary:focus-visible { outline:2px solid var(--focus); outline-offset:3px; border-radius:7px; }
.workspace-disclosure>summary>i { position:relative; width:28px; height:28px; flex:0 0 auto; border:1px solid var(--line-strong); border-radius:7px; background:var(--panel); color:var(--muted); transition:background .16s ease,border-color .16s ease,color .16s ease; }
.workspace-disclosure>summary:hover>i { border-color:var(--focus); background:var(--panel-hover); color:var(--text); }
.workspace-disclosure>summary>i::before,.workspace-disclosure>summary>i::after { content:""; position:absolute; top:13px; left:8px; width:10px; height:1px; background:currentColor; transition:transform .2s ease; }
.workspace-disclosure>summary>i::after { transform:rotate(90deg); }
.workspace-disclosure[open]>summary>i::after { transform:rotate(0); }
.workspace-disclosure>.flow-note,.workspace-disclosure>.brief-plan { margin-top:0; }
.brief-check .brief-precedent { font-size:11px; }
.brief-section h2,.section-title { font:510 16px/1.5 var(--headline); }
.brief-section h3 { font-size:14px; }
.brief-section p { font-size:14px; color:var(--text-soft); line-height:1.75; }
.brief-requirement { padding-top:20px; margin-top:20px; }
.brief-requirement .eyebrow { font-size:10px; letter-spacing:.035em; }
.brief-section .btn { min-height:30px; font-size:11px; }
.brief-section,.section { scroll-margin-top:calc(var(--workspace-header-height,64px) + 76px); }
.section-index,.field-label>span:last-child:not(.help-anchor) { display:none; }
.field,.requirement { padding:22px 24px; border-radius:12px; }
.field textarea { font-size:14px; min-height:56px; color:var(--text-soft); }
.section-action { opacity:1; }
.brief-dock,.brief-shell.desk-open .brief-dock,.shell .next-step { left:var(--nav-w); right:0; padding:24px 32px 18px; z-index:20; }
.next-step-inner { width:min(var(--reading-width),100%); padding:16px 18px; border-radius:14px; box-shadow:0 8px 32px #00000018; background:var(--bg-raised); }
.next-step-main strong { font-size:13px; font-weight:500; color:var(--text); }
.next-step-main p { font-size:11px; line-height:1.5; }
.next-step-eyebrow,.next-step-position { color:var(--muted); font:500 10px var(--sans); text-transform:none; letter-spacing:.02em; }
.next-step-context { display:none; }
.guidance-lane:disabled { display:none; }
.next-step-footer { margin-top:6px; gap:8px; }
.next-step-go { min-height:34px; font-size:11px; }
.brief-desk,.shell .inspector { display:none; position:fixed; inset:var(--workspace-header-height,64px) 0 0 auto; width:min(360px,100vw); height:calc(100dvh - var(--workspace-header-height,64px)); padding:0; z-index:44; overflow-y:auto; overscroll-behavior:contain; background:var(--bg-raised); border:0; border-left:1px solid var(--line-strong); box-shadow:-12px 0 48px #00000018; }
.brief-desk:not([hidden]),.shell.inspector-open .inspector { display:block; }
.shell.inspector-open .inspector { width:min(360px,100vw); top:var(--workspace-header-height,64px); padding:24px; }
.brief-desk-head { padding:20px 24px 16px; background:var(--bg-raised); border-bottom:1px solid var(--line); }
.brief-desk-head strong { font-size:15px; }
.brief-notebook { padding:20px 24px 24px; }
.notebook-scope { color:var(--muted); }
.notebook-intro { font-size:12px; }
.notebook-empty { font-size:12px; padding:18px 0; color:var(--muted); }
.notebook-add { gap:8px; }
.notebook-add input { min-width:0; width:100%; font-size:12px; }
.notebook-suggest { align-items:flex-start; flex-direction:column; gap:8px; padding:14px 0; border-bottom:1px solid var(--line); }
.notebook-suggest-text { font-size:12px; line-height:1.6; }
.notebook-suggest-actions { align-self:flex-end; }
.sidebar-project-guides { margin:0 24px 24px; padding:18px 0 0; border:0; border-top:1px solid var(--line); }
.sidebar-project-guides summary { cursor:pointer; font-size:12px; color:var(--text-soft); }
.sidebar-project-guides summary span { color:var(--muted); margin-left:6px; }
.brief-desk-scrim:not([hidden]),.shell.inspector-open .mobile-overlay { display:block; position:fixed; inset:var(--workspace-header-height,64px) 0 0; background:#00000024; z-index:41; }
.workspace-header~.mobile-nav-btn { display:none; }
select,.input-group select,.flow-field select { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23878a83' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14m-6-6 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; padding-right:36px !important; cursor:pointer; }
select:focus-visible { outline:2px solid var(--focus); outline-offset:2px; }
.project-home-main { max-width:1080px; padding-top:48px; }
.folder-overview { gap:32px; max-width:960px; }
.folder-intro { align-items:flex-start; }
.folder-overview h1 { font:470 32px/1.2 var(--headline); margin:10px 0; }
.folder-overview h2 { font:500 17px/1.5 var(--headline); }
.folder-intro p { font-size:12px; }
.folder-actions { flex-wrap:nowrap; align-items:center; padding-top:24px; }
.folder-tile { padding:22px; gap:10px; border-color:var(--line); background:var(--bg-raised); }
.folder-grid { grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr)); }
.folder-tile>span { font-size:18px; }
.folder-tile small { font-size:11px; }
.folder-tile strong { font-size:15px; font-weight:500; }
.folder-overview .local-spec-card { border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; }
.folder-overview .local-spec-card:hover { background:var(--panel); border-radius:8px; }
.folder-overview .local-spec-list { gap:0; }
.folder-overview .local-specs-head { align-items:center; }
.folder-overview .local-specs-head h2 { margin:0; }
.folder-overview .local-spec-open { min-height:88px; }
.folder-overview .local-spec-copy small { display:none; }
.project-guides { padding-top:24px; border-top:1px solid var(--line); }
.project-guides>p { font-size:12px; }
.project-guides>summary { cursor:pointer; color:var(--text-soft); font-size:14px; }
.folder-empty { border-style:solid; border-color:var(--line); color:var(--muted); }
@media(min-width:1600px) { #app { --nav-w:280px; } }
@media(max-width:1000px) {
  #app { --nav-w:216px; }
  .workspace-header.workspace-header { gap:16px; padding-inline:20px; }
  .section-link { font-size:11px; gap:7px; }
}
@media(max-width:760px) {
  #app.has-wsnav { padding-left:0; }
  .wsnav { display:none; }
  .shell .sidebar,.brief-outline { display:none; }
  .shell.shell { grid-template-columns:minmax(0,1fr); }
  .shell .main { grid-column:1; }
  .brief-body,.brief-shell.desk-open .brief-body { grid-template-columns:minmax(0,1fr); }
  .brief-main { grid-column:1; }
  .workspace-header.workspace-header { padding:0 16px; gap:12px; min-height:58px; height:58px; }
  .workspace-header .mobile-nav-btn { display:flex; order:2; margin:0 0 0 auto; width:40px; height:44px; }
  .ws-breadcrumb { order:1; flex:1; }
  .ws-breadcrumb .ws-crumb,.ws-breadcrumb .ws-crumb-sep { display:none; }
  .workspace-header .workspace-actions { display:none; }
  .brief-section .btn,.brief-check .btn,.next-step-go { min-height:40px; }
  .notebook-task-remove { opacity:1; }
  .document,.brief-main { width:calc(100% - 32px); padding-top:24px; padding-bottom:300px; }
  .brief-dock,.brief-shell.desk-open .brief-dock,.shell .next-step { left:0; right:0; padding:20px 16px 12px; }
  .brief-main .flow-heading h1,.doc-title { font-size:28px; }
  .brief-check,.brief-section,.field,.requirement { padding:20px; }
  .next-step-main p { display:none; }
  .next-step-footer { flex-wrap:wrap; }
  .guidance-lanes { order:0; width:auto; }
  .next-step-go { margin-left:auto; }
  .workspace-header .mobile-nav-btn:only-child { display:flex; }
  .folder-intro { flex-direction:column; gap:0; }
  .folder-actions { padding-top:8px; }
  .project-home-main { padding-top:32px; }
}
@media(prefers-reduced-motion:reduce) { .workspace-menu-panel { scroll-behavior:auto; } }

@keyframes workspace-view-enter {
  from { opacity:.78; transform:translateY(4px); }
  to { opacity:1; transform:none; }
}
#app.workspace-view-switching .brief-body,
#app.workspace-view-switching .shell > .main { animation:workspace-view-enter .24s cubic-bezier(.22,.7,.2,1) both; }
@media(prefers-reduced-motion:reduce) {
  #app.workspace-view-switching .brief-body,
  #app.workspace-view-switching .shell > .main { animation:none; }
}