/* ═══════════════════════════════════════════════════════════════════
   styles-append-props-rail-v0.18.0.1.css
   Mock-parity hotfix on v0.18.0 (loads AFTER styles-append-props-rail-
   v0.18.0.css — append discipline, no edits to the shipped file).

   (a) Group-header content pinned to the visible scroll width:
       sticky left:0 + JS-sized width (props.js sizeGroupHeads) so the
       prop count + badges no longer sit off-screen at full table width.
   (b) Compact grouped child rows (pg-prop-compact) — market-first cell.
   (c) Sort select de-natived (macOS stepper chrome removed).
   (d) HOT group badge (mock parity).
   Scoped .tt-flow-props / pr- namespace throughout (NBA #107).
   ═══════════════════════════════════════════════════════════════════ */

/* ── (a) Pinned group header ────────────────────────────────────── */
.tt-flow-props .pg-group-head td {
    padding: 0;
}
.tt-flow-props .pg-group-head .pr-gh {
    position: sticky;
    left: 0;
    box-sizing: border-box;
    padding: 13px 16px;
    /* width set by props.js sizeGroupHeads() to the scroller's
       clientWidth; this is the pre-JS fallback */
    max-width: 100%;
}
.tt-flow-props .pr-gh-meta {
    flex: none;
}

/* ── (b) Compact grouped child rows ─────────────────────────────── */
.tt-flow-props .pg-td.pg-prop-compact {
    padding-left: 26px;
}
.tt-flow-props .pg-prop-compact .pg-market-lg {
    font-family: var(--font-body, 'Inter Tight', sans-serif);
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text-primary, #f0eee6);
}
.tt-flow-props .pg-prop-compact .pg-prop-line1 {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ── (c) Sort select — kill native chrome ───────────────────────── */
.tt-flow-props .pr-sorter select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 7px 28px 7px 12px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%238a8880'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
}

/* ── (d) HOT group badge ────────────────────────────────────────── */
.tt-flow-props .pr-gh-badge-hot {
    background: rgba(255,107,142,.09);
    border: 1px solid rgba(255,107,142,.35);
    color: #FF6B8E;
    letter-spacing: .12em;
    font-size: 9.5px;
}