/* Series liquidations — the desk.
   A board of positions past their pool's limit beside a persistent desk. Rows speak the term
   rail's language: 84px ruled rows, condensed Archivo figures, mono units, and a compact LTV
   gauge (neutral up to the limit, coral past it, the zone beyond hatched as a measuring tool).
   The desk explains the exchange as a lamp track until a position is chosen, then becomes the
   ticket: You spend → You receive, with the draft drawn against the position's maximum.
   Loaded after seriesNotes.css; segmented.css (loaded last) owns the pool strip and payout. */

#series-notes-page #sn-liquidations { padding: 0; }
.sl-sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

.sl-layout {
  display: grid; grid-template-columns: minmax(0, 1fr) 380px; align-items: stretch;
  min-height: calc(100dvh - var(--aera-sticky-height, 56px) - var(--status-h, 32px) - 112px);
}

/* ---------- Board ---------- */
.sl-pool-paused { flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--network-label); }
.sl-board { display: flex; flex-direction: column; min-width: 0; }
.sl-board-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; min-height: 72px; padding: 14px var(--pane-x); border-bottom: 1px solid var(--terminal-rule); }
.sl-board-state { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px 18px; margin: 0; color: var(--text-soft); font: 400 .75rem/1.4 var(--fontfam-term); font-variant-numeric: tabular-nums slashed-zero; }
.sl-board-state > :empty { display: none; }
#sl-freshness { color: var(--text-muted); }
:is(#sl-freshness, #sl-estimate-flag)[data-tone="stale"], .sl-flag { display: inline-flex; align-items: center; gap: 7px; color: var(--network-label); }
:is(#sl-freshness, #sl-estimate-flag)[data-tone="stale"]::before, .sl-flag::before { content: ''; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--network-label); }
.sl-flag { font: 500 .6875rem/1 var(--fontfam-term); white-space: nowrap; }

.sl-table-wrap { position: relative; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: var(--rule-strong) transparent; }
.sl-table-wrap:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; }
.sl-table { width: 100%; border-collapse: collapse; table-layout: auto; }
.sl-table thead th { height: 40px; padding: 0 16px; border-bottom: 1px solid var(--terminal-rule); color: var(--text-muted); font: var(--colhead); letter-spacing: .06em; text-transform: uppercase; text-align: left; white-space: nowrap; }
.sl-table thead th.sl-num { text-align: right; }
.sl-table :is(thead th, .sl-row > *):first-child { padding-left: var(--pane-x); }
.sl-table :is(thead th, .sl-row > *):last-child { padding-right: calc(var(--pane-x) - 8px); }

.sl-row { cursor: pointer; }
.sl-row > * { height: 84px; padding: 0 16px; border-bottom: 1px solid var(--terminal-rule); vertical-align: middle; transition: background-color 160ms ease-out, box-shadow 160ms ease-out; }
.sl-row:hover > * { background: var(--terminal-control); }
.sl-row.is-selected > * { background: var(--terminal-selected); }
.sl-row.is-selected > :first-child { box-shadow: inset 2px 0 0 var(--positive-fill); }
.sl-row[data-ready="false"] :is(.sl-figure, .sl-ltv-read b) { color: var(--text-muted); }

.sl-who { width: 1%; min-width: 210px; color: inherit; font-weight: inherit; text-align: left; white-space: nowrap; }
.sl-borrower { display: block; color: var(--text); font: 500 .875rem/1.3 var(--fontfam-term); font-variant-numeric: tabular-nums slashed-zero; letter-spacing: .01em; }
.sl-who-meta { display: flex; align-items: center; gap: 10px; margin-top: 9px; color: var(--text-muted); font: 400 .75rem/1 var(--fontfam-term); white-space: nowrap; }
.sl-note-tag { display: inline-flex; align-items: center; height: 22px; padding: 0 7px; border: 1px solid var(--rule-strong); border-radius: 3px; color: var(--text-soft); font: 500 .6875rem/1 var(--fontfam-term); letter-spacing: .02em; white-space: nowrap; }

/* The LTV gauge. --x is the position, --t the pool's limit, both on a 0–100% scale. */
.sl-health { min-width: 200px; }
.sl-ltv { display: block; min-width: 168px; max-width: 300px; }
.sl-ltv-read { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 11px; color: var(--text-muted); font: 400 .6875rem/1 var(--fontfam-term); letter-spacing: .02em; white-space: nowrap; }
.sl-ltv-read b { color: var(--text); font: 600 1.25rem/1 var(--font-display); font-stretch: 72%; font-feature-settings: "tnum" 1, "lnum" 1; letter-spacing: -.005em; }
.sl-ltv-track { position: relative; display: block; height: 4px; background: var(--rule-strong); }
.sl-ltv[data-state="unknown"] .sl-ltv-track { background: repeating-linear-gradient(90deg, var(--rule-strong) 0 4px, transparent 4px 8px); }
.sl-ltv-track > i { position: absolute; top: 0; bottom: 0; }
.sl-ltv-zone { left: var(--t); right: 0; background: repeating-linear-gradient(135deg, rgb(var(--danger-soft-fill-rgb) / calc(.45 * var(--danger-soft-wash))) 0 1.5px, transparent 1.5px 5px); }
.sl-ltv-base { left: 0; width: min(var(--x), var(--t)); background: var(--text-muted); }
.sl-ltv-over { left: var(--t); width: max(0%, calc(var(--x) - var(--t))); background: var(--danger); }
.sl-ltv-tick { left: var(--t); top: -5px; bottom: -5px; width: 1px; background: var(--text-soft); }
.sl-ltv-lamp { left: var(--x); top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: var(--text-soft); box-shadow: 0 0 0 3px var(--ground); }
.sl-ltv[data-over="true"] .sl-ltv-lamp { background: var(--danger); }
.sl-ltv[data-beyond="true"] .sl-ltv-lamp { margin-left: -10px; border-radius: 50% 2px 2px 50%; }
.sl-row:hover .sl-ltv-lamp { box-shadow: 0 0 0 3px var(--terminal-control); }
.sl-row.is-selected .sl-ltv-lamp { box-shadow: 0 0 0 3px var(--terminal-selected); }

.sl-fig { width: 1%; min-width: 132px; text-align: right; white-space: nowrap; }
.sl-figure { display: block; color: var(--text); font: 600 1.5rem/1 var(--font-display); font-stretch: 72%; font-feature-settings: "tnum" 1, "lnum" 1; letter-spacing: -.005em; }
.sl-figure--quiet { color: var(--text-soft); }
.sl-unit { display: block; margin-top: 8px; color: var(--text-muted); font: 400 .6875rem/1.2 var(--fontfam-term); letter-spacing: .02em; }
.sl-yours .sl-flag { margin-top: 8px; }
.sl-cover { position: relative; display: block; width: 96px; height: 3px; margin: 9px 0 0 auto; background: var(--rule-strong); }
.sl-cover > i { position: absolute; inset: 0; background: var(--positive); transform: scaleX(var(--cover, 0)); transform-origin: left center; transition: transform 420ms cubic-bezier(.16, 1, .3, 1); }
.sl-cover + .sl-unit { margin-top: 7px; }

.sl-row-action { width: 52px; text-align: right; }
#sn-liquidations .btn.sl-pick { display: inline-flex; align-items: center; justify-content: center; width: 40px; min-width: 40px; height: 40px; min-height: 40px; padding: 0; border: 1px solid transparent; border-radius: 4px; background: transparent; color: var(--text-muted); }
#sn-liquidations .sl-row:hover .btn.sl-pick:not(:disabled) { border-color: var(--rule-strong); color: var(--text); }
#sn-liquidations .btn.sl-pick[aria-pressed="true"] { border-color: rgb(var(--positive-rgb) / .45); background: transparent; color: var(--positive); }
#sn-liquidations .btn.sl-pick:focus-visible { border-color: var(--focus); outline: none; }
#sn-liquidations .btn.sl-pick svg { transition: transform 240ms cubic-bezier(.16, 1, .3, 1); }
#sn-liquidations .sl-row:hover .btn.sl-pick:not(:disabled) svg { transform: translateX(2px); }

/* Empty and unavailable: three unlit lamps, amber when the feed is interrupted. */
#sl-empty-body td { padding: 56px var(--pane-x); border-bottom: 1px solid var(--terminal-rule); }
.sl-empty { display: flex; align-items: center; gap: 16px; max-width: 60ch; }
.sl-empty-mark { display: inline-flex; flex: none; gap: 5px; }
.sl-empty-mark > i { width: 7px; height: 7px; border: 1px solid var(--rule-bright); border-radius: 50%; }
#sl-empty-body[data-tone="stale"] .sl-empty-mark > i:first-child { border-color: var(--network-label); background: var(--network-label); }
#sl-empty { margin: 0; color: var(--text-soft); font-size: .875rem; line-height: 1.6; }

.sl-board-foot { display: flex; justify-content: flex-end; padding: 16px var(--pane-x); }
.sl-pager { display: inline-flex; align-items: center; gap: 14px; color: var(--text-muted); font: 400 .75rem/1 var(--fontfam-term); }
#sn-liquidations .sl-pager .btn { min-height: 40px; }
#sn-liquidations .sl-pager .btn[aria-disabled="true"] { opacity: .4; pointer-events: none; }

/* A liquidation still waiting on a result for another wallet or position. */
.sl-pending { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; min-height: 56px; padding: 8px var(--pane-x); border-bottom: 1px solid var(--terminal-rule); background: linear-gradient(rgb(var(--positive-fill-rgb) / calc(.05 * var(--positive-wash))), rgb(var(--positive-fill-rgb) / calc(.02 * var(--positive-wash)))); color: var(--text); font-size: .8125rem; }
.sl-pending[hidden] { display: none; }
.sl-pending-lamp { width: 7px; height: 7px; border-radius: 50%; background: var(--positive); box-shadow: 0 0 0 3px rgb(var(--positive-rgb) / .16); }
.sl-pending-status { flex: 1 1 200px; color: var(--text-muted); font-size: .75rem; }
.sl-pending-status:empty { display: none; }
#sn-liquidations .sl-pending .btn { margin-left: auto; }

/* ---------- Desk ---------- */
.sl-desk { min-width: 0; border-left: 1px solid var(--terminal-rule); }
.sl-guide, .sl-ticket { position: sticky; top: var(--aera-sticky-height, 56px); padding: 28px 28px 40px; }
.sn-page :is(.sl-guide, .sl-ticket) h3 { margin: 0; color: var(--text); font: 650 1.1875rem/1.25 var(--font-display); letter-spacing: -.012em; }

.sl-guide > p { margin: 12px 0 0; color: var(--text-soft); font-size: .875rem; line-height: 1.6; }
.sl-steps { margin: 28px 0 0; padding: 0; list-style: none; }
.sl-steps li { position: relative; display: grid; gap: 4px; padding: 0 0 24px 30px; }
.sl-steps li::before { content: ''; position: absolute; left: 0; top: 4px; width: 11px; height: 11px; box-sizing: border-box; border: 1px solid var(--rule-bright); border-radius: 50%; background: var(--ground); }
.sl-steps li::after { content: ''; position: absolute; left: 5px; top: 19px; bottom: 4px; width: 1px; background: var(--rule-strong); }
.sl-steps li:first-child::before { border-color: var(--positive); box-shadow: 0 0 0 3px rgb(var(--positive-rgb) / .16); }
.sl-steps li:last-child { padding-bottom: 0; }
.sl-steps li:last-child::after { display: none; }
.sl-steps b { color: var(--text); font: 500 .875rem/1.4 var(--font-sans); }
.sl-steps span { color: var(--text-muted); font-size: .8125rem; line-height: 1.5; }
.sl-guide > p.sl-guide-note { margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--terminal-rule); color: var(--text-muted); font-size: .75rem; line-height: 1.55; }

/* After the chosen position leaves the list, the guide opens with what happened to it. */
.sl-after { margin-bottom: 28px; padding-bottom: 22px; border-bottom: 1px solid var(--terminal-rule); }
.sl-after[hidden] { display: none; }
.sl-after .sl-record { margin: 0 0 16px; }
.sl-retired { display: flex; align-items: baseline; gap: 10px; margin: 0; color: var(--text-soft); font-size: .8125rem; line-height: 1.5; }
.sl-retired-lamp { flex: none; width: 7px; height: 7px; border: 1px solid var(--rule-bright); border-radius: 50%; transform: translateY(-1px); }
.sl-retired-who { color: var(--text); font: 500 .8125rem/1.5 var(--fontfam-term); font-variant-numeric: tabular-nums slashed-zero; }
#sl-guide-title:focus { outline: none; }
#sl-guide-title:focus-visible { outline: 2px solid var(--focus); outline-offset: 4px; }

/* The receipt: a liquidation sent from this desk. A 2px lamp bar carries its state — neutral while
   the block confirms, mint once confirmed, amber when tracking is unavailable, coral if reverted. */
.sl-record { position: relative; margin-top: 22px; padding: 14px 16px; border: 1px solid var(--rule-strong); border-radius: 4px; background: var(--terminal-control); }
.sl-record[hidden] { display: none; }
.sl-record::before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; height: 2px; border-radius: 4px 4px 0 0; background: var(--rule-bright); }
.sl-record[data-state="confirmed"]::before { background: var(--positive); }
.sl-record[data-state="unresolved"]::before { background: var(--network-label); }
.sl-record:is([data-state="reverted"], [data-state="failed"])::before { background: var(--danger-soft); }
.sl-record-head { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-height: 24px; }
.sl-record-head .aera-transaction-indicator { color: var(--text-soft); }
.sl-record-lamp { flex: none; width: 7px; height: 7px; margin-inline: 3.5px; border-radius: 50%; background: var(--danger); box-shadow: 0 0 0 3px rgb(var(--danger-rgb) / .16); }
.sl-record-title { color: var(--text); font: 500 .8125rem/1.3 var(--font-sans); white-space: nowrap; }
#sl-legs[hidden] + .sl-status { margin-top: 16px; }
.sl-record-tx { display: inline-flex; align-items: center; gap: 6px; min-height: 24px; margin-left: auto; border-radius: 2px; color: var(--text-soft); font: 400 .75rem/1 var(--fontfam-term); font-variant-numeric: tabular-nums slashed-zero; text-decoration: none; white-space: nowrap; }
.sl-record-tx svg { flex: none; color: var(--text-muted); transition: transform 200ms cubic-bezier(.2, .8, .2, 1), color 160ms ease-out; }
.sl-record-tx:hover { color: var(--text); }
.sl-record-tx:hover svg { color: currentColor; transform: translate(1px, -1px); }
.sl-record-tx:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.sl-record-figures { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; margin: 14px 0 0; }
.sl-record-figures dt { color: var(--text-muted); font-size: .75rem; line-height: 1.3; }
.sl-record-figures dd { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 7px; margin: 7px 0 0; min-width: 0; }
.sl-record-figures b { color: var(--text); font: 600 1.375rem/1 var(--font-display); font-stretch: 72%; font-feature-settings: "tnum" 1, "lnum" 1; letter-spacing: -.005em; overflow-wrap: anywhere; }
.sl-record-figures .sl-record-unit { color: var(--text-muted); font: 500 .6875rem/1 var(--fontfam-term); letter-spacing: .02em; }
.sl-record-figures .aera-usd { flex-basis: 100%; }
.sl-record-facts { margin: 12px 0 0; }
.sl-record-facts > div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0 0; border-top: 1px solid var(--terminal-rule); }
.sl-record-facts > div + div { margin-top: 8px; }
.sl-record-facts dt { color: var(--text-muted); font-size: .75rem; line-height: 1.5; }
.sl-record-facts dd { margin: 0; color: var(--text-soft); font: 400 .75rem/1.5 var(--fontfam-term); font-variant-numeric: tabular-nums slashed-zero; text-align: right; overflow-wrap: anywhere; }
.sl-record-note { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid var(--terminal-rule); color: var(--text-muted); font-size: .75rem; line-height: 1.5; overflow-wrap: anywhere; }
.sl-record-facts + .sl-record-note { margin-top: 8px; padding-top: 8px; }

.sl-ticket-head { padding-bottom: 22px; border-bottom: 1px solid var(--terminal-rule); }
.sl-ticket-id { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 10px 0 22px; }
.sl-ticket-id .sl-borrower { display: inline; color: var(--text-soft); font-size: .8125rem; }
.sl-ticket-ltv .sl-ltv { max-width: none; }
.sl-ticket-ltv .sl-ltv-read b { font-size: 1.75rem; }
.sl-ticket-ltv .sl-ltv-track { height: 6px; }
.sl-ticket-ltv .sl-ltv-tick { top: -6px; bottom: -6px; }
.sl-ticket-ltv .sl-ltv-lamp { width: 13px; height: 13px; margin: -6.5px 0 0 -6.5px; }
.sl-ticket-ltv .sl-ltv[data-beyond="true"] .sl-ltv-lamp { margin-left: -13px; }

.sl-leg { padding: 20px 0 22px; }
.sl-leg-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.sl-leg-head > :first-child { color: var(--text); font: 500 .8125rem/1.3 var(--font-sans); }
.sl-leg-note { color: var(--text-muted); font: 400 .75rem/1.3 var(--fontfam-term); font-variant-numeric: tabular-nums slashed-zero; text-align: right; }

/* The spend is a prominent shared field group (board.css `.aera-infield--prominent`): Max and the note are keys. */
#sn-liquidations .sl-amount-input input { height: 58px; min-height: 0; padding: 0 10px 0 14px; border: 0; border-radius: 0; background: transparent; box-shadow: none; outline: none; color: var(--text); font: 600 2rem/1 var(--font-display); font-stretch: 72%; font-feature-settings: "tnum" 1, "lnum" 1; letter-spacing: -.005em; caret-color: var(--positive); }
#sn-liquidations .sl-amount-input input::placeholder { color: var(--rule-bright); opacity: 1; }
#sn-liquidations .sl-amount-input input:disabled { color: var(--text-soft); }
.sl-amount-unit { flex: none; max-width: 12ch; overflow: hidden; color: var(--text-muted); font: 500 .75rem/1 var(--fontfam-term); letter-spacing: .02em; text-overflow: ellipsis; white-space: nowrap; }

.sl-fill { position: relative; height: 3px; margin: 14px 0 10px; background: var(--rule-strong); }
.sl-fill-draft { position: absolute; inset: 0; background: var(--positive); transform: scaleX(var(--draft, 0)); transform-origin: left center; transition: transform 300ms cubic-bezier(.16, 1, .3, 1); }
.sl-fill[data-over="true"] .sl-fill-draft { background: var(--danger); }
.sl-fill-wallet { position: absolute; top: -4px; bottom: -4px; left: calc(var(--wallet, 1) * 100%); display: none; width: 1px; background: var(--text-soft); }
.sl-fill[data-wallet="true"] .sl-fill-wallet { display: block; }

.sl-help { margin: 0; color: var(--text-muted); font-size: .75rem; line-height: 1.5; overflow-wrap: anywhere; }
.sl-error { margin: 8px 0 0; color: var(--danger-soft); font-size: .75rem; line-height: 1.5; }
.sl-error:empty { display: none; }

.sl-swap { display: flex; align-items: center; color: var(--text-muted); }
.sl-swap::before, .sl-swap::after { content: ''; flex: 1; height: 1px; background: var(--terminal-rule); }
.sl-swap svg { flex: none; box-sizing: content-box; padding: 7px; border: 1px solid var(--rule-strong); border-radius: 50%; background: var(--ground-fill); }

.sl-receive { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; min-height: 2.75rem; margin: 2px 0 16px; }
#sl-receive-usd { flex-basis: 100%; }
#sl-receive-usd:empty { display: none; }
#sl-receive { color: var(--text); font: 600 2.375rem/1 var(--font-display); font-stretch: 72%; font-feature-settings: "tnum" 1, "lnum" 1; letter-spacing: -.005em; overflow-wrap: anywhere; }
.sl-receive .sl-amount-unit { color: var(--text-soft); font-size: .8125rem; }
.sl-return { margin: 0 0 16px; padding-top: 12px; border-top: 1px solid var(--terminal-rule); }
.sl-return[hidden] { display: none; }
.sl-return dl { margin: 0 0 4px; }
.sl-return dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.sl-return dt { color: var(--text-muted); font: var(--colhead); letter-spacing: .06em; text-transform: uppercase; }
.sl-return dd { margin: 0; color: var(--text); font: 600 1.375rem/1 var(--font-display); font-stretch: 72%; font-feature-settings: "tnum" 1, "lnum" 1; }
.sl-return[data-stale="true"] dd { text-decoration: underline dotted; text-underline-offset: 4px; }
.sl-payout-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.sl-payout-row[hidden] { display: none; }
.sl-payout-label { color: var(--text-muted); font-size: .75rem; }

.sl-status { margin: 0 0 14px; color: var(--text-soft); font-size: .8125rem; line-height: 1.5; overflow-wrap: anywhere; }
.sl-status:empty { display: none; }
#sn-liquidations .btn.sl-submit { width: 100%; min-height: 48px; font-weight: 600; }
#sn-liquidations .btn.sl-market { width: 100%; margin-top: 10px; }

.sl-details { margin-top: 24px; border-top: 1px solid var(--terminal-rule); }
.sl-details > summary { display: flex; align-items: center; justify-content: space-between; min-height: 48px; color: var(--text-soft); font-size: .8125rem; cursor: pointer; list-style: none; }
.sl-details > summary::-webkit-details-marker { display: none; }
.sl-details > summary::after { content: ''; width: 7px; height: 7px; margin-right: 4px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform 200ms ease-out; }
.sl-details[open] > summary::after { transform: translateY(2px) rotate(-135deg); }
.sl-details > summary:hover { color: var(--text); }
.sl-details > summary:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.sl-details dl { margin: 0; }
.sl-details dl > div { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 16px; padding: 11px 0; border-top: 1px solid var(--terminal-rule); }
.sl-details dt { color: var(--text-muted); font-size: .75rem; line-height: 1.5; }
.sl-details dd { margin: 0; color: var(--text); font: 400 .75rem/1.5 var(--fontfam-term); font-variant-numeric: tabular-nums slashed-zero; text-align: right; overflow-wrap: anywhere; }

/* ---------- The tab ---------- */
/* While positions are past their limit, the Liquidations tab carries a lit coral lamp and the count. */
.sn-tab-alert:not([hidden]) { display: inline-flex; align-items: center; gap: 6px; height: 20px; margin-left: 10px; padding: 0 7px 0 6px; border: 1px solid rgb(var(--danger-rgb) / .4); border-radius: 3px; background: rgb(var(--danger-rgb) / .09); color: var(--danger-soft); font: 500 .6875rem/1 var(--fontfam-term); font-variant-numeric: tabular-nums slashed-zero; letter-spacing: .02em; animation: sn-tab-alert-in 360ms cubic-bezier(.16, 1, .3, 1); }
.sn-tab-alert::before { content: ''; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--danger); box-shadow: 0 0 0 2px rgb(var(--danger-rgb) / .22); }
@keyframes sn-tab-alert-in { from { opacity: 0; transform: translateY(2px) scale(.85); } }

/* ---------- Responsive ---------- */
@media (max-width: 1320px) {
  .sl-layout { grid-template-columns: minmax(0, 1fr) 340px; }
  .sl-guide, .sl-ticket { padding-inline: 24px; }
  .sl-row > * { padding-inline: 12px; }
  .sl-fig { min-width: 112px; }
  .sl-figure { font-size: 1.375rem; }
}
@media (max-width: 1100px) {
  .sl-layout { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .sl-desk { border-left: 0; border-top: 1px solid var(--terminal-rule); }
  .has-selection .sl-desk { order: -1; border-top: 0; border-bottom: 1px solid var(--terminal-rule); }
  .sl-guide, .sl-ticket { position: static; max-width: 560px; padding: 24px var(--pane-x) 32px; }
  .sl-ticket { scroll-margin-top: calc(var(--aera-sticky-height, 56px) + 8px); }
  .sl-who { min-width: 180px; }
  .sl-health { min-width: 170px; }
  .sl-ltv { min-width: 150px; }
  .sl-fig { min-width: 100px; }
}
@media (max-width: 900px) {
  .sl-table:has(#sl-list:not(:empty)) thead { display: none; }
  .sl-table:has(#sl-list:not(:empty)), #sl-list:not(:empty) { display: block; }
  .sl-table:has(#sl-list:empty) { min-width: 560px; }
  #sl-list .sl-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) 44px; grid-template-areas: "who who who pick" "ltv ltv ltv ltv" "notes coll yours yours"; gap: 16px 12px; padding: 18px var(--pane-x); border-bottom: 1px solid var(--terminal-rule); }
  #sl-list .sl-row:hover { background: var(--terminal-control); }
  #sl-list .sl-row.is-selected { background: var(--terminal-selected); box-shadow: inset 2px 0 0 var(--positive-fill); }
  #sl-list .sl-row > * { display: block; width: auto; min-width: 0; height: auto; padding: 0; border: 0; background: transparent; box-shadow: none; text-align: left; }
  #sl-list .sl-who { grid-area: who; align-self: center; }
  #sl-list .sl-health { grid-area: ltv; }
  #sl-list .sl-fig--notes { grid-area: notes; }
  #sl-list .sl-fig--out { grid-area: coll; }
  #sl-list .sl-yours { grid-area: yours; }
  #sl-list .sl-row-action { grid-area: pick; align-self: center; text-align: right; }
  #sl-list .sl-fig::before { content: attr(data-label); display: block; margin-bottom: 8px; color: var(--text-muted); font: var(--colhead); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
  #sl-list .sl-ltv { max-width: none; }
  #sl-list .sl-figure { font-size: 1.25rem; }
  #sl-list .sl-unit { white-space: normal; }
  #sl-list .sl-cover { margin-left: 0; }
  #sn-liquidations .btn.sl-pick { width: 44px; min-width: 44px; height: 44px; min-height: 44px; }
  #sl-empty-body td { padding-block: 32px; }
  .sl-board-foot { justify-content: stretch; }
  .sl-pager { width: 100%; justify-content: space-between; }
}
@media (max-width: 760px) {
  .sl-board-head { align-items: stretch; flex-direction: column; min-height: 0; padding-block: 12px; }
  .sl-board-state { justify-content: flex-start; }
}
@media (max-width: 420px) {
  #sl-list .sl-row { grid-template-columns: repeat(2, minmax(0, 1fr)) 44px; grid-template-areas: "who who pick" "ltv ltv ltv" "notes coll coll" "yours yours yours"; }
}
@media (pointer: coarse) {
  #sn-liquidations .btn.sl-pick { width: 44px; min-width: 44px; height: 44px; min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .sl-row > *, .sl-cover > i, .sl-fill-draft, #sn-liquidations .btn.sl-pick svg, .sl-details > summary::after, .sl-amount-input { transition: none; }
  .sn-tab-alert:not([hidden]) { animation: none; }
}