/* Separate confirmed state and explicitly estimated time phases. */
.ord-flow{container-type:inline-size;min-width:0;margin-block:0 24px;color:var(--gs-text,#e2e8f0);text-align:left;--flow-accent:var(--gs-accent-soft,#b1baff);--flow-line:var(--gs-line-2,#2b3542);--flow-muted:var(--gs-text-3,#99abc1);--flow-done:var(--gs-ok,#4ade80)}
.ord-flow--estimated{--flow-done:var(--gs-accent-soft,#b1baff)}
.ord-flow--overdue .ord-flow-current{color:var(--gs-warn,#fbbf24)}
.ord-flow-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:24px}
.ord-flow .ord-flow-title{margin:0;color:var(--gs-text-2,#c5cfdd);font-size:14px;line-height:1.5;font-weight:600}
.ord-flow-current{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--flow-accent);font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.ord-flow-indicator{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.ord-flow .ord-flow-list{list-style:none;padding:0;margin:0;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}
.ord-flow .ord-flow-step{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 3px;text-align:center;border:0}
.ord-flow-step:not(:last-child)::after{content:"";position:absolute;z-index:0;top:18px;left:calc(50% + 25px);width:calc(100% - 50px);height:2px;border-radius:2px;background:var(--flow-line)}
.ord-flow-step.is-connected::after{background:var(--flow-done)}
.ord-flow-marker{position:relative;z-index:1;display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid var(--flow-line);border-radius:12px;background:var(--gs-bg,#0b1017);color:var(--flow-muted);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.ord-flow-marker :is(i,svg){grid-area:1/1;width:17px;height:17px}
.ord-flow-marker i{display:none}
.ord-flow-index{grid-area:1/1}
.ord-flow-marker svg+.ord-flow-index{display:none}
.ord-flow .ord-flow-label{color:var(--flow-muted);font-size:12px;line-height:1.4;font-weight:500;overflow-wrap:anywhere;max-width:100%}
.ord-flow .ord-flow-state{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ord-flow .is-confirmed .ord-flow-marker{color:var(--flow-done);background:var(--gs-surface,#111923);border-color:var(--flow-done)}
.ord-flow .is-confirmed .ord-flow-label{color:var(--gs-text-2,#c5cfdd)}
.ord-flow .is-current .ord-flow-marker{color:#fff;background:var(--gs-accent,var(--accent,#4e63ee));border-color:var(--gs-accent,var(--accent,#4e63ee));animation:ord-flow-focus 240ms var(--ease-out,cubic-bezier(.23,1,.32,1)) both}
.ord-flow .is-current .ord-flow-label{color:var(--flow-accent);font-weight:700}
.ord-flow-details{display:none}
.ord-flow-details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;min-height:44px;padding:12px 0;color:var(--flow-accent);font-size:14px;font-weight:600;cursor:pointer;user-select:none;border-top:1px solid var(--flow-line)}
.ord-flow-details summary::-webkit-details-marker{display:none}
.ord-flow-details summary:focus-visible{outline:2px solid var(--flow-accent);outline-offset:4px;border-radius:4px}
.ord-flow-hide{display:none}
.ord-flow-details[open] .ord-flow-show{display:none}
.ord-flow-details[open] .ord-flow-hide{display:inline}
.ord-flow-chevron{flex:none}
.ord-flow-details[open] .ord-flow-chevron{transform:rotate(180deg)}
@keyframes ord-flow-focus{from{opacity:.65;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@keyframes ord-flow-settle{from{opacity:.8}to{opacity:1}}
/* Fallback browsers get the same vertical disclosure on a narrow viewport. */
@media(max-width:600px){
  .ord-flow .ord-flow-list--wide{display:none}
  .ord-flow-header{display:block;margin-bottom:12px}
  .ord-flow-current{margin-top:5px;font-size:16px}
  .ord-flow-details{display:block}
}
@container(max-width:520px){
  .ord-flow .ord-flow-list--wide{display:none}
  .ord-flow-header{display:block;margin-bottom:12px}
  .ord-flow-current{margin-top:5px;font-size:16px}
  .ord-flow-details{display:block}
}
.ord-flow .ord-flow-list--compact{display:flex;flex-direction:column;padding-top:8px}
.ord-flow .ord-flow-list--compact .ord-flow-step{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;min-height:64px;padding:0 0 20px}
.ord-flow-list--compact .ord-flow-step:last-child{padding-bottom:0;min-height:44px}
.ord-flow-list--compact .ord-flow-step:not(:last-child)::after{left:18px;top:41px;width:2px;height:calc(100% - 44px)}
.ord-flow .ord-flow-list--compact .ord-flow-label{font-size:14px}
.ord-flow .ord-flow-list--compact .is-current .ord-flow-state{position:static;width:auto;height:auto;clip-path:none;white-space:normal;font-size:11px;color:var(--flow-accent);font-weight:600}
/* A disclosure opened by keyboard is immediate; it doesn't replay load motion. */
.ord-flow .ord-flow-list--compact .ord-flow-marker{animation:none}
@media(hover:hover) and (pointer:fine){.ord-flow-details summary:hover{color:var(--gs-text,#e2e8f0)}}
@media(prefers-reduced-motion:reduce){.ord-flow .is-current .ord-flow-marker{animation:ord-flow-settle 160ms var(--ease-out,cubic-bezier(.23,1,.32,1)) both}.ord-flow .ord-flow-list--compact .ord-flow-marker{animation:none}}
@media print{.ord-flow .ord-flow-list--wide{display:grid}.ord-flow-details{display:none}.ord-flow .ord-flow-marker{animation:none}}