/* The settlement step list (ui/settlement-timeline.js): trade ticket, order
   view and Portfolio open trades share it (moved from funded-purchase.css, 3 Oct). */
.settlement-timeline{--st-mark:var(--sp-6);list-style:none;padding:0;margin:var(--sp-4) 0 var(--sp-2);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-2);text-align:center;font-variant-numeric:tabular-nums}
.settlement-timeline li{position:relative;display:grid;justify-items:center;align-content:start;gap:var(--sp-1);min-width:0}
.settlement-timeline li::before{content:"";position:relative;z-index:1;box-sizing:border-box;width:var(--st-mark);height:var(--st-mark);display:grid;place-items:center;border:2px solid var(--border);border-radius:var(--r-pill);background:var(--bg-surface);color:var(--fg-muted);font:var(--fw-bold) var(--fs-micro)/1 var(--sans)}
.settlement-timeline li:not(:last-child)::after{content:"";position:absolute;top:calc(var(--st-mark) / 2 - 1px);left:calc(50% + var(--st-mark) / 2);right:calc(var(--st-mark) / 2 - 50% - var(--sp-2));height:2px;background:var(--border)}
.settlement-timeline li[data-state=done]::before{content:"\2713";border-color:var(--accent-fill);background:var(--accent-fill);color:var(--accent-on-fill)}
.settlement-timeline li[data-state=done]::after{background:var(--accent-fill)}
.settlement-timeline li[data-state=pending]::before{border-color:var(--accent-fill);border-right-color:transparent;animation:ui-spin .8s linear infinite}
.settlement-timeline li[data-state=review]::before,.settlement-timeline li[data-state=action]::before{content:"!";border-color:var(--warn);background:var(--warn-bg);color:var(--warn)}
.settlement-timeline li[data-state=error]::before{content:"\00D7";border-color:var(--bad);background:var(--bad);color:var(--bg-surface)}
.settlement-timeline li[data-state=closed]::before{content:"\2013";background:var(--bg-sunk)}
.settlement-timeline .st-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--fg);overflow-wrap:anywhere}
.settlement-timeline li[data-state=waiting] .st-label{color:var(--fg-muted);font-weight:var(--fw-medium)}
.settlement-timeline .st-status{font-size:var(--fs-2xs);color:var(--fg-2)}
.settlement-timeline .st-status:empty{display:none}
.settlement-timeline .st-time{font-size:var(--fs-2xs);color:var(--fg-muted)}
.settlement-timeline .st-time:empty{display:none}
.settlement-timeline .st-time[data-state=delayed]{color:var(--warn)}
/* A review: the order reference, one tap to copy. */
.st-ref{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin:var(--sp-2) 0 0;font-size:var(--fs-xs);color:var(--fg-2);font-variant-numeric:tabular-nums}
.st-ref-said:empty{display:none}