/* Each view keeps its form nodes alive while exposing only the current screen. */
[data-wizard-hidden]{display:none!important}
#workspace .main-content{max-inline-size:1400px;min-block-size:calc(100dvh - 90px);padding-block-start:30px}
.wizard-heading{position:relative;padding-block:4px 18px;margin-block-end:10px}
.wizard-eyebrow{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--color-text-muted);margin-block-end:10px}
.wizard-eyebrow>span{border:1px solid #31526b;border-radius:20px;padding:6px 13px;color:#a8e3ec;background:var(--color-surface-raised)}
.wizard-business{font-weight:400;max-inline-size:45ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wizard-active-call{font:inherit;font-size:12px;border:1px solid #5ca88f;border-radius:20px;padding:7px 12px;color:#a7edd4;background:var(--color-surface-selected);cursor:pointer}
.tool-readiness-notice{margin-block:20px;padding:20px;border:1px solid #736239;border-radius:10px;background:var(--color-warning-bg);color:#f3ddb2}.tool-readiness-notice h4{margin:0 0 10px;font-size:16px}.tool-readiness-notice p{color:var(--color-warning)!important;font-size:13px!important}.tool-readiness-notice li{font-size:14px;margin-block:7px}.tool-readiness-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:18px}.tool-readiness-actions button{font-size:12px}
.wizard-heading h1{font-size:clamp(27px,3vw,40px);line-height:1.35;letter-spacing:normal;font-weight:500;margin:0 0 12px;color:#eef4fc}
.wizard-heading h1:focus{outline:none}
.wizard-heading p{font-size:14px;line-height:1.8;color:var(--color-text-muted);margin:0;max-inline-size:75ch}
.wizard-track{display:flex;gap:7px;max-inline-size:260px;margin-block-start:18px}
.wizard-track i{flex:1;block-size:3px;background:var(--color-line);border-radius:3px;transition:background .2s}
.wizard-track i.visited{background:#367386}.wizard-track i.current{background:var(--color-accent);box-shadow:0 0 12px #6bd7ea35}
.wizard-subnav{display:flex;flex-wrap:wrap;gap:8px;padding-block-end:18px;border-block-end:1px solid var(--color-line);margin-block-end:20px}
.wizard-page{padding:11px 15px;border:1px solid var(--color-line);border-radius:8px;background:var(--color-accent-ink);color:var(--color-text-muted);font:inherit;font-size:12px;line-height:1.5;cursor:pointer;transition:background .18s,border-color .18s}
.wizard-page:hover{border-color:#5c95ab;background:var(--color-surface-selected)}.wizard-page.selected{color:var(--color-text);background:var(--color-surface-selected);border-color:#4c99ad}
.wizard-page:focus-visible,.step-nav:focus-visible{outline:2px solid #86d9e8;outline-offset:3px}
.wizard-footer{position:sticky;inset-block-end:0;z-index:10;display:flex;gap:20px;align-items:center;padding:20px 0;margin-block-start:32px;background:linear-gradient(0deg,var(--color-surface) 80%,#0a111df5);border-block-start:1px solid var(--color-line)}
.wizard-position{flex:1;color:var(--color-text-subtle);font-size:12px;line-height:1.7}.wizard-footer button{flex:none;min-block-size:46px;font-size:13px;white-space:normal;max-inline-size:55%}
.wizard-back:before{content:'→';margin-inline-end:10px}.wizard-back:dir(ltr):before{content:'←'}
.wizard-next:after{content:'←';margin-inline-start:10px}.wizard-next:dir(ltr):after{content:'→'}
#workspace[data-view] .portal-panel{margin-block:0 20px;padding:26px;border-radius:14px}
#workspace[data-view] .portal-heading h2{font-size:23px;margin-block:0 8px}
#workspace[data-view] .portal-heading .section-kicker{display:none}
#workspace[data-view=scan] #scan-section{display:none}
#workspace[data-view=scan] .empty-state{min-block-size:210px;margin-block:0}
#workspace[data-view=scan] .scan-card{margin-block:0 18px}
#workspace[data-view=profile] .results-heading{padding-block:0 18px;margin:0}
#workspace[data-view=profile] .results-heading h2{font-size:21px}
#workspace[data-view=profile] .results-heading h2{display:none}
#workspace[data-view=profile] .results-heading p{margin-block:0}
#workspace[data-view=profile] .results-heading .eyebrow{display:none}
#workspace[data-view=profile] .result-tabs [data-tab=context]{display:none}
#workspace[data-view=profile] .panel-footer,#workspace[data-view=profile] #missing-information{display:none}
#workspace[data-view=profile] .tab-panel{padding:24px;border-radius:0 0 12px 12px}
#workspace[data-view=profile] .review-notice{margin-block-end:20px}
#workspace[data-view=profile] .profile-group{margin-block:0 20px;padding-block-end:20px}
#workspace[data-view=profile] .profile-group:last-child{border:0;margin:0;padding:0}
#workspace[data-view=profile] .profile-group h3{font-size:17px;margin-block:0 20px}
#workspace[data-view=context] .results-heading,#workspace[data-view=context] .result-tabs{display:none}
#workspace[data-view=context] #panel-context{border-radius:14px;border-block-start:1px solid var(--color-line)}
#workspace[data-view=context] .context-editor{min-block-size:290px;block-size:38dvh;max-block-size:560px;resize:vertical}
#workspace[data-view=context] .agent-panel{border-radius:12px}
#workspace[data-view] .session-note{display:none}
#workspace[data-view=settings] #settings-section>.portal-heading{display:none}
#workspace[data-view=settings] .settings-grid{gap:24px}
#workspace[data-view=settings] .settings-grid>label{font-size:14px}
#workspace[data-view=settings] .agent-role-description{grid-column:1/-1;order:1}
#workspace[data-view=settings] #agent-tools{margin:0;grid-column:1/-1}
#workspace[data-view=settings] .settings-actions>#save-settings{display:none}
#workspace[data-view=studio] #studio-section>.portal-heading>div{display:none}
#workspace[data-view=studio] .studio-grid{grid-template-columns:minmax(0,1fr)}
#workspace[data-view=studio] .graph-canvas{block-size:55dvh;min-block-size:360px}
#workspace[data-view=studio] .voice-preferences{margin-block:0}
#workspace[data-view=studio] .test-messages{block-size:38dvh;min-block-size:240px}
.service-editor{border:1px solid var(--color-line)!important;border-radius:10px!important;margin-block:10px!important;padding:0!important;overflow:hidden}
.service-editor>summary,.optional-knowledge>summary{cursor:pointer;list-style-position:inside;color:var(--color-text);font-size:14px;line-height:1.6;padding:16px 18px;background:var(--color-surface-raised)}
.service-editor[open]>summary{border-block-end:1px solid var(--color-line);margin-block-end:8px;background:var(--color-surface-selected)}
.service-editor>div{padding:8px 18px}.service-editor>div:last-child{padding-block-end:18px}
.service-editor summary:hover{color:#a9eff7}
.optional-knowledge{border:1px solid var(--color-line)!important;border-radius:10px;overflow:hidden}
.optional-knowledge>.service-card{margin:18px}
.step-nav{position:relative;transition:background .2s,border-color .2s,color .2s;min-block-size:66px}
.step-nav.completed:not(.active) .step-number{color:var(--color-success)}
.step-nav.completed:not(.active):after{content:'✓';margin-inline-start:auto;color:var(--color-success);font-size:12px}
.step-nav:disabled{opacity:.4;cursor:not-allowed}
.step-nav[data-section=history]{margin-block-start:22px;border-block-start:1px solid var(--color-line);padding-block-start:18px}
#workspace .step-nav.active{box-shadow:inset -2px 0 var(--color-accent)}.step-nav.active:dir(ltr){box-shadow:inset 2px 0 var(--color-accent)!important}
.wizard-enter{animation:wizard-arrive .24s ease-out}
@media(min-width:801px) and (max-height:900px){#workspace .sidebar-note{display:none}#workspace .sidebar-bottom{margin-block-start:auto}#workspace .step-nav{min-block-size:57px;padding-block:10px}#workspace .sidebar{overflow-y:auto}#workspace .steps-nav{flex-shrink:0}}
#workspace[data-view] :is(#results-section,#settings-section,#studio-section,#history-section):not([data-wizard-hidden]){animation:wizard-arrive .24s ease-out}
@keyframes wizard-arrive{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){#workspace .main-content{padding-block-start:35px}}
@media(max-width:1000px){.wizard-page{font-size:var(--text-xs);padding:10px}.wizard-subnav{gap:6px}.wizard-heading h1{font-size:30px}}
@media(max-width:800px){
  #workspace .sidebar{display:flex;flex-wrap:wrap;padding:14px 20px;gap:10px;position:relative;inline-size:100%;box-sizing:border-box}
  #workspace .sidebar .workspace-label,#workspace .sidebar .side-divider,#workspace .sidebar .sidebar-note,#workspace .sidebar .nav-caption{display:none}
  #workspace .steps-nav{display:flex;inline-size:100%;order:5;overflow-x:auto;gap:7px;padding-block:7px;scrollbar-width:thin}
  #workspace .step-nav{display:flex;flex:0 0 auto;min-block-size:44px;inline-size:auto;gap:8px;padding:9px 12px;border:1px solid var(--color-line);border-radius:8px;font-size:var(--text-xs)}
  #workspace .step-nav small,#workspace .step-nav .nav-dot,#workspace .step-nav:after{display:none}
  #workspace .step-nav[data-section=history]{margin:0;padding:9px 12px}
  #workspace .step-number{font-size:var(--text-xs)}
  #workspace .topbar{block-size:auto;min-block-size:64px;align-items:center;padding-block:12px;gap:12px;flex-wrap:wrap}
  #workspace .topbar-right{gap:9px;justify-content:flex-start;flex-wrap:wrap}
  #workspace .topbar .breadcrumb{display:none}
  #workspace .main-content{padding-block-start:20px}
  .wizard-heading{padding-block-end:14px}.wizard-heading h1{font-size:28px}.wizard-heading p{font-size:13px}
  .wizard-subnav{flex-wrap:nowrap;overflow-x:auto;padding-block-end:16px;margin-block-end:20px}.wizard-page{flex:none}
  .wizard-footer{gap:10px;padding-block:14px}.wizard-position{font-size:var(--text-xs)}.wizard-footer button{padding:12px;max-inline-size:58%;font-size:12px}
  #workspace[data-view] .portal-panel,#workspace[data-view=profile] .tab-panel{padding:18px}
}
@media(max-width:540px){.wizard-footer{flex-wrap:wrap}.wizard-position{order:-1;flex-basis:100%}.wizard-next{margin-inline-start:auto}.wizard-eyebrow{gap:10px}.wizard-business{max-inline-size:20ch}#workspace[data-view=profile] .results-heading{flex-wrap:wrap}.service-editor>summary{padding:14px}}
@media(prefers-reduced-motion:reduce){.wizard-enter,#workspace[data-view] :is(#results-section,#settings-section,#studio-section,#history-section):not([data-wizard-hidden]){animation:none}.step-nav,.wizard-page,.wizard-track i{transition:none}}

/* Round 2: agent summary, advanced instructions, publish checklist and persistent errors */
.agent-summary{list-style:none;margin:16px 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}
.agent-summary li{padding:10px 14px;border:1px solid #31556e;border-radius:6px;background:var(--color-accent-ink);font-size:13px;color:var(--color-text)}
.advanced-context{margin-block-start:22px;border:1px solid var(--color-line);border-radius:6px;padding:0 16px}
.advanced-context>summary{cursor:pointer;padding:14px 0;font-size:13px;color:var(--color-accent-soft)}
.advanced-context[open]{padding-block-end:16px}
.publish-checklist{list-style:none;margin:14px 0;padding:0;display:grid;gap:6px}
.publish-checklist li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-text)}
.publish-checklist li.missing{color:var(--color-danger)}
.publish-checklist .checklist-mark{inline-size:18px;text-align:center;color:var(--color-accent)}
.publish-checklist li.missing .checklist-mark{color:#eea391}
.publish-checklist .text-button{font-size:12px;margin-inline-start:auto;white-space:nowrap}
.error-banner{position:fixed;inset-block-start:16px;inset-inline:30px;max-inline-size:640px;margin-inline:auto;display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:var(--color-danger-bg);border:1px solid var(--color-danger-line);border-radius:8px;color:var(--color-danger);box-shadow:0 12px 40px #0006;z-index:30}
.error-banner p{margin:0;flex:1;font-size:13px;line-height:1.5}
.error-banner .text-button{color:var(--color-danger);font-size:14px;padding:2px 6px}
@media(max-width:700px){.error-banner{inset-inline:16px}}
.toast{z-index:30}
