.step-nav{overscroll-behavior-x:contain;scrollbar-width:none;gap:6px;min-width:0;padding:2px 0;display:flex;overflow-x:auto}.step-nav::-webkit-scrollbar{display:none}.step-nav__item{border:1px solid var(--line);min-height:36px;color:var(--ink-2);background:var(--surface);text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--dur-1), color var(--dur-1);border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:450;line-height:20px;display:flex}.step-nav__icon{width:16px;height:16px;color:var(--muted);stroke-width:1.65px;flex-shrink:0}.step-nav__label{min-width:0}.step-nav__status{flex-shrink:0;margin-inline-start:auto}@media (hover:hover) and (pointer:fine){.step-nav__item:hover{color:var(--ink);background:var(--surface-hover)}}.step-nav__item:active{background:var(--surface-3)}.step-nav__item[aria-current=step]{color:var(--accent-strong);background:var(--accent-soft);border-color:#0000;font-weight:600}.step-nav__item[aria-current=step] .step-nav__icon,.step-nav__item[aria-current=step] .step-nav__status:is(svg){color:inherit}.step-nav__item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width>=1024px){.step-nav{top:calc(var(--shell-top,0px) + 16px);flex-direction:column;gap:2px;padding:0;position:sticky;overflow:visible}.step-nav__item{background:0 0;border-color:#0000;flex-shrink:1;width:100%;padding-inline:10px}.step-nav__label{text-overflow:ellipsis;overflow:clip}}@media (width>=1024px) and (hover:hover) and (pointer:fine){.step-nav__item:hover{background:var(--surface-hover)}.step-nav__item[aria-current=step]:hover{background:var(--accent-soft)}}.record-surface{min-width:0;color:var(--ink)}.record-surface [data-slot=label]{color:var(--ink-2);font-size:13px;font-weight:500;line-height:20px}.record-surface :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger],[role=combobox]):not(:disabled):not([aria-invalid=true]){background:var(--surface);box-shadow:none}.record-surface :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger],[role=combobox]):not(:disabled):not([aria-invalid=true]):focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 1px var(--accent)}
