/*
 * EXCH Odds Reference UI 3.4.0
 * Compact modern football-data skin for odds, livescore and standings.
 */

.sport-reference-nav,
body #scrollIframe.sport-reference-ui {
    --sport-ref-green: #083b2a;
    --sport-ref-green-dark: #052d20;
    --sport-ref-green-soft: #e9f1ee;
    --sport-ref-bg: #ffffff;
    --sport-ref-surface: #ffffff;
    --sport-ref-surface-2: #f7f7f8;
    --sport-ref-border: #d9dbe0;
    --sport-ref-text: #050917;
    --sport-ref-muted: #70727a;
    --sport-ref-blue: #577ff0;
    --sport-ref-red: #ff0100;
    --sport-ref-orange: #083b2a;
    --sport-ref-odd: #fff5e7;
    --sport-ref-odd-hover: #ffdcaa;
    --sport-ref-up: #ddfff2;
    --sport-ref-down: #ffe1e1;
    --sport-ref-radius: 4px;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.sport-reference-nav {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    min-height: 44px;
    margin: 0 0 8px;
    overflow-x: auto;
    overflow-y: hidden;
    background: var(--sport-ref-surface);
    border: 1px solid var(--sport-ref-border);
    border-radius: var(--sport-ref-radius);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.sport-reference-nav::-webkit-scrollbar { display: none; }

.sport-reference-nav__item {
    position: relative;
    display: inline-flex;
    flex: 1 0 auto;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 124px;
    padding: 0 16px;
    color: #344054 !important;
    background: #fff;
    border-right: 1px solid var(--sport-ref-border);
    font-size: 13px;
    font-weight: 600;
    line-height: 44px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background-color .16s ease, color .16s ease;
}

.sport-reference-nav__item:last-child { border-right: 0; }
.sport-reference-nav__item:hover { color: var(--sport-ref-green) !important; background: var(--sport-ref-green-soft); }
.sport-reference-nav__item.is-active {
    color: #fff !important;
    background: var(--sport-ref-green);
}
.sport-reference-nav__item.is-active::after {
    content: "";
    position: absolute;
    right: 16px;
    bottom: 0;
    left: 16px;
    height: 3px;
    background: #f4c542;
}
.sport-reference-live-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #1fc66d;
    box-shadow: 0 0 0 3px rgba(31,198,109,.16);
}
.sport-reference-nav__item.is-active .sport-reference-live-dot {
    background: #9ef0c4;
    box-shadow: 0 0 0 3px rgba(255,255,255,.16);
}

body #scrollIframe.sport-reference-ui,
body.dark #scrollIframe.sport-reference-ui {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: var(--sport-ref-text) !important;
    background: var(--sport-ref-bg) !important;
    border: 1px solid var(--sport-ref-border) !important;
    border-radius: var(--sport-ref-radius) !important;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    isolation: isolate;
}

body #scrollIframe.sport-reference-ui *,
body #scrollIframe.sport-reference-ui *::before,
body #scrollIframe.sport-reference-ui *::after {
    box-sizing: border-box;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body #scrollIframe.sport-reference-ui .mcontent,
body #scrollIframe.sport-reference-ui .fake_iframe,
body #scrollIframe.sport-reference-ui #main,
body #scrollIframe.sport-reference-ui #min,
body #scrollIframe.sport-reference-ui #homepage,
body #scrollIframe.sport-reference-ui #appHome,
body #scrollIframe.sport-reference-ui #app6in1,
body #scrollIframe.sport-reference-ui #rate_iframe,
body #scrollIframe.sport-reference-ui #result_iframe,
body #scrollIframe.sport-reference-ui #fixture_iframe,
body #scrollIframe.sport-reference-ui #rank_iframe,
body #scrollIframe.sport-reference-ui #iframe_6in1 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    background-color: transparent !important;
}

body #scrollIframe.sport-reference-ui .mcontent {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
}

body #scrollIframe.sport-reference-ui .fake_iframe {
    left: 0 !important;
    top: 0 !important;
    background: var(--sport-ref-bg) !important;
}

/* Loading / SSR */
body #scrollIframe.sport-reference-ui .sport-ssr-fallback,
body.dark #scrollIframe.sport-reference-ui .sport-ssr-fallback {
    color: var(--sport-ref-text) !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
}
body #scrollIframe.sport-reference-ui table.sport-ssr-table,
body.dark #scrollIframe.sport-reference-ui table.sport-ssr-table {
    color: var(--sport-ref-text) !important;
    background: #fff !important;
    font-size: 12px !important;
}
body #scrollIframe.sport-reference-ui .sport-ssr-table caption,
body.dark #scrollIframe.sport-reference-ui .sport-ssr-table caption {
    color: #fff !important;
    background: var(--sport-ref-green) !important;
    border-bottom: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
body #scrollIframe.sport-reference-ui .sport-ssr-table th,
body.dark #scrollIframe.sport-reference-ui .sport-ssr-table th {
    color: #344054 !important;
    background: #edf2ef !important;
    border-color: var(--sport-ref-border) !important;
}
body #scrollIframe.sport-reference-ui .sport-ssr-table td,
body.dark #scrollIframe.sport-reference-ui .sport-ssr-table td {
    color: var(--sport-ref-text) !important;
    background: #fff !important;
    border-color: #e8ecea !important;
}
body #scrollIframe.sport-reference-ui .bdk_loading-item {
    margin: 0 !important;
    padding: 8px !important;
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #e7eae8 !important;
    border-radius: 0 !important;
}
body #scrollIframe.sport-reference-ui .bdk_loading-background {
    background: linear-gradient(90deg,#edf0ee 25%,#f8faf9 37%,#edf0ee 63%) !important;
    background-size: 400% 100% !important;
}

/* Filters and controls */
body #scrollIframe.sport-reference-ui .filter-box,
body #scrollIframe.sport-reference-ui .filter-row,
body #scrollIframe.sport-reference-ui .filter-row-wrap,
body #scrollIframe.sport-reference-ui #min .tools,
body #scrollIframe.sport-reference-ui #tools,
body #scrollIframe.sport-reference-ui .top-nav-vuejs-wrap,
body #scrollIframe.sport-reference-ui .date-filter,
body #scrollIframe.sport-reference-ui .date-box {
    color: var(--sport-ref-text) !important;
    background: #fff !important;
    border-color: var(--sport-ref-border) !important;
}

body #scrollIframe.sport-reference-ui .filter-box {
    padding: 10px 12px !important;
    border-bottom: 1px solid var(--sport-ref-border) !important;
}
body #scrollIframe.sport-reference-ui .filter-row,
body #scrollIframe.sport-reference-ui .filter-row-wrap {
    gap: 8px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 4px 0 !important;
}

body #scrollIframe.sport-reference-ui button,
body #scrollIframe.sport-reference-ui input,
body #scrollIframe.sport-reference-ui select,
body #scrollIframe.sport-reference-ui .button-df,
body #scrollIframe.sport-reference-ui .btn-item-now,
body #scrollIframe.sport-reference-ui .custom-select,
body #scrollIframe.sport-reference-ui .custom-select-02,
body #scrollIframe.sport-reference-ui .dropdown-toggle,
body #scrollIframe.sport-reference-ui .item-sw {
    min-height: 32px !important;
    margin: 0 !important;
    border: 1px solid #ccd5d0 !important;
    border-radius: 4px !important;
    color: #344054 !important;
    background: #fff !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
}

body #scrollIframe.sport-reference-ui button:hover,
body #scrollIframe.sport-reference-ui .button-df:hover,
body #scrollIframe.sport-reference-ui .btn-item-now:hover,
body #scrollIframe.sport-reference-ui .custom-select:hover,
body #scrollIframe.sport-reference-ui .item-sw:hover {
    color: var(--sport-ref-green) !important;
    background: var(--sport-ref-green-soft) !important;
    border-color: var(--sport-ref-green) !important;
}

body #scrollIframe.sport-reference-ui .active_,
body #scrollIframe.sport-reference-ui .active,
body #scrollIframe.sport-reference-ui .on,
body #scrollIframe.sport-reference-ui .btn-item-now.active_,
body #scrollIframe.sport-reference-ui .item-sw.on,
body #scrollIframe.sport-reference-ui .filter-row-date .active {
    color: #fff !important;
    background: var(--sport-ref-green) !important;
    border-color: var(--sport-ref-green) !important;
}

body #scrollIframe.sport-reference-ui .custom-options,
body #scrollIframe.sport-reference-ui .myleague2,
body #scrollIframe.sport-reference-ui #showFilterBox,
body #scrollIframe.sport-reference-ui #sixinoneFilterLeague,
body #scrollIframe.sport-reference-ui .dropdown-menu {
    color: var(--sport-ref-text) !important;
    background: #fff !important;
    border: 1px solid var(--sport-ref-border) !important;
    border-radius: 4px !important;
    box-shadow: 0 8px 24px rgba(5,9,23,.14) !important;
}

body #scrollIframe.sport-reference-ui .custom-options > *,
body #scrollIframe.sport-reference-ui .myleague2 li,
body #scrollIframe.sport-reference-ui .dropdown-menu li {
    color: var(--sport-ref-text) !important;
    background: #fff !important;
    border-color: #ececef !important;
}
body #scrollIframe.sport-reference-ui .custom-options > *:hover,
body #scrollIframe.sport-reference-ui .myleague2 li:hover,
body #scrollIframe.sport-reference-ui .dropdown-menu li:hover {
    color: var(--sport-ref-green) !important;
    background: var(--sport-ref-green-soft) !important;
}
body #scrollIframe.sport-reference-ui input[type="checkbox"],
body #scrollIframe.sport-reference-ui input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    accent-color: var(--sport-ref-green);
}
body #scrollIframe.sport-reference-ui .search-box input,
body #scrollIframe.sport-reference-ui .filter-search-name input {
    min-width: 180px !important;
    padding: 0 34px 0 10px !important;
    color: var(--sport-ref-text) !important;
    background-color: #fff !important;
}

/* League bars */
body #scrollIframe.sport-reference-ui .Leaguestitle,
body #scrollIframe.sport-reference-ui .team_leaguetitle,
body #scrollIframe.sport-reference-ui .league-title,
body #scrollIframe.sport-reference-ui .league-head,
body #scrollIframe.sport-reference-ui .scoretitle,
body #scrollIframe.sport-reference-ui .upper-live-titlez,
body #scrollIframe.sport-reference-ui .match-list-title,
body #scrollIframe.sport-reference-ui .match-list-group-title {
    min-height: 36px !important;
    color: var(--sport-ref-text) !important;
    background: #f0f1f1 !important;
    border: 0 !important;
    border-left: 4px solid var(--sport-ref-green) !important;
    border-bottom: 1px solid var(--sport-ref-border) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}
body #scrollIframe.sport-reference-ui .Leaguestitle a,
body #scrollIframe.sport-reference-ui .team_leaguetitle a,
body #scrollIframe.sport-reference-ui .league-title a,
body #scrollIframe.sport-reference-ui .league-head a {
    color: var(--sport-ref-text) !important;
    text-decoration: none !important;
}
body #scrollIframe.sport-reference-ui .Leaguestitle img,
body #scrollIframe.sport-reference-ui .team_leaguetitle img,
body #scrollIframe.sport-reference-ui .league-title img,
body #scrollIframe.sport-reference-ui .league-head img {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    object-fit: contain !important;
}

/* Table header */
body #scrollIframe.sport-reference-ui .match-list-head,
body #scrollIframe.sport-reference-ui .odds-title-head,
body #scrollIframe.sport-reference-ui .odds-title-items,
body #scrollIframe.sport-reference-ui thead,
body #scrollIframe.sport-reference-ui thead tr,
body #scrollIframe.sport-reference-ui thead th,
body #scrollIframe.sport-reference-ui .upper-live-titlez td {
    color: #fff !important;
    background: var(--sport-ref-green) !important;
    border-color: rgba(255,255,255,.15) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}
body #scrollIframe.sport-reference-ui .match-list-head {
    height: 44px !important;
    min-height: 44px !important;
}
body #scrollIframe.sport-reference-ui .match-list-head .odds-title-head,
body #scrollIframe.sport-reference-ui .match-list-head .odds-title-items {
    height: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important;
}

/* Rows / cells */
body #scrollIframe.sport-reference-ui table {
    width: 100% !important;
    margin: 0 !important;
    color: var(--sport-ref-text) !important;
    background: #fff !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    font-size: 12px !important;
}
body #scrollIframe.sport-reference-ui tbody tr,
body #scrollIframe.sport-reference-ui .new-home-tr,
body #scrollIframe.sport-reference-ui .bet-match-item,
body #scrollIframe.sport-reference-ui .match-box {
    color: var(--sport-ref-text) !important;
    background: #fff !important;
    border-color: #ececef !important;
}
body #scrollIframe.sport-reference-ui tbody tr:nth-child(even),
body #scrollIframe.sport-reference-ui .bet-match-item-repeated:nth-child(even) .bet-match-item {
    background: #fafafb !important;
}
body #scrollIframe.sport-reference-ui tbody tr:hover,
body #scrollIframe.sport-reference-ui .new-home-tr:hover,
body #scrollIframe.sport-reference-ui .bet-match-item:hover,
body #scrollIframe.sport-reference-ui .match-box:hover {
    background: var(--sport-ref-green-soft) !important;
}
body #scrollIframe.sport-reference-ui td,
body #scrollIframe.sport-reference-ui th {
    border: 1px solid #d9dbe0 !important;
}
body #scrollIframe.sport-reference-ui tbody td {
    min-height: 36px !important;
    padding: 5px 7px !important;
    color: var(--sport-ref-text) !important;
    background-color: transparent !important;
    vertical-align: middle !important;
}
body #scrollIframe.sport-reference-ui .team-box,
body #scrollIframe.sport-reference-ui .info-teams,
body #scrollIframe.sport-reference-ui .name-team-left,
body #scrollIframe.sport-reference-ui .name-team-right,
body #scrollIframe.sport-reference-ui .td-home,
body #scrollIframe.sport-reference-ui .td-away {
    color: var(--sport-ref-text) !important;
    font-weight: 600 !important;
}
body #scrollIframe.sport-reference-ui .team-box a,
body #scrollIframe.sport-reference-ui .info-teams a,
body #scrollIframe.sport-reference-ui .name-team-left a,
body #scrollIframe.sport-reference-ui .name-team-right a {
    color: var(--sport-ref-text) !important;
    text-decoration: none !important;
}
body #scrollIframe.sport-reference-ui .team-box img,
body #scrollIframe.sport-reference-ui .info-teams img,
body #scrollIframe.sport-reference-ui .name-team-left img,
body #scrollIframe.sport-reference-ui .name-team-right img,
body #scrollIframe.sport-reference-ui img.team-logo,
body #scrollIframe.sport-reference-ui img.teamicon,
body #scrollIframe.sport-reference-ui .team-icon img {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    margin: 0 5px !important;
    object-fit: contain !important;
    visibility: visible !important;
    opacity: 1 !important;
}
body #scrollIframe.sport-reference-ui img.sport-image-error {
    opacity: .22 !important;
    background: #ececef !important;
    border-radius: 50%;
}

/* Score / time / cards */
body #scrollIframe.sport-reference-ui .score,
body #scrollIframe.sport-reference-ui .score-lst,
body #scrollIframe.sport-reference-ui .score-home,
body #scrollIframe.sport-reference-ui .score-away,
body #scrollIframe.sport-reference-ui [id^="score_"] {
    color: var(--sport-ref-red) !important;
    font-weight: 700 !important;
}
body #scrollIframe.sport-reference-ui .time,
body #scrollIframe.sport-reference-ui .match-time,
body #scrollIframe.sport-reference-ui .status-time-sched,
body #scrollIframe.sport-reference-ui [id^="time_"] {
    color: var(--sport-ref-blue) !important;
    font-weight: 600 !important;
}
body #scrollIframe.sport-reference-ui .live,
body #scrollIframe.sport-reference-ui .in-gif,
body #scrollIframe.sport-reference-ui .sport-is-live .time,
body #scrollIframe.sport-reference-ui .sport-is-live [id^="time_"] {
    color: var(--sport-ref-orange) !important;
}
body #scrollIframe.sport-reference-ui .yellowcard { color: #111 !important; background: #ffe600 !important; }
body #scrollIframe.sport-reference-ui .redcard { color: #fff !important; background: #e51b00 !important; }

/* Odds cells */
body #scrollIframe.sport-reference-ui .odds,
body #scrollIframe.sport-reference-ui .odds1,
body #scrollIframe.sport-reference-ui .odds2,
body #scrollIframe.sport-reference-ui .odds3,
body #scrollIframe.sport-reference-ui .odds-bg,
body #scrollIframe.sport-reference-ui .odds-number,
body #scrollIframe.sport-reference-ui .table-core-odds-value,
body #scrollIframe.sport-reference-ui .odd-cell {
    color: var(--sport-ref-text) !important;
    background: var(--sport-ref-odd) !important;
    border: 1px solid #ead5b6 !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
}

/* Keep every betting market and its table column visually separated. */
body #scrollIframe.sport-reference-ui #table_live,
body #scrollIframe.sport-reference-ui #tableCoreSP,
body #scrollIframe.sport-reference-ui .match-list-table,
body #scrollIframe.sport-reference-ui .odds-table {
    border: 1px solid #d9dbe0 !important;
    border-collapse: collapse !important;
}
body #scrollIframe.sport-reference-ui #table_live > tbody > tr > td,
body #scrollIframe.sport-reference-ui #table_live > thead > tr > th,
body #scrollIframe.sport-reference-ui #tableCoreSP > tbody > tr > td,
body #scrollIframe.sport-reference-ui #tableCoreSP > thead > tr > th,
body #scrollIframe.sport-reference-ui .match-list-table td,
body #scrollIframe.sport-reference-ui .match-list-table th {
    border: 1px solid #d9dbe0 !important;
}
body #scrollIframe.sport-reference-ui .odds:hover,
body #scrollIframe.sport-reference-ui .odds1:hover,
body #scrollIframe.sport-reference-ui .odds2:hover,
body #scrollIframe.sport-reference-ui .odds3:hover,
body #scrollIframe.sport-reference-ui .odds-number:hover,
body #scrollIframe.sport-reference-ui .table-core-odds-value:hover {
    background: var(--sport-ref-odd-hover) !important;
}
body #scrollIframe.sport-reference-ui .odds.up,
body #scrollIframe.sport-reference-ui .odds-up,
body #scrollIframe.sport-reference-ui .up,
body #scrollIframe.sport-reference-ui .up_red,
body #scrollIframe.sport-reference-ui .sport-positive-odd {
    color: #00653d !important;
    background: var(--sport-ref-up) !important;
}
body #scrollIframe.sport-reference-ui .odds.down,
body #scrollIframe.sport-reference-ui .odds-down,
body #scrollIframe.sport-reference-ui .down,
body #scrollIframe.sport-reference-ui .down_green,
body #scrollIframe.sport-reference-ui .sport-negative-odd {
    color: #b42318 !important;
    background: var(--sport-ref-down) !important;
}

/* Ranking */
body #scrollIframe.sport-reference-ui #rank_iframe .league-layout,
body #scrollIframe.sport-reference-ui #rank_iframe .rank-content,
body #scrollIframe.sport-reference-ui #rank_iframe .league-table,
body #scrollIframe.sport-reference-ui .wrap-league-1 {
    color: var(--sport-ref-text) !important;
    background: #fff !important;
}
body #scrollIframe.sport-reference-ui #rank_iframe .left-nav,
body #scrollIframe.sport-reference-ui #vue-left-sidebar,
body #scrollIframe.sport-reference-ui .box-league {
    color: var(--sport-ref-text) !important;
    background: #f7f7f8 !important;
    border-color: var(--sport-ref-border) !important;
}
body #scrollIframe.sport-reference-ui #rank_iframe .ranking-table tr:nth-child(1) td:first-child,
body #scrollIframe.sport-reference-ui #rank_iframe .ranking-table tr:nth-child(2) td:first-child,
body #scrollIframe.sport-reference-ui #rank_iframe .ranking-table tr:nth-child(3) td:first-child {
    color: #fff !important;
    background: var(--sport-ref-green) !important;
}

/* Load more */
body #scrollIframe.sport-reference-ui .wrap-loadmore {
    padding: 12px !important;
    background: #fff !important;
    border-top: 1px solid var(--sport-ref-border) !important;
}
body #scrollIframe.sport-reference-ui .wrap-loadmore .load-more-btn,
body #scrollIframe.sport-reference-ui .load-more-btn {
    min-height: 34px !important;
    padding: 7px 28px !important;
    color: #fff !important;
    background-color: var(--sport-ref-green) !important;
    border: 0 !important;
    border-radius: 18px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* Keep detail/analysis actions usable. */
body #scrollIframe.sport-reference-ui .analyze-icon,
body #scrollIframe.sport-reference-ui .Detail-icon,
body #scrollIframe.sport-reference-ui .league-title-rank-icon,
body #scrollIframe.sport-reference-ui .league-layout .odds-icon,
body #scrollIframe.sport-reference-ui .league-layout .analyze-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    opacity: .85;
}
body #scrollIframe.sport-reference-ui .analyze-icon:hover,
body #scrollIframe.sport-reference-ui .Detail-icon:hover,
body #scrollIframe.sport-reference-ui .league-title-rank-icon:hover {
    opacity: 1;
}

/* Mobile cards */
@media (max-width: 900px) {
    .sport-reference-nav { margin-bottom: 6px; border-radius: 5px; }
    .sport-reference-nav__item {
        flex: 0 0 auto;
        min-width: 112px;
        padding: 0 12px;
        font-size: 12px;
    }

    body #scrollIframe.sport-reference-ui,
    body.dark #scrollIframe.sport-reference-ui {
        border-radius: 5px !important;
    }

    body #scrollIframe.sport-reference-ui .filter-box {
        padding: 8px !important;
    }
    body #scrollIframe.sport-reference-ui .filter-row,
    body #scrollIframe.sport-reference-ui .filter-row-wrap {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        gap: 6px !important;
    }
    body #scrollIframe.sport-reference-ui button,
    body #scrollIframe.sport-reference-ui input,
    body #scrollIframe.sport-reference-ui select,
    body #scrollIframe.sport-reference-ui .button-df,
    body #scrollIframe.sport-reference-ui .btn-item-now,
    body #scrollIframe.sport-reference-ui .custom-select,
    body #scrollIframe.sport-reference-ui .custom-select-02,
    body #scrollIframe.sport-reference-ui .dropdown-toggle {
        min-height: 34px !important;
        font-size: 12px !important;
        line-height: 32px !important;
    }
    body #scrollIframe.sport-reference-ui .search-box,
    body #scrollIframe.sport-reference-ui .filter-search-name,
    body #scrollIframe.sport-reference-ui .search-box input,
    body #scrollIframe.sport-reference-ui .filter-search-name input {
        width: 100% !important;
        min-width: 0 !important;
    }

    body #scrollIframe.sport-reference-ui .match-list-sm,
    body #scrollIframe.sport-reference-ui .match-list-mobile,
    body #scrollIframe.sport-reference-ui .mobile-match-list {
        width: 100% !important;
        background: var(--sport-ref-bg) !important;
    }
    body #scrollIframe.sport-reference-ui .bet-match-item,
    body #scrollIframe.sport-reference-ui .match-box,
    body #scrollIframe.sport-reference-ui .match-list-sm > div {
        margin: 0 0 6px !important;
        padding: 8px !important;
        background: #fff !important;
        border: 1px solid var(--sport-ref-border) !important;
        border-radius: 4px !important;
        box-shadow: none !important;
    }
    body #scrollIframe.sport-reference-ui .bet-match-item:last-child,
    body #scrollIframe.sport-reference-ui .match-box:last-child,
    body #scrollIframe.sport-reference-ui .match-list-sm > div:last-child {
        margin-bottom: 0 !important;
    }
    body #scrollIframe.sport-reference-ui .info-teams,
    body #scrollIframe.sport-reference-ui .team-box,
    body #scrollIframe.sport-reference-ui .name-team-left,
    body #scrollIframe.sport-reference-ui .name-team-right {
        min-width: 0 !important;
        max-width: 100% !important;
        font-size: 12px !important;
    }
    body #scrollIframe.sport-reference-ui .team-box img,
    body #scrollIframe.sport-reference-ui .info-teams img,
    body #scrollIframe.sport-reference-ui .name-team-left img,
    body #scrollIframe.sport-reference-ui .name-team-right img,
    body #scrollIframe.sport-reference-ui img.team-logo {
        width: 22px !important;
        height: 22px !important;
        max-width: 22px !important;
    }
    body #scrollIframe.sport-reference-ui .Leaguestitle,
    body #scrollIframe.sport-reference-ui .team_leaguetitle,
    body #scrollIframe.sport-reference-ui .league-title,
    body #scrollIframe.sport-reference-ui .league-head {
        position: static !important;
        min-height: 34px !important;
        padding: 7px 8px !important;
        font-size: 12px !important;
    }
    body #scrollIframe.sport-reference-ui .odds,
    body #scrollIframe.sport-reference-ui .odds1,
    body #scrollIframe.sport-reference-ui .odds2,
    body #scrollIframe.sport-reference-ui .odds3,
    body #scrollIframe.sport-reference-ui .odds-number,
    body #scrollIframe.sport-reference-ui .table-core-odds-value {
        min-height: 30px !important;
        padding: 5px 4px !important;
        font-size: 11px !important;
    }
    body #scrollIframe.sport-reference-ui .table-view,
    body #scrollIframe.sport-reference-ui #mintable,
    body #scrollIframe.sport-reference-ui #live,
    body #scrollIframe.sport-reference-ui .data-sync,
    body #scrollIframe.sport-reference-ui .odds-table-scroll {
        overflow-x: auto !important;
        overscroll-behavior-x: contain;
        scrollbar-width: thin;
    }
}

@media (max-width: 540px) {
    .sport-reference-nav__item {
        min-width: 104px;
        height: 40px;
        padding: 0 10px;
        line-height: 40px;
    }
    body #scrollIframe.sport-reference-ui,
    body.dark #scrollIframe.sport-reference-ui {
        font-size: 12px !important;
    }
    body #scrollIframe.sport-reference-ui tbody td {
        padding: 5px 4px !important;
        font-size: 11px !important;
    }
    body #scrollIframe.sport-reference-ui .sport-ssr-table th,
    body #scrollIframe.sport-reference-ui .sport-ssr-table td {
        padding: 7px 4px !important;
        font-size: 10px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sport-reference-nav__item { transition: none; }
}


/* 3.3.2 — keep useful HTML data visible until the client app has real rows.
   Legacy module scripts add .hide-fake as soon as an empty Vue shell appears,
   which previously collapsed the widget to a thin grey bar. */
body #scrollIframe.sport-reference-ui:not(.sport-live-ready) .sport-ssr-loader,
body #scrollIframe.sport-reference-ui:not(.sport-live-ready) .fake_iframe,
body #scrollIframe.sport-reference-ui:not(.sport-live-ready).hide-fake .sport-ssr-loader,
body #scrollIframe.sport-reference-ui:not(.sport-live-ready) .hide-fake .sport-ssr-loader,
body #scrollIframe.sport-reference-ui:not(.sport-live-ready) #fake_iframeFixture,
body #scrollIframe.sport-reference-ui:not(.sport-live-ready) #fake_iframeResult,
body #scrollIframe.sport-reference-ui:not(.sport-live-ready) #fake_iframeRank {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-height: 72px !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 2 !important;
    transform: none !important;
}

body #scrollIframe.sport-reference-ui:not(.sport-live-ready) #fixture_iframe,
body #scrollIframe.sport-reference-ui:not(.sport-live-ready) #result_iframe,
body #scrollIframe.sport-reference-ui:not(.sport-live-ready) #rank_iframe {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

body #scrollIframe.sport-reference-ui.sport-live-ready .sport-ssr-loader,
body #scrollIframe.sport-reference-ui.sport-live-ready #fake_iframeFixture,
body #scrollIframe.sport-reference-ui.sport-live-ready #fake_iframeResult,
body #scrollIframe.sport-reference-ui.sport-live-ready #fake_iframeRank {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

body #scrollIframe.sport-reference-ui.sport-live-ready #fixture_iframe,
body #scrollIframe.sport-reference-ui.sport-live-ready #result_iframe,
body #scrollIframe.sport-reference-ui.sport-live-ready #rank_iframe {
    display: block !important;
    height: auto !important;
    min-height: 120px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Single-application mode: never hide the live shell while it is loading or
   when the selected view legitimately has no rows yet. */
body #scrollIframe.sport-single-app #fixture_iframe,
body #scrollIframe.sport-single-app #result_iframe,
body #scrollIframe.sport-single-app #rank_iframe,
body #scrollIframe.sport-single-app #rate_iframe,
body #scrollIframe.sport-single-app #iframe_6in1 {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 120px !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    pointer-events: auto !important;
}

body #scrollIframe.sport-reference-ui .sport-ssr-empty {
    min-height: 72px;
    margin: 0 !important;
    padding: 22px 16px !important;
    color: #475467 !important;
    background: #fff !important;
    text-align: center;
}

body #scrollIframe.sport-reference-ui .sport-data-fallback-note {
    margin: 0 !important;
    padding: 8px 12px !important;
    color: #667085 !important;
    background: #f7f9f8 !important;
    border-top: 1px solid #e5e9e7 !important;
    font-size: 11px !important;
    text-align: right;
}

/* 3.3.3 — fail-open rendering. Client apps are always visible; only a
   populated server fallback may cover the loading phase. This overrides the
   legacy opacity/hide-fake rules shared by every sports module. */
body #scrollIframe.sport-reference-ui #rate_iframe,
body #scrollIframe.sport-reference-ui #iframe_6in1,
body #scrollIframe.sport-reference-ui #result_iframe,
body #scrollIframe.sport-reference-ui #fixture_iframe,
body #scrollIframe.sport-reference-ui #rank_iframe,
body #scrollIframe.sport-reference-ui #favorite_iframe,
body #scrollIframe.sport-reference-ui .hide-fake #rate_iframe,
body #scrollIframe.sport-reference-ui .hide-fake #iframe_6in1,
body #scrollIframe.sport-reference-ui .hide-fake #result_iframe,
body #scrollIframe.sport-reference-ui .hide-fake #fixture_iframe,
body #scrollIframe.sport-reference-ui .hide-fake #rank_iframe {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 72px !important;
    max-height: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 3 !important;
    transform: none !important;
}

body #scrollIframe.sport-reference-ui:not(.sport-live-ready) #rate_iframe,
body #scrollIframe.sport-reference-ui:not(.sport-live-ready) #iframe_6in1,
body #scrollIframe.sport-reference-ui:not(.sport-live-ready) #result_iframe,
body #scrollIframe.sport-reference-ui:not(.sport-live-ready) #fixture_iframe,
body #scrollIframe.sport-reference-ui:not(.sport-live-ready) #rank_iframe {
    display: block !important;
    height: auto !important;
    min-height: 72px !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
}

body #scrollIframe.sport-reference-ui .sport-ssr-loader[hidden],
body #scrollIframe.sport-reference-ui .fake_iframe[hidden] {
    display: none !important;
}

body #scrollIframe.sport-reference-ui .sport-ssr-loader.sport-fallback-active,
body #scrollIframe.sport-reference-ui .fake_iframe.sport-fallback-active {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 72px !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 4 !important;
}

body #scrollIframe.sport-reference-ui .sport-runtime-message {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 72px;
    padding: 16px;
    color: #475467;
    background: #fff;
    border-top: 1px solid #e5e7eb;
    text-align: center;
}
body #scrollIframe.sport-reference-ui .sport-runtime-message button {
    min-height: 34px;
    padding: 0 14px;
    color: #fff;
    background: #083b2a;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
}

/* 3.5.2 — readable 6-in-1 betting grid. The site chrome keeps the green
   brand tone, while betting states use the familiar orange/green/red code. */
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .match-list-head,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .match-list-head > div,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .match-list-head .odds-title,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .match-list-head .odds-title-head,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .match-list-head .odds-title-items,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .match-list-head .odds-title-item {
    color: #111318 !important;
    background: #e5e5e5 !important;
    border-color: #c8c8c8 !important;
}


body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .odds.normal,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .odds1,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .odds2,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .odds3,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .odds-number,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .table-core-odds-value {
    color: #111318 !important;
    background: #fff5e7 !important;
    border-color: #ead5b6 !important;
}

body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .odds.up,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .odds-up,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .odds-number.odds-up,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .up,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .up_red {
    color: #075e3b !important;
    background: #c9ffe9 !important;
    border-color: #72c9a5 !important;
}

body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .odds.down,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .odds-down,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .odds-number.odds-down,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .down,
body #scrollIframe.sport-reference-ui.wrap-iframe-6in1 .down_green {
    color: #a92b22 !important;
    background: #ffdbd8 !important;
    border-color: #e7a29c !important;
}

/* 3.5.4 — complete standings snapshot matching the reference rank page. */
.sport-rank-reference {
    width: 100%;
    color: #101828;
    background: #fff;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.sport-rank-reference__tabs {
    display: flex;
    gap: 7px;
    padding: 7px;
    overflow-x: auto;
    border-bottom: 1px solid #d5d8dc;
    scrollbar-width: none;
}
.sport-rank-reference__tabs::-webkit-scrollbar { display: none; }
.sport-rank-reference__tab {
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
    flex: 0 0 auto;
    padding: 9px 16px;
    color: #1d2939;
    background: #f0f1f1;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}
.sport-rank-reference__tab.is-active { color: #fff; background: #083b2a; }
.sport-rank-reference__hero {
    display: flex;
    gap: 22px;
    margin: 7px;
    padding: 24px 24px 10px;
    border: 1px solid #d9dce0;
    border-radius: 10px;
}
.sport-rank-reference__hero > img {
    width: 100px;
    height: 100px;
    flex: 0 0 100px;
    padding: 10px;
    object-fit: contain;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 6px 20px rgba(16,24,40,.10);
}
.sport-rank-reference__hero-main { flex: 1; min-width: 0; }
.sport-rank-reference__hero h2 { margin: 0 0 12px; font-size: 25px; line-height: 1.25; }
.sport-rank-reference__season {
    display: inline-flex;
    min-width: 62px;
    padding: 7px 12px;
    justify-content: center;
    border: 1px solid #d0d5dd;
    border-radius: 5px;
    font-weight: 600;
}
.sport-rank-reference__progress { height: 8px; margin-top: 13px; background: #d9dadd; border-radius: 6px; overflow: hidden; }
.sport-rank-reference__progress i { display: block; width: 95%; height: 100%; background: #083b2a; border-radius: inherit; }
.sport-rank-reference__dates { display: flex; justify-content: space-between; padding-top: 5px; font-size: 12px; }
.sport-rank-reference__menu { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; align-items: center; margin-top: 20px; color: #8b8f97; text-align: center; }
.sport-rank-reference__menu a { color: inherit; text-decoration: none !important; }
.sport-rank-reference__menu a:hover { color: #083b2a; }
.sport-rank-reference__menu strong { padding: 9px 14px; color: #fff; background: #083b2a; border-radius: 999px; }
.sport-rank-reference__stage { display: inline-block; margin: 3px 14px 0; padding: 7px 12px; color: #fff; background: #083b2a; border-radius: 3px; font-weight: 700; }
.sport-rank-reference__group { margin: 0 7px; padding: 12px 0 20px; }
.sport-rank-reference__group h3 { margin: 0 7px 10px; font-size: 20px; }
.sport-rank-reference__table-wrap { overflow-x: auto; border: 1px solid #d9dce0; border-radius: 10px; }
.sport-rank-reference table { width: 100%; min-width: 760px; margin: 0 !important; border-collapse: collapse !important; table-layout: auto !important; }
.sport-rank-reference th,
.sport-rank-reference td { padding: 9px 10px !important; border: 0 !important; border-bottom: 1px solid #d9dce0 !important; background: #fff !important; text-align: center; white-space: nowrap; }
.sport-rank-reference th { color: #667085 !important; background: #f0f1f3 !important; font-size: 12px; font-weight: 600; }
.sport-rank-reference th:nth-child(2), .sport-rank-reference td:nth-child(2) { min-width: 230px; text-align: left; }
.sport-rank-reference tbody tr:last-child td { border-bottom: 0 !important; }
.sport-rank-reference__position { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 50%; }
.sport-rank-reference__position.is-qualified { color: #fff; background: #168a4b; }
.sport-rank-reference__team { display: inline-flex; align-items: center; gap: 9px; }
.sport-rank-reference__team img { width: 23px !important; height: 23px !important; margin: 0 !important; object-fit: contain; }
.sport-rank-reference__team b { font-size: 13px; font-weight: 600; }
.sport-rank-reference__form { display: inline-flex; gap: 3px; }
.sport-rank-reference__form i { display: inline-flex; width: 22px; height: 22px; align-items: center; justify-content: center; color: #fff; border-radius: 3px; font-size: 11px; font-style: normal; font-weight: 800; }
.sport-rank-reference__form .is-w { background: #52bd41; }
.sport-rank-reference__form .is-d { background: #111827; }
.sport-rank-reference__form .is-l { background: #ef5350; }

@media (max-width: 768px) {
    .sport-rank-reference__hero { padding: 16px 12px 10px; gap: 12px; }
    .sport-rank-reference__hero > img { width: 64px; height: 64px; flex-basis: 64px; padding: 6px; }
    .sport-rank-reference__hero h2 { font-size: 18px; }
    .sport-rank-reference__menu { grid-template-columns: repeat(2, 1fr); gap: 8px; font-size: 12px; }
    .sport-rank-reference__menu strong { padding: 7px 8px; }
    .sport-rank-reference__group h3 { font-size: 17px; }
}