/* v6.1 UI overrides
 * Force the create_live_pair_banner output to stack vertically inside the
 * left column, and make each pair card stretch to 100% width.
 * ---------------------------------------------------------------- */

/* The banner from create_live_pair_banner is: display:flex, flex-direction:row,
 * justify-content:space-between, gap:10px, with 4 children each width:24%.
 * Inside #live-pairs-column we override to a column stack. */

#live-pairs-column > div {
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
}

#live-pairs-column > div > div {
    width: 100% !important;
}
