/* Football club profile pages (mig-043 clone) — addendum on top of
   tennis_player.css: predictability tier chips, draw result chip,
   model-hit markers, league filter pills, forecast timeline sizing. */

.fc-tier--on_script {
    border-color: rgba(74, 222, 128, .55);
    color: #4ADE80;
}

.fc-tier--in_line {
    border-color: rgba(148, 163, 184, .55);
    color: #cbd5e1;
}

.fc-tier--chaos {
    border-color: rgba(251, 146, 60, .6);
    color: #FB923C;
}

.fc-result--d {
    background: rgba(148, 163, 184, .18);
    color: #cbd5e1;
}

.fc-hit {
    margin-left: .35rem;
    font-size: .8rem;
}

.fc-hit--yes { color: #4ADE80; }
.fc-hit--no { color: #f87171; }

.fc-pred {
    font-weight: 700;
    margin-right: .35rem;
}

.fc-band-name {
    min-width: 150px;
}

.fc-timeline-wrap {
    margin-top: 1rem;
}

.fc-panel-title {
    font-size: 1rem;
    font-weight: 600;
    margin: .35rem 0 .75rem;
    color: var(--text-muted, #9aa7b4);
}

.fc-explain {
    margin-bottom: .75rem;
}

/* League filter pills on the hub */
.fc-pills {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: .9rem;
}

.fc-pill {
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .14);
    color: inherit;
    border-radius: 999px;
    padding: .25rem .75rem;
    font-size: .82rem;
    cursor: pointer;
}

.fc-pill--active {
    border-color: rgba(74, 222, 128, .6);
    color: #4ADE80;
}

.fc-sortable {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

/* Club option labels are long ("2025-26 · Premier League", club names in
   the compare selector) — a select's intrinsic min-width is its longest
   option, which silently widens the whole mobile layout viewport past the
   device width. Cap it; browsers truncate option text natively. */
.tp-control select {
    max-width: min(62vw, 250px);
}

/* Grid items default to min-width:auto, so a grid track sizes to the
   table's min-content ("Premier League" cells) even inside
   .table-responsive — the wrapper can only scroll once the item is
   allowed to shrink. Tennis dodges this only because its cells are short. */
.tp-grid > .tp-card {
    min-width: 0;
}