/* ─────────────────────────────────────────────────────────
   styles-append-props-heat-flex-v0.19.13.css   (2026-07-22)

   FIX: the Props market-heat strip renders a large dead gap between the
   market cards and the SOURCES cards (Hard Rock / +PP), with the SOURCES
   label stranded in the void.

   ROOT CAUSE: a layout-engine mismatch across two appends.
     • styles-append-props-command-v0.17.0.7.css sets
         .bh-heat { display:grid; grid-template-columns:
                    repeat(auto-fit, minmax(104px,1fr)) }
     • styles-append-props-heat-labels-v0.19.12.css (which injects the
       MARKETS / SOURCES group labels) is written for a FLEX row — its own
       comment says "the strip is a wrapping flex row; each label is a slim,
       stretched divider." But .bh-heat is a GRID, so minmax(104px,1fr)
       forces the tiny label spans into full card-width tracks, blowing a
       card-sized hole where each label sits (SOURCES is the visible one).

   FIX: make the strip the flex row the labels were designed for. Cards
   grow to fill (mirrors the old 1fr stretch); the group labels keep their
   default flex (0 1 auto) so they shrink to text width — slim dividers,
   no gap. Scoped to #heat-strip so the Trends heat strip is untouched.

   New versioned file per the CSS-append rule (Cloudflare caches by name;
   never edit a deployed append in place). Loaded last on props.html.
───────────────────────────────────────────────────────── */

#heat-strip.bh-heat {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 9px;
}

/* market + source cards grow to fill the row, min 104px — reproduces the
   grid's minmax(104px,1fr) sizing so card widths are unchanged. */
#heat-strip.bh-heat .bh-heat-cell {
    flex: 1 1 104px;
    min-width: 104px;
}

/* group labels (MARKETS / SOURCES): shrink to content, never grow —
   the slim stretched dividers the v0.19.12 label CSS intended. */
#heat-strip.bh-heat .bh-heat-grouplabel {
    flex: 0 0 auto;
}