/* Founder and paid-client workspaces share the official public identity. */
* { box-sizing: border-box; }
html { color-scheme: light; scroll-padding-top: 1rem; }
body { margin:0; background:var(--ing-canvas); color:var(--ing-ink); font:1rem/1.65 var(--ing-functional); }
.shell { max-width:1200px; margin:auto; padding:2rem 1.5rem 4rem; }
.workspace-header { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; margin-bottom:2rem; }
.workspace-brand { display:flex; align-items:center; gap:.8rem; color:var(--ing-ink); text-decoration:none; font:600 1.8rem/1.2 var(--ing-editorial); }
.workspace-brand img { width:64px; height:64px; object-fit:contain; }
.workspace-header details { margin:0; background:var(--ing-pearl); }
.workspace-header nav { max-width:100%; }
.workspace-header nav a { display:inline-flex; align-items:center; min-height:44px; padding:.5rem .75rem; }
.skip-link { position:absolute; top:-8rem; left:1rem; padding:.75rem 1rem; z-index:100; background:var(--ing-blue); color:white; }
.skip-link:focus { top:1rem; }
.hero.card { border:0; background:var(--ing-hero); color:white; padding:2.5rem; text-align:center; border-radius:1.5rem; }
.hero h1 { color:white; max-width:24ch; margin:.6rem auto; font-size:clamp(2.2rem,4vw,3.6rem); }
.hero p { margin:.75rem auto 0; max-width:65ch; }
.hero .eyebrow { color:#fff; }
h1,h2,h3 { font-family:var(--ing-editorial); font-weight:600; line-height:1.2; }
h2 { color:var(--ing-blue); font-size:clamp(1.8rem,2.7vw,2.3rem); margin:0 0 1rem; }
h3 { color:var(--ing-lavender); font-size:1.5rem; margin:0 0 .65rem; }
p { margin:0 0 1rem; }
p:last-child { margin-bottom:0; }
.eyebrow { font-size:.85rem; font-weight:650; text-transform:uppercase; letter-spacing:.12em; }
.card { padding:2rem; margin:1.5rem 0; background:var(--ing-pearl); border:1px solid var(--ing-border); border-radius:1.5rem; box-shadow:0 12px 35px -28px #4c305e66; }
.card>p { max-width:72ch; }
.muted { color:var(--ing-copy); }
.panel,.item { padding:1.25rem; margin:1rem 0; background:var(--ing-lavender-wash); border:1px solid var(--ing-border); border-radius:1rem; }
.item { background:var(--ing-pearl); }
.item p { margin:.65rem 0 0; }
.grid,.workspace-dashboard { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; align-items:start; }
.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.workspace-dashboard>.card { margin:0; }
label { display:block; margin:1.25rem 0 .5rem; font-weight:650; }
input,textarea,select { width:100%; max-width:100%; padding:.8rem; border:1px solid var(--ing-control-border); border-radius:.7rem; color:var(--ing-ink); background:var(--ing-pearl); font:inherit; min-height:44px; }
input[type=checkbox],input[type=radio] { width:1.25rem; min-height:1.25rem; accent-color:var(--ing-blue); }
label:has(input[type=checkbox]),label:has(input[type=radio]) { min-height:44px; display:flex; gap:.65rem; align-items:center; }
textarea { min-height:120px; resize:vertical; }
input::placeholder,textarea::placeholder { color:var(--ing-copy); opacity:1; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:44px; min-width:44px; padding:.75rem 1.1rem; margin:.5rem .35rem 0 0; border:1px solid var(--ing-blue); border-radius:999px; background:var(--ing-blue); color:white; font:650 1rem/1.4 var(--ing-functional); cursor:pointer; text-decoration:none; white-space:normal; text-align:center; }
.btn.secondary { background:var(--ing-pearl); color:var(--ing-blue); }
.btn:hover { background:#193557; color:white; }
.btn:disabled { cursor:wait; background:#e8e0eb; color:var(--ing-copy); border-color:var(--ing-control-border); }
.draft-tools { display:flex; flex-wrap:wrap; gap:.65rem; margin:1rem 0; }
.draft-tools .btn { margin:0; }
.status { min-height:1.5rem; margin:1rem 0; }
.status:not(:empty) { padding:1rem; border-radius:.7rem; background:var(--ing-pearl); border:1px solid var(--ing-border); }
.ok { color:var(--ing-sage); }
.bad { color:var(--ing-error); }
.hidden { display:none!important; }
a { color:var(--ing-blue); text-decoration-thickness:1px; text-underline-offset:.18em; }
:focus-visible { outline:3px solid var(--ing-focus); outline-offset:4px; }
.hero :focus-visible { outline-color:white; }
details { border:1px solid var(--ing-border); border-radius:.8rem; padding:0 1rem; margin:1rem 0; background:var(--ing-pearl); }
summary { min-height:44px; padding:.75rem 0; cursor:pointer; font-weight:650; color:var(--ing-lavender); }
details[open]>summary { margin-bottom:.75rem; }
details>p { margin-bottom:1rem; }
.workspace-tabs { display:flex; flex-wrap:wrap; gap:.5rem; margin:1.5rem 0; padding:.6rem; background:var(--ing-pearl); border:1px solid var(--ing-border); border-radius:1rem; }
.workspace-tabs .btn { flex:1 1 auto; margin:0; border-radius:.7rem; background:transparent; color:var(--ing-blue); border:1px solid transparent; }
.workspace-tabs .btn[aria-selected=true] { background:var(--ing-blue); color:white; }
.workspace-tabs .btn[aria-selected=true] { border:3px solid var(--ing-blue); font-weight:750; }
.workspace-tabs .btn:hover:not([aria-selected=true]) { background:var(--ing-blue-wash); }
[role=tabpanel]>.card:first-child { margin-top:0; }
.tag { display:inline-block; padding:.3rem .7rem; margin:.2rem; border-radius:999px; background:var(--ing-lavender-wash); color:var(--ing-lavender); font-size:.9rem; font-weight:600; }
.timeline { border-left:3px solid var(--ing-blue); padding-left:1rem; }
.progress { height:.65rem; background:var(--ing-lavender-wash); border-radius:999px; overflow:hidden; }
.progress span { display:block; height:100%; background:var(--ing-blue); }
pre { white-space:pre-wrap; overflow-wrap:anywhere; padding:1rem; border:1px solid var(--ing-border); background:var(--ing-pearl); border-radius:.8rem; font:inherit; }
dl { margin:1rem 0; }
dt { color:var(--ing-lavender); font-weight:650; margin:1rem 0 .3rem; }
dd { margin:0; padding-bottom:.75rem; border-bottom:1px solid var(--ing-border); }
ul,ol { padding-left:1.5rem; }
li { margin:.35rem 0; }
#clientSwitcher { background:linear-gradient(120deg,var(--ing-blue-wash),var(--ing-rose-wash)); }
#clientSwitcher h2 { font-size:1.6rem; }
#clientSwitcher label { margin-top:.75rem; }
#founderSchedule { border-top:4px solid var(--ing-sage); background:var(--ing-sage-wash); }
#workspaceAssistantShell { border-top:4px solid var(--ing-lavender); background:var(--ing-lavender-wash); }
#workspaceAssistantReply:empty { display:none; }
#workspaceAssistantReply:not(:empty) { padding:1rem; margin-top:1rem; border:1px solid var(--ing-border); border-radius:.8rem; background:var(--ing-pearl); }
#workspaceAssistantHistory { max-height:26rem; overflow:auto; }
#nextMeeting a { display:inline-flex; align-items:center; min-height:44px; padding:.7rem 1rem; background:var(--ing-blue); color:white; border-radius:999px; margin:.3rem 0; }
.proposal-header { text-align:center; padding:1rem 0; border-bottom:1px solid var(--ing-border); }
.proposal-header h3 { font-size:2rem; }
.proposal-price { font-size:2rem; font-weight:650; color:var(--ing-blue); }
.proposal-price small { display:block; font-size:1rem; color:var(--ing-copy); }
.proposal-section { margin-top:1.5rem; }
.workspace-services { display:flex; justify-content:center; flex-wrap:wrap; gap:.65rem; padding:0; margin:1.5rem 0 0; list-style:none; }
.workspace-services li { border:1px solid #cfc2dc; border-radius:999px; padding:.5rem 1rem; color:var(--ing-ink); background:var(--ing-pearl); }
.workspace-footer { margin-top:2rem; padding:1.5rem 0; border-top:1px solid var(--ing-border); text-align:center; color:var(--ing-copy); }
body :is(main,section,article,aside,div,figure,dl,dd,dt,p,h1,h2,h3,a,button,label,li,nav) { min-width:0; overflow-wrap:anywhere; }
@media(max-width:900px) { .workspace-dashboard,.grid,.three { grid-template-columns:1fr; } }
@media(max-width:600px) { .shell { padding:1rem .75rem 3rem; } .hero.card,.card { padding:1.25rem; } .workspace-tabs .btn { flex:1 1 40%; padding:.65rem .35rem; } .workspace-brand { font-size:1.5rem; } .draft-tools .btn { flex:1 1 100%; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media(forced-colors:active) { .hero.card,.card,.tag,.btn,.item,.workspace-services li { background:Canvas; color:CanvasText; border:1px solid CanvasText; box-shadow:none; } h1,h2,h3,summary,.hero h1,.hero .eyebrow { color:CanvasText; } .workspace-tabs .btn[aria-selected=true] { border:3px solid Highlight; } }

.email-preview { background:var(--ing-paper); border:1px solid var(--ing-border); }
.email-preview-brand { padding:1.25rem; margin:-1rem -1rem 1.25rem; border-radius:.65rem .65rem 0 0; background:var(--ing-lavender-wash); text-align:center; }
.email-preview-brand img { width:80px; height:80px; object-fit:contain; }
.email-preview-brand p { margin:.75rem 0 0; font-family:var(--ing-editorial); font-size:1.4rem; color:var(--ing-lavender); }

/* Human-first client desk: name, next action, then the task tools. */
.hero.card:has(+ #loading.hidden) { padding:1.5rem; }
.workspace-next-step { background:var(--ing-blue-wash); border-left:5px solid var(--ing-blue); }
.workspace-next-step h2 { margin:.5rem 0 .75rem; }
#clientWorkSummary { margin-top:1rem; }
#clientSwitcher { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:2rem; }
#clientSwitcher h2,#clientSwitcher #activeClientLabel { grid-column:1; }
#clientSwitcher label,#clientSwitcher select { grid-column:2; }
#clientSwitcher label { grid-row:1; margin:0 0 .5rem; }
#clientSwitcher select { grid-row:2; }
#clientSwitcher #workspaceAttention { grid-column:1 / -1; }
#clientSwitcher .btn { justify-self:start; }
#proposalNotesReview { padding:1.5rem; margin:1rem 0; background:var(--ing-pearl); border:1px solid var(--ing-border); border-radius:1rem; }
#assistantShortcuts { gap:.5rem; }
#workspaceAssistantShell textarea { min-height:88px; }
#workspaceAssistantShell details .btn { margin-bottom:1rem; }
#workspace-panel-4>details>.card { box-shadow:none; margin:0 0 1rem; }
@media(max-width:600px){#clientSwitcher{display:block}.hero.card{padding:1.25rem}.workspace-services li{border-radius:1rem}.workspace-next-step .btn{width:100%}}

#workspaceAssistantShell>summary{font:600 1.8rem/1.3 var(--ing-editorial);color:var(--ing-lavender)}

.workspace-dashboard-compact{display:block}.workspace-dashboard-compact>#workspaceAssistantShell{margin-bottom:1rem}