/* LiveResult ⇄ daisyUI reconciliation.
   Loaded LAST so it wins. daisyUI is loaded before app.css so legacy component
   styles win on collisions (.card/.tab/.table/.btn) during the phased migration.
   Here we only neutralise daisyUI base sizings app.css doesn't override, and add
   look-preserving helpers for newly-migrated daisyUI components. */

/* daisyUI forces fixed button/tab heights — restore LiveResult density so both
   legacy (.btn .btn--primary) and migrated (.btn .btn-primary) buttons stay compact. */
.btn { height: auto; min-height: 2.25rem; padding-inline: 0.9rem; font-size: var(--text-body-sm); font-weight: 600; }
.btn-sm { height: auto; min-height: 1.85rem; padding-inline: 0.7rem; }
.btn-xs { height: auto; min-height: 1.5rem; }
.tab { height: auto; }

/* Secondary button look (white surface + hairline), built on daisyUI .btn base.
   Use `btn btn-lrsec` where the old `.btn--secondary` look is wanted. */
.btn-lrsec { background-color: var(--surface); border-color: var(--border-strong); color: var(--text); }
.btn-lrsec:hover { background-color: var(--surface-sunken); border-color: var(--border-strong); }

/* match/standings tabs (daisyUI tabs-bordered, LiveResult-tuned) */
.tabs-bordered { display: flex !important; flex-wrap: nowrap; overflow-x: auto; border-bottom: 1px solid var(--border); gap: 4px; }
.tabs-bordered > .tab { height: auto; padding: 12px 14px; font-size: var(--text-body-sm); font-weight: 600; color: var(--text-muted); white-space: nowrap; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; }
.tabs-bordered > .tab:hover { color: var(--text); }
.tabs-bordered > .tab.tab-active { color: var(--brand) !important; border-bottom-color: var(--brand) !important; }

/* daisyUI badge color variants for the live board (win over .badge base) */
.badge.lr-live { background: var(--live-bg) !important; color: var(--live) !important; }
.badge.lr-count { background: var(--surface-sunken) !important; color: var(--text-muted) !important; }