/* Icons identify a task or state; text always carries its meaning. */
.page-intro{display:flex;align-items:flex-start;gap:14px;min-width:0}.page-intro>div{min-width:0}.page-symbol{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;background:var(--mint);color:var(--primary);border-radius:10px;margin-top:1px}.page-symbol svg{width:24px;height:24px}.page-heading{align-items:flex-start}.page-heading p{margin-top:7px}
.stage-wayfinding{margin:-6px 0 26px;padding:12px 0;border-block:1px solid var(--line)}.stage-wayfinding ol{display:flex;align-items:stretch;list-style:none;margin:0;padding:0;gap:8px}.stage-wayfinding li{flex:1;display:flex;align-items:center;min-width:0;gap:4px}.stage-wayfinding li>button,.stage-wayfinding .stage-context{display:flex;align-items:center;gap:8px;min-height:46px;padding:7px 9px;border-radius:7px;min-width:0;width:100%;background:none;border:1px solid transparent;text-align:left;color:var(--muted);font-size:12px;line-height:1.3}.stage-wayfinding li>button:hover{background:var(--bg);color:var(--ink);border-color:var(--line)}.stage-wayfinding .is-current>button,.stage-wayfinding .is-current>.stage-context{border-color:var(--primary);background:var(--mint);color:var(--primary);font-weight:600}.stage-symbol{display:flex;flex-shrink:0}.stage-symbol svg{width:20px;height:20px}.stage-name{min-width:0}.stage-name small{display:block;font-size:10px;font-weight:450;margin-top:3px}.stage-connector{display:flex;flex-shrink:0;color:var(--muted)}.stage-connector svg{width:12px;height:12px}.stage-wayfinding .stage-context{color:var(--muted)}
.section-title{display:inline-flex;align-items:center;gap:9px}.section-title>svg{width:20px;height:20px;flex-shrink:0;color:var(--primary)}.record-identity{display:flex;align-items:center;gap:8px}.record-identity>svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}.transport-card .record-identity>svg{color:var(--primary);width:23px;height:23px}.field label>svg{width:15px;height:15px;vertical-align:-3px;margin-right:6px;color:var(--muted)}.form-section legend>svg{width:18px;height:18px;vertical-align:-3px;margin-right:8px;color:var(--primary)}.tabs .tab{display:inline-flex;align-items:center;gap:8px}.tabs .tab>svg{width:18px;height:18px;flex-shrink:0}.next-action-cue{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.next-action-cue>svg{width:16px;height:16px;flex-shrink:0}.role-select>svg{width:18px;height:18px;color:var(--muted);flex-shrink:0;align-self:center}.material-kind-symbol{fill:none;stroke:var(--primary);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.loading-mode-cue{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg);border-block:1px solid var(--line)}#loading-mode-preview{margin:16px 0 20px}#loading-mode-preview .loading-mode-cue{border:1px solid var(--line);border-radius:8px}.loading-mode-cue>span:last-child{min-width:0}.loading-mode-cue strong{font-size:13px;font-weight:600;display:block}.loading-mode-cue small{display:block;font-size:12px;color:var(--muted);line-height:1.45;margin-top:4px}.mode-diagram{display:flex;align-items:center;gap:6px;flex-shrink:0;color:var(--primary)}.mode-diagram>span{display:flex;align-items:center;gap:1px}.mode-diagram svg{width:21px;height:21px}.mode-diagram>svg{width:14px;height:14px;color:var(--muted)}.mode-diagram>span:first-child svg{width:15px;height:19px}.loading-mode-cue.segregated .mode-diagram{color:var(--blue)}
.transport-input-row.is-selected{background:var(--mint);border-radius:8px;outline:1px solid var(--primary);outline-offset:5px}.transport-input-row{margin-inline:5px}.transport-input-row.is-selected .available-label{color:var(--primary)}.transport-input-row .check-label input{flex-shrink:0}.form-actions .next-action-cue{display:inline-flex}.measure>span:first-child{padding-left:0}
@media(max-width:1150px) and (min-width:721px){.stage-wayfinding ol{gap:3px}.stage-wayfinding li>button,.stage-wayfinding .stage-context{flex-direction:column;align-items:flex-start;gap:5px;padding:7px;font-size:11px}.stage-name small{font-size:10px}.stage-connector{margin-left:-3px}.mode-diagram{gap:3px}.loading-mode-cue{gap:10px}}
@media(max-width:720px){.page-symbol{width:36px;height:36px;flex-basis:36px;border-radius:8px}.page-symbol svg{width:21px;height:21px}.page-intro{gap:11px}.page-intro p{margin-left:-47px;margin-top:16px}.stage-wayfinding{margin:0 0 22px;padding:10px 0}.stage-wayfinding .is-other{display:none}.stage-wayfinding li>button,.stage-wayfinding .stage-context{font-size:12px;padding:7px 10px;min-height:52px}.stage-wayfinding .is-next .stage-connector{display:none}.stage-wayfinding .is-current:last-child{max-width:230px}.stage-wayfinding ol{gap:8px}.stage-name small{font-size:11px}.section-title{gap:8px}.section-title>svg{width:19px;height:19px}.role-select>svg{display:none}.loading-mode-cue{gap:10px;padding:13px 12px}.mode-diagram{gap:3px}.mode-diagram>span:first-child svg{width:13px}.mode-diagram>span>svg{width:18px}.loading-mode-cue small{font-size:12px}.tabs .tab{gap:6px}.tabs .tab>svg{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.stage-wayfinding *,.transport-input-row{transition:none!important}}

.columns>.panel{margin-top:0}

/* A brief invitation to the guided demo. Text and the hit area stay stationary. */
.btn.demo-attention{position:relative;isolation:isolate;overflow:hidden;background:var(--primary);color:white}
.demo-attention::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:-70% -25%;background:linear-gradient(110deg,transparent 28%,rgba(172,239,191,.08) 39%,rgba(172,239,191,.25) 49%,rgba(172,239,191,.08) 59%,transparent 70%);transform:translateX(-110%);animation:demo-invite-flow 4.8s cubic-bezier(.25,1,.5,1) 1 both}
.demo-attention::after{content:'';position:absolute;pointer-events:none;inset:2px;border:1px solid rgba(222,255,231,.8);border-radius:4px;opacity:0;animation:demo-invite-pulse 2.4s ease-out 2}
.demo-attention>svg{transform-origin:center;animation:demo-invite-play 2.4s ease-out 2}
.demo-attention:hover::before,.demo-attention:hover::after,.demo-attention:hover>svg,.demo-attention:focus-visible::before,.demo-attention:focus-visible::after,.demo-attention:focus-visible>svg{animation-play-state:paused}
@keyframes demo-invite-flow{0%,8%{transform:translateX(-110%);opacity:0}18%{opacity:1}68%{opacity:1}92%,100%{transform:translateX(110%);opacity:0}}
@keyframes demo-invite-pulse{0%,100%{opacity:0}28%,48%{opacity:.8}}
@keyframes demo-invite-play{0%,100%{transform:scale(1);opacity:1}30%,48%{transform:scale(1.12);opacity:.72}}
@media(prefers-reduced-motion:reduce){.demo-attention::before,.demo-attention::after{display:none;animation:none}.demo-attention>svg{animation:none;transform:none;opacity:1}}