/* Client delivery is a separate composition from the public constructor. */
.client-page { margin:0; background:var(--surface-workspace); color:var(--color-graphite); font:15px/1.5 var(--font-ui); }
.client-page *, .client-page *::before, .client-page *::after { box-sizing:border-box; }
.client-page [hidden] { display:none!important; }
.client-page a { color:inherit; text-underline-offset:4px; }
.client-page button, .client-page input, .client-page select, .client-page textarea { font:inherit; }
.client-page button, .client-page a, .client-page input, .client-page select, .client-page textarea { touch-action:manipulation; }
.client-page button { cursor:pointer; border:1px solid var(--border-control); border-radius:var(--radius-10); padding:9px 14px; background:white; min-height:44px; color:var(--color-graphite); }
.client-page button:disabled { opacity:.55; cursor:wait; }
.client-page :focus-visible { outline:2px solid var(--color-iron); outline-offset:3px; }
.client-skip { position:absolute; top:-100px; z-index:20; background:white; padding:var(--space-3); }
.client-skip:focus { top:8px; }
.client-topbar { display:flex; align-items:center; gap:18px; min-height:72px; padding:var(--space-3) var(--space-7); background:white; border-bottom:1px solid var(--border-ui); }
.client-brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; font-size:var(--text-21); }
.client-brand > span { width:34px; height:34px; display:grid; place-items:center; background:var(--color-graphite); color:white; font-size:var(--text-caption); border-radius:var(--radius-10); }
.client-product-label { color:var(--color-steel); padding-left:18px; border-left:1px solid var(--border-ui); }
.client-constructor { margin-left:auto; display:inline-flex; align-items:center; gap:var(--space-2); min-height:44px; font-size:var(--text-small); }
.client-eyebrow { display:block; font-size:var(--text-caption); letter-spacing:.1em; font-weight:600; color:var(--color-steel); }
.client-page h1, .client-page h2, .client-page h3, .client-page p { margin-top:0; }
.client-page h1 { font-size:clamp(26px,3vw,36px); line-height:1.18; letter-spacing:-.035em; overflow-wrap:anywhere; }
.client-page h2 { font-size:var(--text-23); letter-spacing:-.025em; line-height:1.25; margin:var(--space-2) 0 var(--space-4); }
.client-page h3 { font-size:var(--text-18); line-height:1.3; margin:var(--space-2) 0 var(--space-3); overflow-wrap:anywhere; }
.client-small { color:var(--color-steel); font-size:var(--text-caption); line-height:1.6; }
.client-auth { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:1080px; margin:var(--space-12) auto; padding:0 var(--space-6); align-items:stretch; }
.auth-story { padding:var(--space-11); background:var(--color-slate); color:white; border-radius:var(--radius-20) 0 0 var(--radius-20); }
.auth-story h1 { font-size:48px; margin:22px 0; color:var(--color-snow); }
.auth-story .client-eyebrow, .auth-story p, .auth-story li span { color:var(--text-muted-on-dark); }
.auth-story ol { list-style:none; padding:0; display:grid; gap:var(--space-6); margin:var(--space-8) 0; }
.auth-story li strong, .auth-story li span { display:block; }
.auth-story li span, .auth-note { font-size:var(--text-small); }
.client-auth-form { display:flex; flex-direction:column; padding:var(--space-11); border:1px solid var(--border-ui); border-radius:0 var(--radius-20) var(--radius-20) 0; background:white; }
.client-auth-form h2 { font-size:var(--text-30); margin:var(--space-5) 0 var(--space-3); }
.client-page label { display:grid; gap:7px; margin:0 0 var(--space-4); font-size:var(--text-small); font-weight:500; }
.client-page input, .client-page select, .client-page textarea { width:100%; min-width:0; min-height:44px; border:1px solid var(--border-control); padding:10px var(--space-3); border-radius:9px; background:white; color:var(--color-graphite); }
.client-page textarea { resize:vertical; }
.client-page .client-primary { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); background:var(--color-graphite); color:white; border-color:var(--color-graphite); min-height:46px; }
.client-message { min-height:0; color:var(--color-steel); font-size:var(--text-small); overflow-wrap:anywhere; margin:14px 0; }
.client-message:empty { display:none; }
.client-message.error { color:var(--status-blocked-text); }
.client-layout { display:grid; grid-template-columns:224px minmax(0,1fr); }
.client-sidebar { min-width:0; padding:var(--space-7) var(--space-4); border-right:1px solid var(--border-ui); background:var(--surface-navigation); }
.client-sidebar > .client-eyebrow { margin-bottom:var(--space-5); }
.client-sidebar nav { display:grid; gap:6px; margin:var(--space-6) 0; }
.client-sidebar nav a { padding:var(--space-3); border-radius:9px; text-decoration:none; font-size:var(--text-small); min-height:44px; }
.client-sidebar nav a.current { background:white; box-shadow:inset 0 0 0 1px var(--border-ui); }
.client-access-card { padding:var(--space-4); border:1px solid var(--border-ui); border-radius:var(--radius-12); background:white; font-size:var(--text-caption); }
.client-access-card strong { font-size:var(--text-caption); }
.client-access-card p { margin:10px 0 0; color:var(--color-steel); }
.client-dot { display:inline-block; width:6px; height:6px; background:var(--status-success-text); border-radius:var(--radius-round); margin-right:7px; }
.client-content { max-width:1440px; width:100%; padding:var(--space-8); min-width:0; }
.client-content section { scroll-margin-top:20px; margin-bottom:var(--space-8); }
.client-page-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:var(--space-6); }
.client-page-heading h1 { margin:10px 0; }
.client-page-heading p { max-width:70ch; color:var(--color-steel); font-size:var(--text-ui); }
.client-sync { display:grid; gap:10px; flex-shrink:0; text-align:right; font-size:var(--text-caption); color:var(--color-steel); }
.client-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:var(--space-5) 0; }
.client-metric { padding:18px; background:white; border:1px solid var(--border-ui); border-radius:var(--radius-12); }
.client-metric strong { display:block; font-size:var(--text-30); letter-spacing:-.035em; margin:var(--space-2) 0; }
.client-metric span { font-size:var(--text-caption); color:var(--color-steel); }
.client-metric p { font-size:var(--text-caption); margin:0; color:var(--color-steel); }
.client-metric .client-metric-label { display:flex; align-items:start; gap:var(--space-2); line-height:1.5; min-height:36px; padding-bottom:10px; border-bottom:1px solid var(--border-ui); }
.client-metric-label .rw-icon { width:16px; height:16px; margin-top:1px; }
.client-delivery-card { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:var(--space-8); border:1px solid var(--border-ui); border-radius:var(--radius-16); background:white; padding:var(--space-6); }
.client-progress { height:8px; border-radius:var(--radius-8); background:var(--color-cloud); overflow:hidden; margin:18px 0 var(--space-3); }
.client-progress > span { display:block; height:100%; background:var(--color-graphite); width:0; }
.client-stage { border-left:1px solid var(--border-ui); padding-left:var(--space-7); }
.client-stage > strong { display:block; text-transform:capitalize; font-size:var(--text-22); margin:10px 0 18px; }
.client-stages { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:var(--space-4); }
.client-pill { display:inline-flex; align-items:center; border-radius:var(--radius-tag); max-width:100%; background:var(--surface-selected); color:var(--color-steel); font-size:var(--text-caption); padding:5px var(--space-2); white-space:normal; }
.client-pill.current { background:var(--badge-accent-soft); color:var(--color-iron); }
.client-pill.accepted { background:var(--status-success-surface); color:var(--status-success-text); }
.client-pill.blocked { background:var(--status-blocked-surface); color:var(--status-blocked-text); }
.client-pill.in_review { background:var(--status-review-surface); color:var(--status-review-text); }
.client-section-heading { display:flex; justify-content:space-between; align-items:center; gap:var(--space-5); margin:var(--space-7) 0 14px; }
.client-section-heading h2 { margin-bottom:0; }
.client-section-heading label { margin:0; width:140px; }
.client-scope-tools { display:grid; grid-template-columns:minmax(0,1fr) minmax(170px,.45fr) auto; gap:var(--space-3); align-items:end; margin:18px 0 10px; }
.client-scope-tools label { margin:0; }
.client-scope-tools button { min-height:44px; }
.client-empty-state { padding:var(--space-6); border:1px dashed var(--border-control); border-radius:18px; background:white; color:var(--color-steel); font-size:var(--text-ui); }
#client-selection-hint { padding:10px 14px; border-left:2px solid var(--color-iron); }
@media (max-width:760px) { .client-scope-tools { grid-template-columns:minmax(0,1fr); } .client-scope-tools button { width:100%; } }
.client-review-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.7fr); gap:var(--space-5); align-items:start; }
.client-features { margin:0; padding:0; list-style:none; display:grid; gap:10px; }
.client-page .client-feature { text-align:left; padding:18px; min-width:0; display:block; border:1px solid var(--border-ui); border-radius:var(--radius-12); }
.client-feature[aria-pressed=true] { border-color:var(--color-iron); box-shadow:0 0 0 1px var(--color-iron); }
.client-feature-header { display:flex; justify-content:space-between; gap:var(--space-4); align-items:flex-start; }
.client-feature-header strong { font-size:var(--text-body); overflow-wrap:anywhere; }
.client-feature-description { display:block; font-size:var(--text-caption); margin:var(--space-2) 0 0; color:var(--color-steel); }
.client-feature-meta { display:flex; flex-wrap:wrap; gap:var(--space-2); margin-top:var(--space-3); font-size:var(--text-caption); color:var(--color-steel); }
.client-inspector { padding:22px; background:white; border:1px solid var(--border-ui); border-radius:var(--radius-14); min-width:0; }
.client-inspector form { border-top:1px solid var(--border-ui); padding-top:var(--space-5); margin-top:var(--space-5); }
.client-inspector p { font-size:var(--text-small); color:var(--color-steel); overflow-wrap:anywhere; }
.client-inspector .client-primary { width:100%; }
.client-inspector dl { font-size:var(--text-caption); }
.client-inspector dt { font-weight:600; margin:var(--space-3) 0 var(--space-1); }
.client-inspector dd { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; color:var(--color-steel); }
.client-feedback-item { border-top:1px solid var(--border-ui); padding-top:14px; margin-top:14px; }
.client-feedback-item small { color:var(--color-steel); font-size:var(--text-caption); }
.client-feedback-item p { white-space:pre-wrap; margin:var(--space-2) 0; }
.client-events { list-style:none; margin:0; padding:0; background:white; border:1px solid var(--border-ui); border-radius:var(--radius-14); }
.client-events li { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-5); padding:15px var(--space-5); border-bottom:1px solid var(--border-ui); font-size:var(--text-small); }
.client-events li:last-child { border:0; }
.client-events time { font-size:var(--text-caption); color:var(--color-steel); flex-shrink:0; }
.client-brief { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; border:1px solid var(--border-ui); border-radius:var(--radius-14); background:white; padding:22px; }
.client-brief dt { font-size:var(--text-caption); color:var(--color-steel); margin-bottom:var(--space-2); }
.client-brief dd { margin:0; font-size:var(--text-ui); white-space:pre-wrap; overflow-wrap:anywhere; }
.client-footer { display:flex; justify-content:space-between; gap:var(--space-4); padding:var(--space-5) var(--space-7); border-top:1px solid var(--border-ui); font-size:var(--text-caption); color:var(--color-steel); }
@media(max-width:1100px) { .client-layout { grid-template-columns:190px minmax(0,1fr); } .client-content { padding:var(--space-6); } .client-metrics { gap:var(--space-2); } .client-metric { padding:14px; } .client-review-layout { grid-template-columns:minmax(0,1fr); } }
@media(max-width:760px) { .client-topbar { padding:var(--space-3) var(--space-4); gap:10px; flex-wrap:wrap; } .client-brand { font-size:var(--text-18); } .client-product-label { font-size:var(--text-caption); padding-left:10px; } .client-constructor { margin-left:0; font-size:var(--text-caption); } .client-topbar #sign-out { margin-left:auto; } .client-auth { grid-template-columns:minmax(0,1fr); margin:var(--space-5) auto; padding:0 var(--space-4); } .auth-story { padding:var(--space-7); border-radius:var(--radius-16) var(--radius-16) 0 0; } .auth-story h1 { font-size:var(--text-38); } .auth-story ol { display:none; } .client-auth-form { padding:var(--space-7); border-radius:0 0 var(--radius-16) var(--radius-16); } .client-layout { grid-template-columns:minmax(0,1fr); } .client-sidebar { min-width:0; padding:var(--space-4); border:0; border-bottom:1px solid var(--border-ui); } .client-sidebar > .client-eyebrow,.client-access-card { display:none; } .client-sidebar nav { display:flex; overflow:auto; margin:var(--space-3) 0 0; gap:var(--space-1); } .client-sidebar nav a { flex-shrink:0; font-size:var(--text-caption); } .client-content { padding:var(--space-6) var(--space-4); } .client-page-heading { display:block; } .client-sync { display:flex; align-items:center; justify-content:space-between; text-align:left; } .client-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .client-delivery-card { grid-template-columns:minmax(0,1fr); gap:18px; padding:var(--space-5); } .client-stage { border-left:0; border-top:1px solid var(--border-ui); padding:var(--space-5) 0 0; } .client-section-heading { gap:var(--space-3); } .client-section-heading h2 { font-size:var(--text-21); } .client-section-heading label { width:110px; } .client-inspector { padding:18px; } .client-feature-header { gap:10px; } .client-feature-header .client-pill { flex-shrink:0; max-width:100px; } .client-events li { display:block; padding:14px var(--space-4); } .client-events time { display:block; margin-top:6px; } .client-brief { grid-template-columns:minmax(0,1fr); padding:18px; } .client-footer { flex-direction:column; padding:18px var(--space-4); } }
.client-feedback-item blockquote { margin:0 0 var(--space-3); padding:var(--space-2) var(--space-3); border-left:2px solid var(--border-control); background:var(--surface-selected); font-size:var(--text-small); color:var(--color-steel); overflow-wrap:anywhere; }
.client-brief-conversation { grid-column:1/-1; border-top:1px solid var(--border-ui); padding-top:18px; }
.client-brief-conversation summary { cursor:pointer; min-height:44px; font-size:var(--text-ui); font-weight:500; }
.client-brief-conversation article { margin-top:var(--space-4); padding-top:var(--space-3); border-top:1px solid var(--border-ui); font-size:var(--text-small); }
.client-brief-conversation p { white-space:pre-wrap; overflow-wrap:anywhere; margin-top:var(--space-2); }

.client-sidebar nav a:hover:not(.current) { background:var(--surface-selected); }
.client-feature-header strong, .client-section-heading > div { min-width:0; }

@media(min-width:761px) { .client-topbar { position:sticky; top:0; z-index:10; } .client-sidebar { position:sticky; top:72px; height:calc(100dvh - 72px); align-self:start; overflow-y:auto; } .client-content section { scroll-margin-top:96px; } }

/* The private client workspace follows the same light editorial system as Studio. */
.client-page { background: var(--color-snow); color: var(--color-obsidian); }
.client-page :focus-visible { outline-color: var(--color-obsidian); }
.client-topbar { background: var(--color-snow); border-color: var(--border-soft); min-height: 76px; padding-inline: var(--space-8); }
.client-brand { color: var(--color-obsidian); letter-spacing: -.025em; }
.client-brand > span { width: 38px; height: 38px; border-radius: 11px; background: var(--color-obsidian); color: var(--color-snow); }
.client-product-label { font-size: var(--text-small); color: var(--text-muted); border-color: var(--border-soft); }
.client-constructor { color: #33363d; }
.client-page button { border-color: #dedee3; border-radius: var(--radius-pill); color: var(--color-obsidian); }
.client-page button:hover:enabled { background: var(--surface-mist); border-color: #b1b3bc; }
.client-page :is(input,select,textarea) { border-color: #e0e0e5; border-radius: var(--radius-16); background: var(--surface-subtle); color: var(--color-obsidian); }
.client-page :is(input,select,textarea):focus { border-color: #8d909b; }
.client-page label { color: #484b53; font-size: var(--text-small); font-weight: 450; }
.client-page .client-primary { background: var(--color-obsidian); border-color: var(--color-obsidian); color: var(--color-snow); font-weight: 500; min-height: 50px; }
.client-page .client-primary:hover:enabled { background: #35373c; border-color: #35373c; }
.client-eyebrow { color: var(--text-muted); font-size: var(--text-caption); letter-spacing: .06em; font-weight: 450; }
.client-auth { max-width: 1160px; gap: var(--space-6); grid-template-columns: minmax(0,1.06fr) minmax(0,1fr); margin-block: var(--space-16); }
.auth-story { background: var(--surface-subtle); border: 1px solid var(--color-cloud); border-radius: var(--radius-24); padding: var(--space-12) var(--space-10); color: var(--color-obsidian); }
.auth-story h1 { color: var(--color-obsidian); font-family: var(--font-display,Georgia,serif); font-size: clamp(48px,4.5vw,64px); font-weight: 400; line-height: 1.12; letter-spacing: -.025em; margin: var(--space-7) 0 var(--space-6); }
.auth-story h1 span { color: var(--color-obsidian); font-style: italic; }
.auth-story .client-eyebrow { color: var(--text-muted); }
.auth-story > p { max-width: 350px; color: var(--text-muted); font-size: var(--text-body); line-height: 1.7; }
.auth-story ol { gap: var(--space-6); counter-reset: delivery-step; margin: var(--space-10) 0; }
.auth-story li { counter-increment: delivery-step; position: relative; padding-left: var(--space-9); }
.auth-story li::before { content: '0' counter(delivery-step); position: absolute; top: 1px; left: 0; color: #777b86; font-size: var(--text-caption); line-height: 1.7; }
.auth-story li strong { font-size: var(--text-ui); color: #33363d; font-weight: 500; margin-bottom: 5px; }
.auth-story li span { font-size: var(--text-small); color: var(--text-muted); line-height: 1.6; }
.auth-story .auth-note { padding: var(--space-4); margin: 0; max-width: none; background: var(--brand-tint,var(--brand-tint)); color: var(--brand-ink,var(--brand-ink)); border-radius: var(--radius-16); font-size: var(--text-caption); }
.client-auth-form { padding: var(--space-12) var(--space-10); border: 1px solid var(--border-soft); border-radius: var(--radius-24); background: var(--color-snow); justify-content: center; }
.client-auth-form h2 { color: var(--color-obsidian); font-family: var(--font-display,Georgia,serif); font-size: var(--text-40); font-weight: 400; line-height: 1.2; letter-spacing: -.02em; }
.client-auth-form > p { color: var(--text-muted); font-size: var(--text-ui); line-height: 1.7; }
.client-auth-form .client-small { font-size: var(--text-caption); margin-bottom: 0; margin-top: var(--space-7); padding-top: var(--space-6); border-top: 1px solid var(--border-soft); }
.client-layout { grid-template-columns: 224px minmax(0,1fr); gap: var(--space-3); padding: var(--space-3); background: var(--surface-mist); }
.client-sidebar { top: 88px; height: calc(100dvh - 100px); border: 1px solid var(--border-ui); border-radius: var(--radius-20); padding: var(--space-6) var(--space-4); background: var(--color-snow); color: var(--color-obsidian); }
.client-sidebar > .client-eyebrow, .client-sidebar > label { color: var(--text-muted); }
.client-sidebar > select { background: var(--surface-subtle); border-color: #e1e1e6; color: var(--color-obsidian); }
.client-sidebar nav a { color: var(--text-muted); border-radius: var(--radius-pill); }
.client-sidebar nav a.current { background: var(--surface-mist); color: var(--color-obsidian); box-shadow: none; font-weight: 500; }
.client-sidebar nav a:hover:not(.current) { background: var(--surface-subtle); color: var(--color-obsidian); }
.client-access-card { background: var(--surface-subtle); border-color: #e8e8eb; border-radius: var(--radius-16); margin-top: 30px; }
.client-access-card p { color: var(--text-muted); }
.client-access-card .client-dot { background: #777b86; }
.client-content { padding: var(--space-7); }
.client-page-heading h1 { font-family: var(--font-display,Georgia,serif); font-size: var(--text-40); font-weight: 400; line-height: 1.2; letter-spacing: -.02em; }
.client-page-heading p, .client-small, .client-message { color: var(--text-muted); }
.client-message.error { color: var(--status-blocked-text); background: var(--status-blocked-surface); padding: var(--space-3) 14px; border-radius: var(--radius-12); }
.client-metrics { gap: 14px; margin: var(--space-7) 0; }
.client-metric { border-color: var(--border-soft); border-radius: var(--radius-24); padding: var(--space-5); background: var(--color-snow); }
.client-metric:first-child { background: var(--brand-tint,var(--brand-tint)); border-color: transparent; }
.client-metric:first-child :is(span,p,strong) { color: var(--brand-ink,var(--brand-ink)); }
.client-metric strong { color: var(--color-obsidian); font-size: var(--text-34); font-weight: 450; letter-spacing: -.025em; }
.client-metric .client-metric-label { border-color: var(--border-soft); }
.client-metric:first-child .client-metric-label { border-color: #173f9f26; }
.client-metric-label .rw-icon { color: var(--text-muted); }
.client-metric:first-child .rw-icon { color: var(--brand-ink,var(--brand-ink)); }
.client-delivery-card { background: var(--color-snow); border-color: var(--border-soft); border-radius: var(--radius-24); color: var(--color-obsidian); padding: 30px; }
.client-delivery-card :is(.client-eyebrow,.client-small) { color: var(--text-muted); }
.client-delivery-card h2 { color: var(--color-obsidian); font-family: var(--font-display,Georgia,serif); font-size: var(--text-32); font-weight: 400; line-height: 1.2; letter-spacing: -.02em; }
.client-delivery-card p { color: var(--text-muted); }
.client-stage { border-color: var(--border-soft); }
.client-stage > strong { color: var(--color-obsidian); font-size: var(--text-22); font-weight: 450; }
.client-progress { background: #e9e9ed; height: 8px; }
.client-progress > span { background: var(--color-obsidian); border-radius: var(--radius-8); }
.client-stage .client-pill { background: var(--surface-mist); color: var(--text-muted); }
.client-stage .client-pill.current { background: var(--border-ui); color: var(--color-obsidian); }
.client-section-heading h2 { color: var(--color-obsidian); font-family: var(--font-display,Georgia,serif); font-size: var(--text-32); font-weight: 400; line-height: 1.2; letter-spacing: -.02em; }
.client-page .client-feature { background: var(--color-snow); border-color: var(--border-ui); border-radius: var(--radius-20); padding: var(--space-5); }
.client-page .client-feature:hover { background: var(--surface-subtle); border-color: #c6c7ce; }
.client-page .client-feature[aria-pressed=true] { background: var(--surface-subtle); border-color: #9a9da6; box-shadow: inset 2px 0 0 var(--color-obsidian); }
.client-feature-header strong { color: #33363d; font-weight: 500; }
.client-inspector { background: var(--color-snow); border-color: var(--border-ui); border-radius: var(--radius-24); padding: var(--space-6); }
.client-inspector h3 { color: var(--color-obsidian); font-weight: 500; }
.client-inspector form { border-color: var(--border-soft); }
.client-events { border-color: var(--border-ui); border-radius: var(--radius-24); overflow: hidden; }
.client-events li { border-color: var(--color-cloud); background: var(--color-snow); padding: 18px 22px; }
.client-events li:nth-child(even) { background: var(--surface-subtle); }
.client-brief { border-color: var(--border-ui); border-radius: var(--radius-24); background: var(--surface-subtle); padding: 26px; }
.client-brief dt { color: var(--text-muted); }
.client-brief dd { color: #33363d; }
.client-footer { border-color: var(--border-soft); color: var(--text-muted); background: var(--color-snow); }
@media (max-width: 1100px) { .client-content { padding: var(--space-6) 18px; } .client-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } .client-delivery-card, .client-brief { grid-template-columns: minmax(0,1fr); } .client-metric { padding: var(--space-4); } .client-auth-form { padding: var(--space-10) var(--space-8); } .auth-story { padding: var(--space-10) var(--space-8); } }
@media (max-width: 760px) {
  .client-topbar { padding: var(--space-3) var(--space-4); min-height: 72px; }
  .client-brand > span { width: 34px; height: 34px; }
  .client-auth { grid-template-columns: minmax(0,1fr); gap: var(--space-4); padding-inline: var(--space-4); margin-block: var(--space-8); }
  .auth-story { border-radius: var(--radius-24); padding: var(--space-8) var(--space-7); }
  .auth-story h1 { font-size: 46px; }
  .auth-story > p { font-size: var(--text-ui); margin-bottom: var(--space-6); }
  .auth-story .auth-note { max-width: none; margin-top: var(--space-6); }
  .client-auth-form { border-radius: var(--radius-24); padding: var(--space-8) var(--space-6); }
  .client-auth-form h2 { font-size: var(--text-36); margin-top: var(--space-4); }
  .client-page :is(input,select,textarea) { font-size: var(--text-16); }
  .client-layout { grid-template-columns: minmax(0,1fr); gap: 0; padding: var(--space-2); }
  .client-sidebar { position: static; height: auto; padding: var(--space-4); border-radius: var(--radius-20); }
  .client-sidebar nav { gap: var(--space-1); }
  .client-sidebar nav a { padding-inline: var(--space-3); }
  .client-content { padding: var(--space-7) var(--space-2); }
  .client-page-heading h1 { font-size: var(--text-34); }
  .client-metrics { gap: 10px; }
  .client-metric { padding: var(--space-4); border-radius: var(--radius-20); }
  .client-delivery-card { padding: var(--space-6); border-radius: var(--radius-24); gap: var(--space-5); }
  .client-delivery-card h2 { font-size: var(--text-30); }
  .client-stage { border-top-color: var(--border-soft); }
  .client-section-heading h2 { font-size: var(--text-28); }
  .client-page .client-feature { padding: 17px; border-radius: var(--radius-20); }
  .client-inspector { padding: var(--space-5); border-radius: var(--radius-24); }
  .client-brief { padding: var(--space-5); }
}
@media (prefers-reduced-motion: no-preference) { .client-page :is(button,input,select,textarea), .client-sidebar nav a { transition: background-color var(--duration-160),border-color var(--duration-160); } }
@media (max-width:640px), (pointer:coarse) {
  .client-page :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea) { font-size:var(--text-16); }
}