/* Small, scoped improvements to the existing Spatial Systems visual language. */
.auth-story h1 > span:first-of-type::before{display:none}
.draft-recovery{position:fixed;z-index:20;inset-inline:24px;inset-block-start:24px;max-inline-size:680px;margin-inline:auto;padding:20px;background:#102838;color:#ebf8ff;border:1px solid #70cad8;border-radius:12px;box-shadow:0 16px 60px #0008}
.draft-recovery[hidden],.project-row[hidden]{display:none}
.draft-recovery p{line-height:1.7;margin-block:0 16px}
.draft-recovery button{margin-inline-end:12px}
.app-confirm-dialog{max-inline-size:min(520px,90vw);padding:26px;border:1px solid #44697f;border-radius:14px;background:#0f2031;color:#e6f4ff;box-shadow:0 20px 80px #0009}
.app-confirm-dialog::backdrop{background:#020913b8}
.app-confirm-dialog p{font-size:15px;line-height:1.8;margin-block:0 24px}
.input-counter{display:block;text-align:end;color:#9db2c4;font-variant-numeric:tabular-nums}
.field-error{display:block;color:#ffbbc5;margin-block:5px}
.profile-input[aria-invalid=true]{border-color:#ff9aa8}
.history-controls{display:flex;flex-wrap:wrap;gap:12px;margin-block:18px}
.history-controls input,.history-controls select{min-block-size:44px;padding:10px 14px;border:1px solid #30485b;border-radius:9px;background:#0c1929;color:#e4eff9;font:inherit;min-inline-size:0}
.history-controls input{flex:1}
.profile-row>.remove-guidance{justify-self:end}
#workspace .test-messages:has(>.field-empty:only-child){block-size:110px;min-block-size:0}
#workspace .test-messages>.field-empty{background:transparent;color:#a4b6c9;border:1px dashed #30475e;margin:0}
.flow-toolbar button,.voice-list-toggle,.remove-guidance{min-block-size:44px;min-inline-size:44px}
.voice-list-toggle{margin-block:12px}
#workspace[data-view=settings] #voice-preferences-form{margin:0;padding:0;border:0;background:transparent}
#workspace[data-view=settings] .voice-heading{display:none}
#workspace[data-view]:not([data-view=scan]) .wizard-track{display:none}
#workspace[data-view]:not([data-view=scan]) .wizard-heading h1{font-size:30px;margin-block-end:6px}
#workspace[data-view]:not([data-view=scan]) .wizard-subnav{margin-block-end:12px;padding-block-end:12px}
#workspace[data-view=studio] .main-content{padding-block-start:16px}
#workspace[data-view=studio] .wizard-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding-block:4px 12px;margin:0}
#workspace[data-view=studio] .wizard-heading h1{font-size:25px;margin:0}
#workspace[data-view=studio] .wizard-heading p,#workspace[data-view=studio] #studio-section>.portal-heading{display:none}
#workspace[data-view=studio] .wizard-eyebrow{margin:0}
#workspace[data-view=studio] .portal-panel{padding:16px}
#workspace[data-view=studio] .graph-canvas{block-size:calc(100dvh - 365px);min-block-size:280px}
.flow-toolbar>div{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.flow-toolbar .text-button{color:#a2d7e2}
.flow-toolbar #load-graph{font-size:11px;padding:8px}
.operation-history{margin:16px;padding:16px;border:1px solid #2d455b;border-radius:10px}
.operation-history summary{cursor:pointer;min-block-size:32px}
.operation-row{display:flex;flex-wrap:wrap;gap:8px 16px;border-block-start:1px solid #263c50;padding-block:14px;font-size:13px}
.operation-row time,.operation-reference{color:#9eafc2;font-size:12px}
.operation-reference{overflow-wrap:anywhere;flex-basis:100%}
.operation-state.delivered{color:#8de9bf}.operation-state:is(.failed,.undelivered,.uncertain){color:#ffbdc6}
@media(max-width:700px){
 .auth-story{padding:16px 7%;gap:8px}
 .auth-story h1{font-size:25px;letter-spacing:-.5px}
 .auth-story p,.auth-story .tech-auth-symbol{display:none}
 .auth-story .brand-image-box--large{inline-size:175px;block-size:45px}
 .auth-card{padding-block:20px 30px}
 .auth-card .section-kicker{display:none}
 .auth-card h2{margin-block:5px 8px;font-size:25px}
 .auth-card .auth-switch{margin-block:18px}
 #auth-form{gap:13px}
 #workspace[data-view]:not([data-view=scan]) .sidebar{padding-block:8px}
 #workspace[data-view]:not([data-view=scan]) .sidebar .workspace-label,#workspace[data-view]:not([data-view=scan]) .sidebar .side-bottom{display:none}
 #workspace[data-view]:not([data-view=scan]) .topbar{min-block-size:0;padding-block:9px}
 #workspace[data-view]:not([data-view=scan]) .wizard-heading{padding-block:12px}
 #workspace[data-view]:not([data-view=scan]) .wizard-heading p{display:none}
 #workspace[data-view]:not([data-view=scan]) .main-content{padding-block-start:12px}
 #workspace[data-view]:not([data-view=scan]) .wizard-heading{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding-block:2px 10px;margin-block-end:0}
 #workspace[data-view]:not([data-view=scan]) .wizard-eyebrow{margin:0}
 #workspace[data-view]:not([data-view=scan]) .wizard-heading h1{font-size:24px;flex-basis:100%;margin:0}
 #workspace[data-view]:not([data-view=scan]) #save-state{display:none}
 #workspace[data-view]:not([data-view=scan]) #results-meta{display:none}
 .wizard-page,.step-nav{min-block-size:44px}
 .history-controls{flex-direction:column}
 .draft-recovery{inset-inline:12px;inset-block-start:12px}
}