/* ─────────────────────────────────────────────────────────────────────────
   Match Odds ladder — single back / single lay per runner.
   Scoped under .ex-market--ladder so the Fancy tab (same base .ex-market/
   .ex-price classes) is unaffected. One real price per side from the existing
   data model; no fabricated depth rows. Multi-level ladders need a future
   order-book feed.
   Must load AFTER exchange.css (see exchange.css:492-538 for base grid rules).
   ───────────────────────────────────────────────────────────────────────── */

.ex-market--ladder .ex-market__header {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.125rem;
}

.ex-market--ladder .ex-market__header-main {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    flex-wrap: wrap;
    width: 100%;
}

.ex-market--ladder .ex-market__meta {
    font-size: 0.6875rem;
    color: var(--ex-muted);
    font-variant-numeric: tabular-nums;
}

.ex-market--ladder .ex-market__volume {
    font-variant-numeric: tabular-nums;
}

.ex-market--ladder .ex-market__runner-volume {
    font-variant-numeric: tabular-nums;
}

.ex-market--ladder .ex-market__price-col {
    padding: 0.25rem;
    align-items: stretch;
}

/* Bordered frame around the one live price cell per side. */
.ex-ladder {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border: 1px solid var(--ex-border);
    border-radius: var(--ex-panel-radius, 6px);
    overflow: hidden;
}

.ex-ladder__cell {
    flex: 1 1 auto;
    min-height: 0;
    border-radius: 0 !important;
}

/* Live cell reuses .ex-price visuals — flush inside the shared frame. */
.ex-market--ladder .ex-ladder__cell--live.ex-price {
    min-height: 34px;
    width: 100%;
    border: none;
}

.ex-market--ladder .ex-price--unavailable.ex-ladder__cell {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ex-surface-raised);
    color: var(--ex-muted);
    min-height: 34px;
    pointer-events: none;
    font-size: 0.6875rem;
    font-variant-numeric: tabular-nums;
}

.ex-market--ladder .ex-price--unavailable.ex-ladder__cell .ex-price__value {
    font-weight: 400;
    opacity: 0.6;
}