/* A workspace for real next steps, with one small entrance into the assistant. */
.workspace-hub { max-width:1136px; padding:34px 44px 150px }
.hub-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:31px }
.hub-heading h1 { font:400 2.3rem/1.2 Georgia,"Times New Roman",serif; letter-spacing:-.025em }
.hub-heading p { color:var(--muted); font-size:.86rem; margin-top:10px }
.hub-date { color:var(--muted); font-size:.75rem; white-space:nowrap }
.usage-ribbon { display:flex; align-items:center; gap:25px; padding:19px 0 24px; border-bottom:1px solid var(--line) }
.usage-ribbon>div { display:flex; flex-direction:column; gap:4px }
.usage-ribbon>div>span { font-size:.76rem; color:var(--muted) }
.usage-ribbon strong { font-size:1.65rem; font-weight:550; letter-spacing:-.025em; font-variant-numeric:tabular-nums }
.usage-ribbon>p { color:var(--muted); font-size:.78rem; margin:16px 0 0 }
.usage-ribbon>p>span:nth-child(2) { padding-inline:8px; color:var(--subtle) }
.usage-scope { margin-left:auto; color:var(--muted); font-size:.71rem }
.hub-tabs { display:flex; gap:24px; border-bottom:1px solid var(--line); margin:22px 0 29px }
.hub-tabs [role=tab] { display:flex; align-items:center; gap:8px; min-height:46px; padding:8px 2px 13px; border:0; border-bottom:2px solid transparent; font-size:.87rem; color:var(--muted); font-weight:550 }
.hub-tabs [aria-selected=true] { color:var(--ink); border-bottom-color:var(--accent) }
.hub-tabs [role=tab]>span { font-size:.68rem; min-width:22px; border-radius:6px; padding:1px 6px; background:var(--surface-2); color:var(--muted); text-align:center }
.task-section-heading { margin-bottom:22px }
.task-section-heading h2 { font-size:1.1rem; font-weight:600; letter-spacing:-.015em }
.task-section-heading p { color:var(--muted); font-size:.78rem; margin-top:7px }
.new-task-form { display:flex; align-items:center; gap:12px; min-height:62px; padding:9px 10px 9px 15px; background:var(--surface); border:1px solid var(--line); border-radius:12px }
.new-task-form:focus-within { border-color:var(--accent) }
.task-input-symbol { display:grid; place-items:center; opacity:.65 }
.task-input-symbol .vx-symbol { width:22px; height:22px; flex-basis:22px; color:var(--muted) }
.new-task-form input { padding:7px 0; min-width:0; flex:1; border:0; border-radius:0; background:transparent; font-size:.88rem; outline:0 }
.new-task-form input:focus-visible { outline:0 }
.task-add-button { display:inline-flex; align-items:center; gap:7px; min-height:40px; border:0; border-radius:8px; padding:9px 13px; background:var(--accent-soft); color:var(--accent); font-size:.76rem; font-weight:600 }
.task-add-button .icon { width:15px; height:15px }
.task-status { min-height:20px; margin:7px 0 2px }
.task-status.is-error { color:var(--danger) }
.task-row { display:flex; align-items:center; gap:11px; padding:15px 3px; min-height:67px; border-bottom:1px solid var(--line) }
.task-complete-form { flex:none; margin:0 }
.task-check { display:grid; place-items:center; width:36px; height:36px; min-height:36px; border:1px solid var(--line); border-radius:50%; background:transparent; transition:background-color var(--fast),border-color var(--fast),transform var(--fast) var(--ease-out); color:var(--muted) }
.task-check .vx-symbol { width:18px; height:18px; flex:initial; color:inherit }
.task-check:active { transform:scale(.96) }
.task-check[aria-checked=true] { color:var(--accent-ink); background:var(--accent); border-color:var(--accent) }
.task-row-copy { min-width:0; flex:1; padding-block:2px }
.task-title { display:block; overflow-wrap:anywhere; font-size:.87rem; line-height:1.6; text-decoration-thickness:1px; text-decoration-color:var(--muted); transition:color var(--fast) }
.task-row.is-complete .task-title { text-decoration-line:line-through; color:var(--muted) }
.task-row-copy small { display:block; font-size:.68rem; color:var(--muted); margin-top:3px }
.task-row-copy small a { color:var(--muted) }
.task-empty { text-align:center; padding:28px 15px 33px }
.task-empty>span { display:grid; place-items:center; margin:0 auto 12px; width:42px; height:42px; border:1px solid var(--line); border-radius:50%; color:var(--muted) }
.task-empty .vx-symbol { width:20px; height:20px; flex:initial; color:inherit }
.task-empty h3 { font-size:.98rem; font-weight:550 }
.task-empty p { font-size:.78rem; color:var(--muted); line-height:1.7; margin-top:9px }
.task-empty p>span { display:inline-block; margin-top:7px; color:var(--ink) }
.task-list-note { color:var(--muted); font-size:.69rem; margin-top:16px }
.task-assist { margin-top:34px; padding:23px 24px; border-radius:12px; background:var(--surface-2) }
.task-assist h3 { font-size:.94rem; font-weight:550 }
.task-assist p { font-size:.78rem; color:var(--muted); margin:7px 0 0; line-height:1.6 }
.task-assist>.text-link { margin-top:16px; display:inline-flex }
.task-suggestions-form { display:flex; align-items:center; gap:10px; margin-top:18px }
.task-suggestions-form select { flex:1; min-width:0; max-width:100%; font-size:.78rem; background:var(--surface) }
.task-suggestions-form .secondary { white-space:nowrap; font-size:.76rem }
.task-suggestions-form .secondary .icon { width:15px; height:15px }
.task-suggestion { display:flex; align-items:center; gap:14px; padding:13px 0; border-bottom:1px solid var(--line); font-size:.83rem }
.task-suggestion>span { flex:1; min-width:0; overflow-wrap:anywhere }
.task-suggestion button { padding:7px 12px; border-radius:7px; min-height:36px; background:var(--surface); color:var(--accent); font-size:.73rem; flex:none }
.usage-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:28px 0 }
.usage-details>div { padding-bottom:20px; border-bottom:1px solid var(--line) }
.usage-details dt { color:var(--muted); font-size:.78rem }
.usage-details dd { font-size:1.7rem; font-weight:550; margin:10px 0; font-variant-numeric:tabular-nums }
.usage-details p { color:var(--muted); font-size:.74rem; line-height:1.6 }
.usage-tracking-note { max-width:70ch; color:var(--muted); font-size:.8rem; line-height:1.8 }
.has-quick-dock .page-canvas { padding-bottom:145px }
.quick-dock { position:fixed; z-index:25; left:calc(50% + 124px); bottom:calc(24px + env(safe-area-inset-bottom,0px)); transform:translateX(-50%); display:flex; align-items:center; gap:9px; width:min(610px,calc(100vw - 310px)); min-height:58px; padding:4px 8px 4px 8px; border:1px solid var(--line); border-radius:17px; background:var(--surface); box-shadow:0 12px 35px rgba(32,43,29,.12) }
.quick-dock::before { content:""; position:absolute; pointer-events:none; inset:1px 1px auto; height:1px; background:var(--surface); border-radius:inherit }
.quick-dock input { flex:1; min-width:0; border:0; border-radius:0; background:transparent; font-size:.85rem; padding:9px 0; outline:0 }
.quick-dock input:focus-visible { outline:0 }
.quick-dock:focus-within { border-color:var(--accent) }
.quick-dock-send { display:grid; place-items:center; width:36px; height:36px; border:0; border-radius:11px; background:var(--accent-soft); color:var(--accent); flex:none }
.quick-dock-send .icon { width:17px; height:17px }
.vx-core--dock { width:44px; height:44px; flex:0 0 44px; overflow:hidden }
.vx-core--dock .vx-core-controls { display:none }
.vx-core--dock .vx-core-fallback { inset:22% }
.workspace-signout { margin-top:24px }
.workspace-signout .signout-button { display:inline-flex; align-items:center; gap:9px; padding:10px 16px; border:1px solid var(--line); color:var(--ink); background:var(--surface-2); border-radius:9px; font-size:.82rem; font-weight:550 }
.workspace-signout .signout-button .icon { width:16px; height:16px }
.workspace-choice-list { display:flex; flex-direction:column; gap:10px; margin-top:24px }
.workspace-choice { display:flex; justify-content:space-between; gap:12px }
.workspace-choice>span { display:flex; flex-direction:column; gap:5px; text-align:left; min-width:0 }
.workspace-choice small { font-size:.71rem; color:var(--muted) }
.core-explainer { position:absolute; inset:0; pointer-events:none }
.core-leaders { position:absolute; inset:0; width:100%; height:100%; overflow:visible; fill:none; stroke:var(--accent); stroke-width:1; opacity:.7 }
.core-leaders circle { fill:var(--accent); stroke:var(--surface-2) }
.core-callout { position:absolute; width:min(145px,33%); padding:10px 11px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:var(--surface); box-shadow:none; text-align:left }
.core-callout strong { display:block; font-size:.73rem; font-weight:600; line-height:1.4; letter-spacing:0 }
.core-callout p { font:400 .65rem/1.55 var(--font); margin:5px 0 0; color:var(--muted) }
.core-callout--privacy { top:17px; left:0 }
.core-callout--intelligence { top:33px; right:0 }
.core-callout--automation { right:0; bottom:57px }
.auth-story .core-explainer { --ink:var(--nav-ink) }
@media(hover:hover) and (pointer:fine) {
 .task-check:hover { border-color:var(--accent); color:var(--accent); background:var(--accent-soft) }
 .task-check[aria-checked=true]:hover { background:var(--accent-hover); color:var(--accent-ink) }
 .task-add-button:hover,.quick-dock-send:hover { background:var(--accent); color:var(--accent-ink) }
 .workspace-signout .signout-button:hover { border-color:var(--accent); background:var(--accent-soft); color:var(--accent) }
}
@media(max-width:1150px) and (min-width:761px) {
 .quick-dock { left:calc(50% + 112px); width:min(610px,calc(100vw - 280px)) }
 .workspace-hub { padding-inline:30px }
 .hub-date { display:none }
}
@media(max-width:760px) {
 .workspace-hub { padding:26px 20px 135px }
 .hub-heading { margin-bottom:18px }
 .hub-heading h1 { font-size:1.85rem }
 .hub-heading p { font-size:.8rem; max-width:32ch }
 .hub-date { display:none }
 .usage-ribbon { flex-wrap:wrap; gap:8px 20px; padding-bottom:19px }
 .usage-ribbon>p { font-size:.72rem; margin-top:17px }
 .usage-scope { display:none }
 .hub-tabs { margin-top:17px; margin-bottom:25px }
 .task-section-heading p { font-size:.75rem; max-width:37ch }
 .new-task-form { gap:9px; padding-left:10px }
 .new-task-form input { font-size:1rem }
 .task-input-symbol { display:none }
 .task-add-button { width:44px; min-height:44px; justify-content:center; padding:10px }
 .task-add-button span { display:none }
 .task-add-button .icon { width:18px; height:18px }
 .task-check { width:44px; height:44px; min-height:44px }
 .task-row { gap:8px; padding-block:12px }
 .task-title { font-size:.84rem }
 .task-assist { padding:20px 17px; margin-top:25px }
 .task-suggestions-form { flex-direction:column; align-items:stretch }
 .task-suggestions-form select { width:100%; font-size:1rem }
 .task-suggestions-form .secondary { justify-content:center }
 .usage-details { grid-template-columns:1fr; gap:20px }
 .usage-details dd { font-size:1.5rem }
 .quick-dock { left:50%; width:calc(100vw - 28px); bottom:calc(14px + env(safe-area-inset-bottom,0px)); min-height:58px; gap:3px }
 .quick-dock input { font-size:1rem }
 .quick-dock-send { width:44px; height:44px; flex-basis:44px }
 .core-callout { padding:8px; width:32% }
 .core-callout strong { font-size:.66rem }
 .core-callout p { font-size:.6rem }
 .sidebar-visible .quick-dock { visibility:hidden }
}
@media(prefers-reduced-motion:reduce) { .task-check:active { transform:none } }
html[data-motion=reduced] .task-check:active { transform:none }

/* R9 pilot onboarding — scoped to the workspace home, no global overrides. */
.pilot-setup{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:24px 26px;margin:0 0 25px}
.pilot-setup-top{display:flex;justify-content:space-between;gap:20px;align-items:start}
.pilot-setup-eyebrow{text-transform:uppercase;letter-spacing:.1em;font-weight:650;color:var(--accent);font-size:10px;margin:0 0 9px}
.pilot-setup-top h2{font-size:21px;font-weight:600;letter-spacing:-.035em;line-height:1.2;margin:0 0 8px}
.pilot-setup-top p:not(.pilot-setup-eyebrow){font-size:12px;color:var(--muted);margin:0 0 17px;line-height:1.6}
.pilot-setup-count{min-width:75px;text-align:right;padding-top:5px;font-variant-numeric:tabular-nums}
.pilot-setup-count strong{font-size:20px;font-weight:650;display:block;line-height:1.2}
.pilot-setup-count span{font-size:10px;color:var(--muted)}
.pilot-setup-progress{display:block;width:100%;height:6px;margin:2px 0 18px;accent-color:var(--accent);overflow:hidden;border:0;border-radius:999px}
.pilot-setup-list{list-style:none;padding:0;margin:0;display:grid;gap:0}
.pilot-setup-step{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:14px 0;min-width:0}
.pilot-setup-marker{display:flex;align-items:center;justify-content:center;flex:0 0 29px;width:29px;height:29px;border:1px solid var(--line);border-radius:50%;font-size:11px;font-weight:600;color:var(--muted);background:var(--canvas)}
.pilot-setup-step.is-done .pilot-setup-marker{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}
.pilot-setup-marker svg{width:14px;height:14px}
.pilot-setup-copy{flex:1;min-width:0}
.pilot-setup-copy h3{margin:0 0 2px;font-size:13px;line-height:1.4;font-weight:600}
.pilot-setup-copy p{margin:0;font-size:11px;color:var(--muted);line-height:1.6}
.pilot-setup-link{display:inline-flex;gap:5px;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--line);border-radius:7px;padding:7px 10px;min-height:34px;font-size:11px;font-weight:650;text-decoration:none;background:var(--canvas)}
.pilot-setup-link:hover{border-color:var(--accent);color:var(--accent)}
.pilot-setup-link svg{width:13px;height:13px}
.pilot-setup-done{color:var(--accent);font-weight:600;font-size:11px}
.pilot-setup-note{font-size:10px;color:var(--muted);line-height:1.65;margin:7px 0 0}
@media(max-width:600px){.pilot-setup{padding:18px 16px;margin-bottom:18px}.pilot-setup-top h2{font-size:18px}.pilot-setup-step{align-items:start;flex-wrap:wrap;gap:9px 12px}.pilot-setup-copy{flex-basis:calc(100% - 41px)}.pilot-setup-link,.pilot-setup-done{margin-left:41px}.pilot-setup-link{min-height:36px}}

/* Credits are the primary commercial unit; provider tokens remain a separate detail. */
.credit-ribbon strong{font-variant-numeric:tabular-nums}
.credit-explainer{max-width:72ch;margin:20px 0 26px;color:var(--ink)}
.credit-explainer summary{cursor:pointer;font-weight:600;min-height:36px;padding-block:8px}
.credit-explainer p{color:var(--muted);line-height:1.65;margin:10px 0}