/* =========================================================
   TIMES PAGE
   ========================================================= */

.mcc-times-page {
    padding-top: 24px;
    padding-bottom: 48px;
}


/* =========================================================
   SUMMARY
   ========================================================= */

.mcc-times-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 22px;
}


.mcc-times-summary-card {
    min-height: 118px;
    padding: 18px 18px 16px;
    border: 1px solid #e7e8ea;
    border-radius: 14px;
    background: #fff;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;

    box-shadow:
        0 1px 2px rgba(16, 24, 40, .025);
}


.mcc-times-summary-copy {
    min-width: 0;
}


.mcc-times-summary-copy small {
    display: block;
    margin-bottom: 5px;

    color: #81858c;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .08em;
}


.mcc-times-summary-copy strong {
    display: block;

    color: #202226;
    font-size: 28px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: -.04em;
}


.mcc-times-summary-copy span {
    display: block;
    margin-top: 8px;

    color: #8b8e94;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}


.mcc-times-summary-icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 13px;
    background: #f4f6f5;
}


.mcc-times-summary-icon svg {
    width: 23px;
    height: 23px;

    fill: none;
    stroke: #23272b;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.mcc-times-summary-card.is-goals
.mcc-times-summary-icon {
    background: #eef8f0;
}


.mcc-times-summary-card.is-goals
.mcc-times-summary-icon svg {
    stroke: #24813b;
}


.mcc-times-summary-card.is-assists
.mcc-times-summary-icon {
    background: #f2f2ff;
}


.mcc-times-summary-card.is-assists
.mcc-times-summary-icon svg {
    stroke: #5f5be8;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .mcc-times-summary {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .mcc-times-page {
        padding-top: 14px;
        padding-bottom: 32px;
    }


    .mcc-times-summary {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 8px;
        margin-bottom: 16px;
    }


    .mcc-times-summary-card {
        min-height: 98px;
        padding: 14px 12px;
        border-radius: 12px;
        gap: 8px;
    }


    .mcc-times-summary-copy small {
        font-size: 9px;
    }


    .mcc-times-summary-copy strong {
        font-size: 23px;
    }


    .mcc-times-summary-copy span {
        margin-top: 6px;
        font-size: 10px;
    }


    .mcc-times-summary-icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        border-radius: 10px;
    }


    .mcc-times-summary-icon svg {
        width: 19px;
        height: 19px;
    }

}


/* =========================================================
   TIMES OVERVIEW HEAD
   ========================================================= */

.mcc-times-overview {
    margin-top: 4px;
}


.mcc-times-overview-head {
    display: grid;
    grid-template-columns:
        minmax(190px, 1fr)
        auto
        minmax(100px, 1fr);

    align-items: center;
    gap: 18px;

    margin-bottom: 14px;
}


.mcc-times-eyebrow {
    display: block;
    margin-bottom: 4px;

    color: #92969c;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .11em;
}


.mcc-times-overview-head h2 {
    margin: 0;

    color: #202226;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.025em;
}


/* =========================================================
   SEGMENTED SWITCH
   ========================================================= */

.mcc-times-view-switcher {
    display: inline-flex;
    align-items: center;

    padding: 3px;

    border-radius: 10px;
    background: #eff0f2;
}


.mcc-times-view-button {
    height: 34px;
    padding: 0 13px;

    border: 0;
    border-radius: 8px;
    background: transparent;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    color: #777b82;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .035em;

    cursor: pointer;
}


.mcc-times-view-button svg {
    width: 15px;
    height: 15px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.mcc-times-view-button.is-active {
    color: #fff;
    background: #202226;

    box-shadow:
        0 1px 3px rgba(0, 0, 0, .12);
}


.mcc-times-count {
    justify-self: end;

    display: flex;
    align-items: baseline;
    gap: 5px;

    color: #8b8f95;
}


.mcc-times-count strong {
    color: #202226;
    font-size: 16px;
    font-weight: 750;
}


.mcc-times-count span {
    font-size: 11px;
    font-weight: 650;
}


/* =========================================================
   INSIGHT GRID
   ========================================================= */

.mcc-times-insight-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 12px;
    margin-bottom: 22px;
}


.mcc-times-insight-card {
    min-width: 0;
    min-height: 286px;

    padding: 16px;

    border: 1px solid #e6e8ea;
    border-radius: 14px;

    background: #fff;

    box-shadow:
        0 1px 2px rgba(16, 24, 40, .025);
}


.mcc-times-card-head {
    min-height: 41px;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;

    margin-bottom: 15px;
}


.mcc-times-card-head small {
    display: block;
    margin-bottom: 3px;

    color: #999da3;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .1em;
}


.mcc-times-card-head h3 {
    margin: 0;

    color: #202226;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -.015em;
}


.mcc-times-card-badge,
.mcc-times-unit {
    flex: 0 0 auto;

    padding: 5px 7px;

    border-radius: 7px;

    background: #f3f4f5;

    color: #8a8e94;
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .07em;
}


/* =========================================================
   MAP
   ========================================================= */

.mcc-times-map-visual {
    min-height: 142px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    margin: 4px 0 12px;
}


.mcc-times-map-shape {
    width: 112px;
    height: 120px;

    display: flex;
    align-items: center;
    justify-content: center;
}


.mcc-times-map-shape svg {
    width: 100%;
    height: 100%;
}


.mcc-times-map-shape path {
    stroke: #fff;
    stroke-width: 3;
    stroke-linejoin: round;
}


.mcc-times-map-shape .is-north {
    fill: #d9eee0;
}


.mcc-times-map-shape .is-northeast {
    fill: #a9dab6;
}


.mcc-times-map-shape .is-midwest {
    fill: #7bc88d;
}


.mcc-times-map-shape .is-southeast {
    fill: #3eaa59;
}


.mcc-times-map-shape .is-south {
    fill: #197b35;
}


.mcc-times-map-copy {
    min-width: 82px;
}


.mcc-times-map-copy strong {
    display: block;

    color: #202226;
    font-size: 28px;
    font-weight: 750;
    line-height: 1;
}


.mcc-times-map-copy span,
.mcc-times-map-copy small {
    display: block;
}


.mcc-times-map-copy span {
    margin-top: 5px;

    color: #5d6268;
    font-size: 10px;
    font-weight: 700;
}


.mcc-times-map-copy small {
    margin-top: 3px;

    color: #999da3;
    font-size: 9px;
    font-weight: 600;
}


.mcc-times-region-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px 12px;
}


.mcc-times-region-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;

    color: #777b81;
    font-size: 10px;
}


.mcc-times-region-row strong {
    color: #25282c;
    font-size: 11px;
}


/* =========================================================
   STATE DISTRIBUTION
   ========================================================= */

.mcc-times-state-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.mcc-times-state-row {
    min-width: 0;
}


.mcc-times-state-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 5px;
}


.mcc-times-state-meta strong {
    color: #45494f;
    font-size: 10px;
    font-weight: 800;
}


.mcc-times-state-meta span {
    color: #969aa0;
    font-size: 9px;
    font-weight: 700;
}


.mcc-times-state-track {
    height: 5px;

    overflow: hidden;

    border-radius: 999px;
    background: #eff1f2;
}


.mcc-times-state-track i {
    display: block;
    height: 100%;

    border-radius: inherit;
    background: #202226;
}


/* =========================================================
   TEAM MINI RANKINGS
   ========================================================= */

.mcc-times-ranking-list {
    display: flex;
    flex-direction: column;
}


.mcc-times-ranking-row {
    min-height: 49px;

    display: grid;
    grid-template-columns:
        22px
        minmax(0, 1fr)
        auto;

    align-items: center;
    gap: 8px;

    border-bottom: 1px solid #f0f1f2;
}


.mcc-times-ranking-row:last-child {
    border-bottom: 0;
}


.mcc-times-rank {
    width: 20px;
    height: 20px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 6px;

    background: #f1f2f3;

    color: #71757b;
    font-size: 9px;
    font-weight: 800;
}


.mcc-times-team-mini {
    min-width: 0;

    display: flex;
    align-items: center;
    gap: 8px;
}


.mcc-times-team-logo {
    flex: 0 0 27px;

    width: 27px;
    height: 27px;

    display: flex;
    align-items: center;
    justify-content: center;
}


.mcc-times-team-logo img {
    max-width: 25px;
    max-height: 25px;

    object-fit: contain;
}


.mcc-times-team-mini strong {
    min-width: 0;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    color: #35383d;
    font-size: 10px;
    font-weight: 750;
}


.mcc-times-ranking-row > b {
    color: #202226;
    font-size: 12px;
    font-weight: 750;
}


/* =========================================================
   EMPTY GEO
   ========================================================= */

.mcc-times-empty-geo,
.mcc-times-card-empty {
    min-height: 180px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    color: #969aa0;
}


.mcc-times-empty-geo svg {
    width: 30px;
    height: 30px;

    margin-bottom: 10px;

    fill: none;
    stroke: #a0a4aa;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.mcc-times-empty-geo strong {
    color: #4d5157;
    font-size: 11px;
}


.mcc-times-empty-geo span {
    max-width: 180px;

    margin-top: 5px;

    font-size: 9px;
    line-height: 1.45;
}


.mcc-times-card-empty {
    font-size: 10px;
    line-height: 1.5;
}


/* =========================================================
   MAP VIEW
   ========================================================= */

.mcc-times-root.is-map-view
.mcc-times-insight-card:not(.mcc-times-geo-card) {
    display: none;
}


.mcc-times-root.is-map-view
.mcc-times-insight-grid {
    grid-template-columns: 1fr;
}


.mcc-times-root.is-map-view
.mcc-times-geo-card {
    min-height: 360px;
}


.mcc-times-root.is-map-view
.mcc-times-map-visual {
    min-height: 245px;
}


.mcc-times-root.is-map-view
.mcc-times-map-shape {
    width: 210px;
    height: 225px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

    .mcc-times-insight-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .mcc-times-overview-head {
        grid-template-columns:
            minmax(0, 1fr)
            auto;

        gap: 10px;
    }


    .mcc-times-overview-head > div:first-child {
        grid-column: 1 / -1;
    }


    .mcc-times-overview-head h2 {
        font-size: 17px;
    }


    .mcc-times-view-switcher {
        justify-self: start;
    }


    .mcc-times-view-button {
        height: 31px;
        padding: 0 10px;
        font-size: 9px;
    }


    .mcc-times-view-button svg {
        width: 13px;
        height: 13px;
    }


    .mcc-times-count {
        justify-self: end;
    }


    .mcc-times-insight-grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }


    .mcc-times-insight-card {
        min-height: 0;
        padding: 14px;
        border-radius: 12px;
    }


    .mcc-times-map-visual {
        min-height: 126px;
    }


    .mcc-times-map-shape {
        width: 105px;
        height: 112px;
    }


    .mcc-times-root.is-map-view
    .mcc-times-map-shape {
        width: 180px;
        height: 195px;
    }

}


/* =========================================================
   TIMES DASHBOARD V2
   MATCH REFERENCE LAYOUT
   ========================================================= */

.mcc-times-dashboard {
    margin: 0 0 24px;
}


/* TOOLBAR */

.mcc-times-toolbar {
    min-height: 42px;

    display: flex;
    align-items: center;

    margin-bottom: 10px;
}


.mcc-times-view-switcher {
    display: flex;
    align-items: center;
    gap: 8px;

    padding: 0;

    background: transparent;
}


.mcc-times-view-button {
    height: 34px;
    padding: 0 18px;

    border: 1px solid #e1e4e7;
    border-radius: 5px;

    background: #fff;

    color: #34383d;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0;

    box-shadow:
        0 1px 2px rgba(0, 0, 0, .025);
}


.mcc-times-view-button.is-active {
    border-color: #078328;

    background: #078328;

    color: #fff;

    box-shadow:
        0 1px 3px rgba(7, 131, 40, .18);
}


.mcc-times-new-badge {
    align-self: flex-start;

    margin-left: -5px;
    margin-top: -3px;

    padding: 2px 5px;

    border-radius: 999px;

    background: #078328;

    color: #fff;

    font-size: 10px;
    font-weight: 750;
    line-height: 1.3;
}


/* =========================================================
   4 CARDS
   ========================================================= */

.mcc-times-dashboard-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;
}


.mcc-times-dashboard-card {
    min-width: 0;
    height: 212px;

    padding: 16px 15px 13px;

    overflow: hidden;

    border: 1px solid #dfe3e7;
    border-radius: 5px;

    background: #fff;

    box-shadow:
        0 1px 2px rgba(15, 23, 42, .02);
}


.mcc-times-dashboard-card > h3,
.mcc-times-market-head h3 {
    margin: 0;

    color: #41464d;

    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;

    letter-spacing: .015em;
}


/* =========================================================
   REGION CARD
   ========================================================= */

.mcc-times-region-body {
    height: calc(100% - 20px);

    display: grid;
    grid-template-columns:
        minmax(100px, 1.05fr)
        minmax(90px, .95fr);

    align-items: center;

    gap: 9px;
}


.mcc-times-brazil-map {
    height: 154px;

    display: flex;
    align-items: center;
    justify-content: center;
}


.mcc-times-brazil-map svg {
    width: 125px;
    height: 145px;
}


.mcc-times-brazil-map path {
    stroke: #fff;
    stroke-width: 2.5;
    stroke-linejoin: round;
}


.mcc-times-brazil-map .map-norte {
    fill: #095d26;
}


.mcc-times-brazil-map .map-nordeste {
    fill: #8bd85d;
}


.mcc-times-brazil-map .map-centro {
    fill: #49a83d;
}


.mcc-times-brazil-map .map-sudeste {
    fill: #167f31;
}


.mcc-times-brazil-map .map-sul {
    fill: #006b27;
}


.mcc-times-region-stats {
    display: flex;
    flex-direction: column;

    gap: 6px;
}


.mcc-times-region-stat {
    display: flex;
    flex-direction: column;

    line-height: 1.05;
}


.mcc-times-region-stat > span {
    margin-bottom: 1px;

    color: #5c6268;

    font-size: 11px;
    font-weight: 650;
}


.mcc-times-region-stat > strong {
    color: #24282d;

    font-size: 12px;
    font-weight: 750;
}


.mcc-times-region-stat small {
    font-size: inherit;
    font-weight: 650;
}


/* =========================================================
   STATE CARD
   ========================================================= */

.mcc-times-state-bars {
    height: calc(100% - 16px);

    padding-top: 14px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.mcc-times-state-bar-row {
    min-height: 17px;

    display: grid;

    grid-template-columns:
        23px
        minmax(0, 1fr)
        15px;

    align-items: center;

    gap: 7px;
}


.mcc-times-state-bar-row > strong {
    color: #575d64;

    font-size: 12px;
    font-weight: 800;
}


.mcc-times-state-bar-row > span {
    color: #3a3f45;

    font-size: 12px;
    font-weight: 800;

    text-align: right;
}


.mcc-times-state-bar-track {
    height: 3px;

    overflow: hidden;

    background: #dfe4e7;
}


.mcc-times-state-bar-track i {
    display: block;

    height: 100%;

    background: #07902d;
}


/* =========================================================
   AGE CARD
   ========================================================= */

.mcc-times-age-layout {
    height: 150px;

    display: grid;

    grid-template-columns:
        46%
        54%;

    align-items: center;
}


.mcc-times-age-chart {
    display: flex;
    justify-content: center;
}


.mcc-times-age-donut {
    position: relative;

    width: 104px;
    height: 104px;

    border-radius: 50%;

    background:
        conic-gradient(
            #078426 0 15%,
            #58a841 15% 52%,
            #c6c9cd 52% 78%,
            #121c33 78% 100%
        );
}


.mcc-times-age-donut::after {
    content: "";

    position: absolute;

    inset: 16px;

    border-radius: 50%;

    background: #fff;
}


.mcc-times-age-center {
    position: absolute;
    z-index: 2;

    inset: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.mcc-times-age-center strong {
    color: #202328;

    font-size: 20px;
    font-weight: 750;
}


.mcc-times-age-center span {
    margin-top: 2px;

    color: #73787e;

    font-size: 10px;
    font-weight: 650;
}


.mcc-times-age-legend {
    display: flex;
    flex-direction: column;

    gap: 12px;
}


.mcc-times-age-legend > div {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #4d5359;

    font-size: 12px;
    font-weight: 650;
}


.mcc-times-age-legend i {
    width: 9px;
    height: 9px;

    flex: 0 0 9px;
}


.mcc-times-age-legend .age-a {
    background: #078426;
}


.mcc-times-age-legend .age-b {
    background: #58a841;
}


.mcc-times-age-legend .age-c {
    background: #c6c9cd;
}


.mcc-times-age-legend .age-d {
    background: #121c33;
}


/* =========================================================
   MARKET CARD
   ========================================================= */

.mcc-times-market-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}


.mcc-times-market-icon {
    width: 25px;
    height: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 2px solid #728095;
    border-radius: 50%;

    color: #657287;

    font-size: 14px;
    font-weight: 700;
}


.mcc-times-market-value {
    margin-top: 18px;
}


.mcc-times-market-value strong {
    display: block;

    color: #171a1f;

    font-size: 25px;
    font-weight: 700;

    line-height: 1;
}


.mcc-times-market-value span {
    display: block;

    margin-top: 7px;

    color: #6b7076;

    font-size: 11px;
    font-weight: 650;
}


.mcc-times-market-scale {
    margin-top: 29px;
}


.mcc-times-market-track {
    height: 9px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            #d3edbd 0%,
            #75cc4f 48%,
            #068427 100%
        );
}


.mcc-times-market-track i {
    display: none;
}


.mcc-times-market-labels {
    display: flex;
    justify-content: space-between;

    margin-top: 12px;
}


.mcc-times-market-labels span {
    color: #646970;

    font-size: 12px;
    font-weight: 650;
}


.mcc-times-data-note {
    display: block;

    margin-top: 5px;

    color: #a1a5aa;

    font-size: 10px;
    line-height: 1.2;
}


/* =========================================================
   HIDE OLD V1 COMPONENTS
   ========================================================= */

.mcc-times-overview-head,
.mcc-times-insight-grid {
    display: none !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1000px) {

    .mcc-times-dashboard-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 600px) {

    .mcc-times-dashboard-grid {
        grid-template-columns: 1fr;
    }


    .mcc-times-dashboard-card {
        height: auto;
        min-height: 205px;
    }


    .mcc-times-view-button {
        height: 32px;
        padding: 0 14px;
    }


    .mcc-times-region-body {
        min-height: 165px;
    }

}


/* =========================================================
   REAL POSSESSION DONUT
   ========================================================= */

.mcc-times-age-donut {
    background:
        conic-gradient(
            #078426
            0 var(--p1),

            #58a841
            var(--p1)
            calc(
                var(--p1)
                +
                var(--p2)
            ),

            #c6c9cd
            calc(
                var(--p1)
                +
                var(--p2)
            )
            calc(
                var(--p1)
                +
                var(--p2)
                +
                var(--p3)
            ),

            #121c33
            calc(
                var(--p1)
                +
                var(--p2)
                +
                var(--p3)
            )
            100%
        );
}


.mcc-times-age-legend span {
    display: flex;
    flex-direction: column;
}


.mcc-times-age-legend b {
    margin-top: 2px;

    color: #95999f;

    font-size: 11px;
    font-weight: 650;
}


.mcc-times-market-icon svg {
    width: 15px;
    height: 15px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.mcc-times-market-labels span {
    display: flex;
    flex-direction: column;
    gap: 2px;
}


.mcc-times-market-labels span:last-child {
    align-items: flex-end;
}


.mcc-times-market-labels strong {
    color: #22262b;

    font-size: 9px;
    font-weight: 750;
}


/* =========================================================
   BRAZIL — REAL 27 STATE MAP
   ========================================================= */

.mcc-times-region-body {
    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(72px, .85fr);

    gap: 5px;
}


.mcc-times-brazil-map {
    width: 100%;
    height: 158px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: visible;
}


.mcc-times-real-map {
    width: 145px;
    height: 155px;

    overflow: visible;
}


.mcc-br-state {
    stroke: #ffffff;
    stroke-width: 1.15;
    stroke-linejoin: round;

    vector-effect:
        non-scaling-stroke;

    transition:
        fill .15s ease,
        opacity .15s ease,
        filter .15s ease;
}


.mcc-br-state.has-0 {
    fill: #dcefd7;
}


.mcc-br-state.has-1 {
    fill: #9bdc74;
}


.mcc-br-state.has-2 {
    fill: #5fbd4e;
}


.mcc-br-state.has-3 {
    fill: #258e38;
}


.mcc-br-state.has-4 {
    fill: #075e27;
}


.mcc-br-state:hover {
    opacity: .82;

    filter:
        drop-shadow(
            0 1px 1px
            rgba(0, 0, 0, .16)
        );
}


/* remove old fake-map styling */

.mcc-times-brazil-map
.map-norte,

.mcc-times-brazil-map
.map-nordeste,

.mcc-times-brazil-map
.map-centro,

.mcc-times-brazil-map
.map-sudeste,

.mcc-times-brazil-map
.map-sul {
    display: none;
}


/* =========================================================
   TIMES — MAP + POSSESSION TUNING
   ONLY INTERNAL LAYOUT, KEEP CARD SIZE
   ========================================================= */


/* ---------------------------------------------------------
   CARD 1 — BIGGER BRAZIL MAP
   --------------------------------------------------------- */

.mcc-times-dashboard-grid
> .mcc-times-dashboard-card:nth-child(1)
.mcc-times-region-body {

    grid-template-columns:
        minmax(0, 1.42fr)
        minmax(72px, .58fr);

    gap: 3px;
}


.mcc-times-dashboard-grid
> .mcc-times-dashboard-card:nth-child(1)
.mcc-times-brazil-map {

    height: 178px;

    justify-content: flex-start;

    overflow: visible;
}


.mcc-times-dashboard-grid
> .mcc-times-dashboard-card:nth-child(1)
.mcc-times-real-map {

    width: 172px;
    height: 178px;

    max-width: none;
    max-height: none;

    transform: translateX(2px);
}


.mcc-times-dashboard-grid
> .mcc-times-dashboard-card:nth-child(1)
.mcc-times-region-stats {

    gap: 6px;

    padding-left: 0;
}


.mcc-times-dashboard-grid
> .mcc-times-dashboard-card:nth-child(1)
.mcc-times-region-stat > span {

    font-size: 11px;
}


.mcc-times-dashboard-grid
> .mcc-times-dashboard-card:nth-child(1)
.mcc-times-region-stat > strong {

    font-size: 12px;
}


/* ---------------------------------------------------------
   CARD 3 — REMOVE EMPTY RIGHT SPACE
   --------------------------------------------------------- */

.mcc-times-dashboard-grid
> .mcc-times-dashboard-card:nth-child(3)
.mcc-times-age-layout {

    width: 100%;
    height: 166px;

    grid-template-columns:
        128px
        minmax(0, 1fr);

    gap: 16px;

    align-items: center;
}


.mcc-times-dashboard-grid
> .mcc-times-dashboard-card:nth-child(3)
.mcc-times-age-chart {

    width: 128px;

    justify-content: center;
}


.mcc-times-dashboard-grid
> .mcc-times-dashboard-card:nth-child(3)
.mcc-times-age-donut {

    width: 116px;
    height: 116px;
}


.mcc-times-dashboard-grid
> .mcc-times-dashboard-card:nth-child(3)
.mcc-times-age-donut::after {

    inset: 14px;
}


.mcc-times-dashboard-grid
> .mcc-times-dashboard-card:nth-child(3)
.mcc-times-age-legend {

    width: 100%;

    gap: 11px;

    justify-self: stretch;
}


.mcc-times-dashboard-grid
> .mcc-times-dashboard-card:nth-child(3)
.mcc-times-age-legend > div {

    width: 100%;

    display: grid;

    grid-template-columns:
        9px
        minmax(0, 1fr);

    align-items: center;

    gap: 8px;
}


.mcc-times-dashboard-grid
> .mcc-times-dashboard-card:nth-child(3)
.mcc-times-age-legend span {

    width: 100%;
}


.mcc-times-dashboard-grid
> .mcc-times-dashboard-card:nth-child(3)
.mcc-times-age-legend b {

    display: block;

    margin-top: 2px;
}


/* ---------------------------------------------------------
   KEEP ALL 4 CARDS SAME SIZE
   --------------------------------------------------------- */

@media (min-width: 1001px) {

    .mcc-times-dashboard-card {

        height: 212px;

        padding:
            16px
            15px
            13px;
    }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 600px) {

    .mcc-times-dashboard-grid
    > .mcc-times-dashboard-card:nth-child(1)
    .mcc-times-region-body {

        grid-template-columns:
            minmax(0, 1.38fr)
            minmax(72px, .62fr);
    }


    .mcc-times-dashboard-grid
    > .mcc-times-dashboard-card:nth-child(1)
    .mcc-times-real-map {

        width: 165px;
        height: 170px;
    }


    .mcc-times-dashboard-grid
    > .mcc-times-dashboard-card:nth-child(3)
    .mcc-times-age-layout {

        grid-template-columns:
            118px
            minmax(0, 1fr);

        gap: 12px;
    }


    .mcc-times-dashboard-grid
    > .mcc-times-dashboard-card:nth-child(3)
    .mcc-times-age-chart {

        width: 118px;
    }


    .mcc-times-dashboard-grid
    > .mcc-times-dashboard-card:nth-child(3)
    .mcc-times-age-donut {

        width: 108px;
        height: 108px;
    }

}


/* =========================================================
   TIMES FINAL SIZE CORRECTION
   KEEP CARD SIZE — ENLARGE MAP ONLY
   ========================================================= */

@media (min-width: 1001px) {

    .mcc-times-dashboard-card {
        height: 212px;

        padding:
            16px
            15px
            13px;
    }


    /* -----------------------------------------
       CARD 1 — REAL MAP BIGGER
       ----------------------------------------- */

    .mcc-times-dashboard-grid
    > .mcc-times-dashboard-card:nth-child(1)
    .mcc-times-region-body {

        grid-template-columns:
            minmax(0, 1.55fr)
            minmax(67px, .45fr);

        gap: 0;
    }


    .mcc-times-dashboard-grid
    > .mcc-times-dashboard-card:nth-child(1)
    .mcc-times-brazil-map {

        height: 172px;

        justify-content: center;

        overflow: visible;
    }


    .mcc-times-dashboard-grid
    > .mcc-times-dashboard-card:nth-child(1)
    .mcc-times-real-map {

        width: 184px;
        height: 172px;

        max-width: none;
        max-height: none;
    }


    .mcc-times-dashboard-grid
    > .mcc-times-dashboard-card:nth-child(1)
    .mcc-times-region-stats {

        gap: 5px;

        transform:
            translateX(-3px);
    }


    /* -----------------------------------------
       CARD 3 — USE WIDTH BETTER
       ----------------------------------------- */

    .mcc-times-dashboard-grid
    > .mcc-times-dashboard-card:nth-child(3)
    .mcc-times-age-layout {

        width: 100%;
        height: 165px;

        display: grid;

        grid-template-columns:
            minmax(112px, .92fr)
            minmax(118px, 1.08fr);

        gap: 7px;

        align-items: center;
    }


    .mcc-times-dashboard-grid
    > .mcc-times-dashboard-card:nth-child(3)
    .mcc-times-age-chart {

        width: 100%;

        justify-content: center;
    }


    .mcc-times-dashboard-grid
    > .mcc-times-dashboard-card:nth-child(3)
    .mcc-times-age-donut {

        width: 110px;
        height: 110px;
    }


    .mcc-times-dashboard-grid
    > .mcc-times-dashboard-card:nth-child(3)
    .mcc-times-age-legend {

        width: 100%;

        gap: 9px;
    }


    .mcc-times-dashboard-grid
    > .mcc-times-dashboard-card:nth-child(3)
    .mcc-times-age-legend > div {

        width: 100%;
    }

}


/* MC TIMES TEAM TABLE V1 */

.mcc-team-table-section {
    margin-top: 22px;
    background: #fff;
    border: 1px solid #e7ebf2;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 28px rgba(18, 31, 53, .045);
}

.mcc-team-table-toolbar {
    min-height: 72px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #edf0f5;
    background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
}

.mcc-team-search {
    width: 220px;
    height: 42px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 13px;
    border: 1px solid #dfe5ed;
    border-radius: 9px;
    background: #fff;
}

.mcc-team-search:focus-within {
    border-color: #7357ff;
    box-shadow: 0 0 0 3px rgba(115, 87, 255, .09);
}

.mcc-team-search svg {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    fill: none;
    stroke: #718096;
    stroke-width: 2;
    stroke-linecap: round;
}

.mcc-team-search input {
    width: 100%;
    min-width: 0;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #172033;
    font-size: 13px;
    font-weight: 600;
}

.mcc-team-search input::placeholder {
    color: #8b95a5;
}

.mcc-team-sort {
    height: 42px;
    min-width: 190px;
    padding: 0 11px 0 13px;
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #dfe5ed;
    border-radius: 9px;
    background: #fff;
    color: #6f7887;
    font-size: 12px;
    font-weight: 600;
}

.mcc-team-sort select {
    min-width: 0;
    height: 38px;
    padding: 0 25px 0 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    color: #172033;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.mcc-team-export {
    margin-left: auto;
    height: 42px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #dfe5ed;
    border-radius: 9px;
    background: #fff;
    color: #172033;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: .18s ease;
}

.mcc-team-export:hover {
    transform: translateY(-1px);
    border-color: #cfd6e1;
    box-shadow: 0 6px 18px rgba(18, 31, 53, .07);
}

.mcc-team-export svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mcc-team-table-scroll {
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
}

.mcc-team-table {
    min-width: 1120px;
    background: #fff;
}

.mcc-team-table-head,
.mcc-team-table-row {
    display: grid;
    grid-template-columns:
        44px
        minmax(210px, 1.7fr)
        150px
        64px
        126px
        138px
        112px
        150px
        92px
        34px;
    align-items: center;
}

.mcc-team-table-head {
    min-height: 48px;
    padding: 0 15px;
    border-bottom: 1px solid #e8ecf2;
    background: #fafbfd;
    color: #697386;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .035em;
}

.mcc-team-table-head > div:not(:nth-child(2)):not(:nth-child(3)) {
    text-align: center;
}

.mcc-team-table-row {
    position: relative;
    min-height: 94px;
    padding: 0 15px;
    border-bottom: 1px solid #edf0f4;
    transition:
        background .16s ease,
        box-shadow .16s ease;
}

.mcc-team-table-row:last-child {
    border-bottom: 0;
}

.mcc-team-table-row:hover {
    z-index: 2;
    background: #fcfcff;
    box-shadow:
        inset 3px 0 0 #7457ff,
        0 7px 22px rgba(26, 35, 55, .045);
}

.mcc-team-table-row > div {
    min-width: 0;
}

.mcc-team-rank {
    text-align: center;
}

.mcc-team-rank strong {
    color: #192235;
    font-size: 15px;
    font-weight: 700;
}

.mcc-team-identity {
    display: flex;
    align-items: center;
    gap: 13px;
    padding-right: 14px;
}

.mcc-team-logo {
    width: 48px;
    height: 54px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mcc-team-logo img {
    display: block;
    width: 46px;
    height: 46px;
    object-fit: contain;
}

.mcc-team-name {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.mcc-team-name strong {
    overflow: hidden;
    color: #151d2d;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mcc-team-name span {
    overflow: hidden;
    color: #8b94a4;
    font-size: 12px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mcc-team-form {
    display: flex;
    align-items: center;
    gap: 5px;
}

.mcc-team-form span {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
}

.mcc-team-form .is-win {
    background: #139447;
}

.mcc-team-form .is-draw {
    background: #8d98a8;
}

.mcc-team-form .is-loss {
    background: #e62c35;
}

.mcc-team-form .is-empty {
    background: #edf0f4;
    color: #9aa3b0;
}

.mcc-team-played,
.mcc-team-record,
.mcc-team-goals,
.mcc-team-average,
.mcc-team-market,
.mcc-team-squad {
    text-align: center;
}

.mcc-team-played strong,
.mcc-team-record strong,
.mcc-team-goals strong,
.mcc-team-average strong,
.mcc-team-market strong,
.mcc-team-squad strong {
    display: block;
    color: #172033;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.mcc-team-record span,
.mcc-team-goals span,
.mcc-team-squad span {
    display: block;
    margin-top: 5px;
    color: #9099a8;
    font-size: 12px;
    font-weight: 700;
}

.mcc-team-goals span.is-positive {
    color: #109447;
}

.mcc-team-goals span.is-negative {
    color: #dc3545;
}

.mcc-team-market {
    padding: 0 12px;
}

.mcc-team-market > span {
    position: relative;
    width: 100%;
    max-width: 90px;
    height: 3px;
    display: block;
    margin: 9px auto 0;
    overflow: hidden;
    border-radius: 99px;
    background: #e7ebf0;
}

.mcc-team-market > span i {
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--market, 0%);
    border-radius: inherit;
    background: linear-gradient(90deg, #17a34a, #4ac66f);
}

.mcc-team-open {
    text-align: right;
}

.mcc-team-open a,
.mcc-team-open > span {
    width: 30px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #657084;
    font-size: 25px;
    text-decoration: none !important;
}

.mcc-team-open a:hover {
    color: #7257ff;
    background: #f2efff;
    transform: translateX(2px);
}

.mcc-team-table-empty {
    padding: 48px 20px;
    text-align: center;
    color: #8b95a5;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 767px) {

    .mcc-team-table-section {
        margin-top: 16px;
        border-radius: 12px;
    }

    .mcc-team-table-toolbar {
        min-height: 0;
        padding: 12px;
        flex-wrap: wrap;
    }

    .mcc-team-search {
        width: 100%;
    }

    .mcc-team-sort {
        flex: 1 1 auto;
        min-width: 0;
    }

    .mcc-team-export {
        margin-left: 0;
        padding: 0 13px;
    }

    .mcc-team-table {
        min-width: 1030px;
    }

    .mcc-team-table-head,
    .mcc-team-table-row {
        grid-template-columns:
            38px
            190px
            138px
            58px
            116px
            126px
            105px
            135px
            82px
            30px;
    }

    .mcc-team-table-head {
        min-height: 44px;
        padding: 0 10px;
    }

    .mcc-team-table-row {
        min-height: 82px;
        padding: 0 10px;
    }

    .mcc-team-logo {
        width: 40px;
        height: 46px;
    }

    .mcc-team-logo img {
        width: 39px;
        height: 39px;
    }
}


/* MC TIMES TEAM TABLE V2 */

.mcc-team-table-section {
    margin-top: 24px;
    background: #fff;
    border: 1px solid #e6eaf0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(24, 35, 52, .045);
}

.mcc-team-table-toolbar {
    min-height: 72px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #edf0f4;
    background: #fff;
}

.mcc-team-search {
    width: 225px;
    height: 42px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 13px;
    border: 1px solid #dfe4eb;
    border-radius: 9px;
    background: #fff;
}

.mcc-team-search:focus-within {
    border-color: #7557ff;
    box-shadow: 0 0 0 3px rgba(117, 87, 255, .08);
}

.mcc-team-search svg {
    width: 17px;
    height: 17px;
    flex: none;
    fill: none;
    stroke: #778294;
    stroke-width: 2;
}

.mcc-team-search input {
    width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #171f30;
    font-size: 13px;
    font-weight: 600;
}

.mcc-team-sort {
    height: 42px;
    min-width: 195px;
    padding: 0 11px 0 13px;
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #dfe4eb;
    border-radius: 9px;
    background: #fff;
    color: #697487;
    font-size: 12px;
    font-weight: 600;
}

.mcc-team-sort select {
    height: 38px;
    min-width: 0;
    margin: 0 !important;
    padding: 0 26px 0 0 !important;
    border: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: #182133;
    font-size: 12px;
    font-weight: 800;
}

.mcc-team-export {
    height: 42px;
    margin-left: auto;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #dfe4eb;
    border-radius: 9px;
    background: #fff;
    color: #182133;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.mcc-team-export svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
}

.mcc-team-table-scroll {
    overflow-x: auto;
}

.mcc-team-table {
    min-width: 1160px;
    background: #fff;
}

.mcc-team-table-head,
.mcc-team-table-row {
    display: grid;
    grid-template-columns:
        44px
        minmax(205px, 1.6fr)
        150px
        62px
        124px
        138px
        112px
        154px
        108px
        34px;
    align-items: center;
}

.mcc-team-table-head {
    min-height: 50px;
    padding: 0 15px;
    border-bottom: 1px solid #e9edf2;
    background: #fafbfd;
    color: #667184;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .03em;
}

.mcc-team-table-head > div:not(:nth-child(2)):not(:nth-child(3)) {
    text-align: center;
}

.mcc-team-table-row {
    min-height: 96px;
    padding: 0 15px;
    border-bottom: 1px solid #edf0f4;
    transition: background .16s ease, box-shadow .16s ease;
}

.mcc-team-table-row:last-child {
    border-bottom: 0;
}

.mcc-team-table-row:hover {
    background: #fdfdff;
    box-shadow: inset 3px 0 0 #7557ff;
}

.mcc-team-table-row > div {
    min-width: 0;
}

.mcc-team-rank {
    text-align: center;
}

.mcc-team-rank strong {
    color: #192234;
    font-size: 14px;
    font-weight: 700;
}

.mcc-team-identity {
    display: flex;
    align-items: center;
    gap: 13px;
    padding-right: 12px;
}

.mcc-team-logo {
    width: 48px;
    height: 54px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mcc-team-logo img {
    width: 46px;
    height: 46px;
    object-fit: contain;
}

.mcc-team-name {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.mcc-team-name strong {
    overflow: hidden;
    color: #151e2e;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mcc-team-name span {
    overflow: hidden;
    color: #8b94a3;
    font-size: 12px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mcc-team-form {
    display: flex;
    gap: 5px;
}

.mcc-team-form span {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.mcc-team-form .is-win {
    background: #128d3d;
}

.mcc-team-form .is-draw {
    background: #8c96a4;
}

.mcc-team-form .is-loss {
    background: #e12832;
}

.mcc-team-form .is-empty {
    background: #edf0f4;
    color: #9ca5b2;
}

.mcc-team-played,
.mcc-team-record,
.mcc-team-goals,
.mcc-team-average,
.mcc-team-market,
.mcc-team-age {
    text-align: center;
}

.mcc-team-played strong,
.mcc-team-record strong,
.mcc-team-goals strong,
.mcc-team-average strong,
.mcc-team-market strong,
.mcc-team-age strong {
    display: block;
    color: #172033;
    font-size: 14px;
    font-weight: 700;
}

.mcc-team-record span,
.mcc-team-goals span {
    display: block;
    margin-top: 5px;
    color: #9099a8;
    font-size: 12px;
    font-weight: 700;
}

.mcc-team-goals span.is-positive {
    color: #109447;
}

.mcc-team-goals span.is-negative {
    color: #dc3545;
}

.mcc-team-market {
    padding: 0 12px;
}

.mcc-team-market > span {
    width: 92px;
    max-width: 100%;
    height: 3px;
    display: block;
    margin: 9px auto 0;
    overflow: hidden;
    border-radius: 50px;
    background: #e5e9ee;
}

.mcc-team-market > span i {
    width: var(--market, 0%);
    height: 100%;
    display: block;
    border-radius: inherit;
    background: linear-gradient(90deg, #12933f, #45bf67);
}

.mcc-team-age strong {
    font-size: 13.5px;
}

.mcc-team-open {
    text-align: right;
}

.mcc-team-open a,
.mcc-team-open > span {
    width: 30px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #657185;
    font-size: 25px;
    text-decoration: none !important;
}

.mcc-team-open a:hover {
    color: #7557ff;
}

.mcc-team-table-empty {
    padding: 45px 20px;
    text-align: center;
    color: #8b95a5;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 767px) {

    .mcc-team-table-toolbar {
        padding: 12px;
        flex-wrap: wrap;
    }

    .mcc-team-search {
        width: 100%;
    }

    .mcc-team-sort {
        flex: 1 1 auto;
        min-width: 0;
    }

    .mcc-team-export {
        margin-left: 0;
    }

    .mcc-team-table {
        min-width: 1080px;
    }

    .mcc-team-table-row {
        min-height: 84px;
    }
}

/* =========================================================
 * MC TIMES — REGION BARS MOBILE
 * ========================================================= */

@media (max-width: 767px) {

    .mcc-times-state-bar-row {
        display: grid;
        grid-template-columns: 100px minmax(0, 1fr) 18px;
        align-items: center;
        column-gap: 8px;
    }

    .mcc-times-state-bar-row > strong {
        width: auto;
        min-width: 0;
        line-height: 1.15;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .mcc-times-state-bar-track {
        width: 100%;
        min-width: 0;
        max-width: 190px;
    }

    .mcc-times-state-bar-row > span {
        width: 18px;
        text-align: right;
    }
}

/* =========================================================
 * MC TIMES — REGION BARS
 * ========================================================= */

.mcc-times-state-bar-row {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr) 22px;
    align-items: center;
    column-gap: 10px;
}

.mcc-times-state-bar-row > strong {
    width: auto;
    min-width: 0;
    line-height: 1.15;
}

.mcc-times-state-bar-track {
    width: 100%;
    min-width: 0;
    max-width: 210px;
    height: 3px;
}

.mcc-times-state-bar-track > i {
    display: block;
    height: 100%;
}

.mcc-times-state-bar-row > span {
    width: 22px;
    text-align: right;
}


/* Tablet */
@media (max-width: 1100px) {

    .mcc-times-state-bar-row {
        grid-template-columns: 105px minmax(0, 1fr) 20px;
        column-gap: 8px;
    }

    .mcc-times-state-bar-track {
        max-width: 190px;
    }
}
/* =========================================================
 * MC TIMES — POSSESSION PROFILE FIX
 * ========================================================= */

.mcc-times-age-layout {
    display: grid !important;
    grid-template-columns:
        minmax(120px, 1fr)
        minmax(110px, 1fr) !important;

    align-items: center !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 12px 6px 18px !important;

    column-gap: 28px !important;

    box-sizing: border-box !important;
}


/* LEFT — DONUT */
.mcc-times-age-chart {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* DONUT SIZE */
.mcc-times-age-donut {
    flex: 0 0 auto !important;

    width: 112px !important;
    height: 112px !important;

    margin: 0 !important;
}


/* RIGHT — LEGEND */
.mcc-times-age-legend {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 9px !important;
}


.mcc-times-age-legend > div {
    display: grid !important;

    grid-template-columns:
        10px
        minmax(0, 1fr) !important;

    align-items: start !important;

    column-gap: 7px !important;

    margin: 0 !important;
}


/* =========================================================
 * MOBILE
 * ========================================================= */

@media (max-width: 767px) {

    .mcc-times-age-layout {
        grid-template-columns:
            120px
            120px !important;

        justify-content: center !important;

        column-gap: 32px !important;

        padding:
            14px
            0
            18px !important;
    }

    .mcc-times-age-chart {
        justify-content: center !important;
    }

    .mcc-times-age-legend {
        width: 120px !important;
    }

}


/* =========================================================
 * DESKTOP / TABLET
 * ========================================================= */

@media (min-width: 768px) {

    .mcc-times-age-layout {
        grid-template-columns:
            130px
            135px !important;

        justify-content: center !important;

        column-gap: 40px !important;
    }

    .mcc-times-age-donut {
        width: 118px !important;
        height: 118px !important;
    }

}

/* =========================================================
 * MC TEAM TABLE — SORT ONE LINE
 * ========================================================= */

.mcc-team-sort {
    display: flex !important;
    align-items: center !important;

    width: 100%;
    min-width: 0;

    padding: 0 14px !important;
    gap: 8px !important;

    box-sizing: border-box;
}


/* Ordenar por: */
.mcc-team-sort > span {
    flex: 0 0 auto !important;

    width: auto !important;
    min-width: max-content !important;

    white-space: nowrap !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Posição / Nome / Vitórias... */
.mcc-team-sort > select {
    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding-left: 0 !important;

    border: 0 !important;
    background-color: transparent !important;

    white-space: nowrap;
}


/* Mobile */
@media (max-width: 767px) {

    .mcc-team-sort {
        padding: 0 10px !important;
        gap: 6px !important;
    }

    .mcc-team-sort > span {
        font-size: 11px;
    }

    .mcc-team-sort > select {
        font-size: 11px;
    }
}

/* =========================================================
 * MC TEAM TABLE — SORT + EXPORT SAME ROW
 * ========================================================= */

.mcc-team-table-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
}


/* search 独占第一行 */
.mcc-team-search {
    grid-column: 1 / -1 !important;
}


/* sort 在第二行左边 */
.mcc-team-sort {
    grid-column: 1 !important;
    min-width: 0 !important;
}


/* export 在第二行右边 */
.mcc-team-export {
    grid-column: 2 !important;

    width: auto !important;
    min-width: 116px !important;

    white-space: nowrap !important;
}


/* mobile 也保持并排 */
@media (max-width: 767px) {

    .mcc-team-table-toolbar {
        grid-template-columns:
            minmax(0, 1fr)
            auto !important;

        gap: 8px !important;
    }

    .mcc-team-sort {
        width: 100% !important;
    }

    .mcc-team-export {
        width: auto !important;
        min-width: 116px !important;
    }
}

/* =========================================================
 * MC TEAM TABLE — MOBILE CARD VIEW ONLY
 * PC TABLE UNCHANGED
 * ========================================================= */

@media (max-width: 767px) {

    /* 外层 */
    .mcc-team-table-scroll {
        overflow: visible !important;
    }

    .mcc-team-table {
        min-width: 0 !important;
        width: 100% !important;
    }

    /* 手机不显示 PC 表头 */
    .mcc-team-table-head {
        display: none !important;
    }

    /* 每支球队变卡片 */
    .mcc-team-table-row {
        position: relative !important;

        display: grid !important;

        grid-template-columns:
            34px
            58px
            minmax(0, 1fr)
            auto !important;

        grid-template-areas:
            "rank logo team form"
            "stats stats stats stats";

        align-items: center !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 0 10px !important;
        padding: 14px 14px 12px !important;

        border: 1px solid #e4e9ef !important;
        border-radius: 12px !important;

        background: #fff !important;

        column-gap: 10px !important;
        row-gap: 12px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
     * 第一行
     * 排名 / logo / 球队 / 最近5场
     * ===================================================== */

    .mcc-team-rank {
        grid-area: rank !important;

        width: auto !important;
        min-width: 0 !important;

        font-size: 18px !important;
        font-weight: 800 !important;

        text-align: center !important;
    }


    .mcc-team-identity {
        grid-area: team !important;

        display: flex !important;
        align-items: center !important;

        min-width: 0 !important;
        width: 100% !important;
    }


    .mcc-team-logo {
        grid-area: logo !important;

        width: 52px !important;
        height: 52px !important;

        object-fit: contain !important;
    }


    .mcc-team-name {
        min-width: 0 !important;
    }

    .mcc-team-name strong,
    .mcc-team-name a {
        display: block !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;

        font-size: 13px !important;
        line-height: 1.25 !important;
    }

    .mcc-team-name small {
        display: block !important;

        margin-top: 3px !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;

        font-size: 10px !important;
        line-height: 1.2 !important;
    }


    .mcc-team-form {
        grid-area: form !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        gap: 5px !important;

        width: auto !important;
        min-width: 0 !important;
    }

    .mcc-team-form > * {
        flex: 0 0 24px !important;

        width: 24px !important;
        height: 24px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        border-radius: 5px !important;

        font-size: 10px !important;
        font-weight: 800 !important;
    }


    /* =====================================================
     * 第二行 stats
     * ===================================================== */

    .mcc-team-played,
    .mcc-team-record,
    .mcc-team-goals,
    .mcc-team-average,
    .mcc-team-market,
    .mcc-team-age {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        min-width: 0 !important;

        padding: 0 8px !important;

        text-align: center !important;

        border-left: 1px solid #edf0f4 !important;

        box-sizing: border-box !important;
    }


    /*
     * 把原本 6 个 stats 组成一排
     */
    .mcc-team-played {
        grid-area: stats !important;
    }


    /*
     * 利用 display:contents
     * 让几个统计单元进入同一个 grid
     */
    .mcc-team-table-row {
        --mc-mobile-stat-cols: 6;
    }


    /*
     * 创建统计区
     */
    .mcc-team-played,
    .mcc-team-record,
    .mcc-team-goals,
    .mcc-team-average,
    .mcc-team-market,
    .mcc-team-age {
        grid-row: 2 !important;
    }


    .mcc-team-played {
        grid-column: 1 / span 1 !important;
    }

    .mcc-team-record {
        grid-column: 2 / span 1 !important;
    }

    .mcc-team-goals {
        grid-column: 3 / span 1 !important;
    }

    .mcc-team-average {
        grid-column: 4 / span 1 !important;
    }

    .mcc-team-market {
        grid-column: 5 / span 1 !important;
    }

    .mcc-team-age {
        grid-column: 6 / span 1 !important;
    }


    /*
     * 关键：
     * 第二行单独做 6 列统计布局
     *
     * 由于原 row 第一行是 4列，
     * 这里改成整行 6列需要覆盖 grid。
     */
    .mcc-team-table-row {
        grid-template-columns:
            34px
            58px
            minmax(0, 1fr)
            auto !important;
    }


    /* 统计标题 */
    .mcc-team-played::before {
        content: "JOGOS";
    }

    .mcc-team-record::before {
        content: "V / E / D";
    }

    .mcc-team-goals::before {
        content: "GOLS";
    }

    .mcc-team-average::before {
        content: "MÉDIA";
    }

    .mcc-team-market::before {
        content: "VALOR";
    }

    .mcc-team-age::before {
        content: "IDADE";
    }


    .mcc-team-played::before,
    .mcc-team-record::before,
    .mcc-team-goals::before,
    .mcc-team-average::before,
    .mcc-team-market::before,
    .mcc-team-age::before {
        display: block !important;

        margin-bottom: 5px !important;

        color: #8a97a8 !important;

        font-size: 8px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;

        text-transform: uppercase !important;
        white-space: nowrap !important;
    }


    .mcc-team-played strong,
    .mcc-team-record strong,
    .mcc-team-goals strong,
    .mcc-team-average strong,
    .mcc-team-market strong,
    .mcc-team-age strong {
        font-size: 14px !important;
        line-height: 1.15 !important;
    }


    .mcc-team-record small,
    .mcc-team-goals small,
    .mcc-team-market small {
        margin-top: 3px !important;

        font-size: 11px !important;
        line-height: 1.1 !important;
    }


    /* Market bar */
    .mcc-team-market > i,
    .mcc-team-market .mcc-team-market-bar {
        width: 100% !important;
        max-width: 72px !important;

        margin-top: 5px !important;
    }


    /* 第一项不画分隔线 */
    .mcc-team-played {
        border-left: 0 !important;
    }


    /* 箭头 */
    .mcc-team-open {
        position: absolute !important;

        right: 8px !important;
        top: 17px !important;

        width: 18px !important;

        padding: 0 !important;

        font-size: 18px !important;
    }

}

/* =========================================================
 * MC TEAM TABLE — MOBILE CARD V1
 *
 * Desktop table remains unchanged.
 * ========================================================= */

.mcc-team-mobile-card {
    display: none;
}


@media (max-width: 767px) {

    /*
     * No horizontal PC-table scrolling on mobile.
     */
    .mcc-team-table-scroll {
        overflow: visible !important;
    }

    .mcc-team-table {
        width: 100% !important;
        min-width: 0 !important;

        background: transparent !important;
    }


    /*
     * Desktop header is not useful in card mode.
     */
    .mcc-team-table-head {
        display: none !important;
    }


    /*
     * Existing row becomes card shell.
     */
    .mcc-team-table-row {
        position: relative !important;

        display: block !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-bottom:
            1px solid #e9edf2 !important;

        border-radius: 0 !important;

        background: #fff !important;

        box-shadow: none !important;
    }


    /*
     * Hide the PC cells only on mobile.
     */
    .mcc-team-table-row >
    .mcc-team-rank,

    .mcc-team-table-row >
    .mcc-team-identity,

    .mcc-team-table-row >
    .mcc-team-form,

    .mcc-team-table-row >
    .mcc-team-played,

    .mcc-team-table-row >
    .mcc-team-record,

    .mcc-team-table-row >
    .mcc-team-goals,

    .mcc-team-table-row >
    .mcc-team-average,

    .mcc-team-table-row >
    .mcc-team-market,

    .mcc-team-table-row >
    .mcc-team-age {

        display: none !important;
    }


    /*
     * Mobile representation.
     */
    .mcc-team-mobile-card {
        display: block !important;

        width: 100% !important;

        padding:
            15px
            14px
            14px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
     * TOP
     * ===================================================== */

    .mcc-team-mobile-top {
        display: grid;

        grid-template-columns:
            25px
            minmax(0, 1fr)
            auto;

        align-items: center;

        column-gap: 10px;

        width: 100%;
        min-width: 0;
    }


    .mcc-team-mobile-rank {
        color: #132238;

        font-size: 13px;
        font-weight: 800;

        text-align: center;
    }


    .mcc-team-mobile-team {
        display: grid;

        grid-template-columns:
            44px
            minmax(0, 1fr);

        align-items: center;

        column-gap: 9px;

        min-width: 0;
    }


    .mcc-team-mobile-logo {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 44px;
        height: 44px;
    }


    .mcc-team-mobile-logo img {
        display: block;

        width: 100%;
        height: 100%;

        object-fit: contain;
    }


    .mcc-team-mobile-name {
        min-width: 0;
    }


    .mcc-team-mobile-name strong {
        display: block;

        overflow: hidden;

        color: #101d30;

        font-size: 14px;
        font-weight: 600;
        line-height: 1.25;

        text-overflow: ellipsis;
        white-space: nowrap;
    }


    .mcc-team-mobile-name span {
        display: block;

        margin-top: 3px;

        overflow: hidden;

        color: #8b98a9;

        font-size: 11px;
        font-weight: 600;
        line-height: 1.2;

        text-overflow: ellipsis;
        white-space: nowrap;
    }


    /*
     * Last 5 games.
     */
    .mcc-team-mobile-form {
        display: flex;
        align-items: center;
        justify-content: flex-end;

        gap: 4px;

        flex-wrap: nowrap;

        min-width: 0;
    }


    .mcc-team-mobile-form span {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        flex: 0 0 21px;

        width: 21px;
        height: 21px;

        border-radius: 5px;

        color: #fff;

        font-size: 9px;
        font-weight: 800;
        line-height: 1;
    }


    .mcc-team-mobile-form .is-win {
        background: #079447;
    }

    .mcc-team-mobile-form .is-draw {
        background: #98a3b1;
    }

    .mcc-team-mobile-form .is-loss {
        background: #e3363e;
    }

    .mcc-team-mobile-form .is-empty {
        color: #a9b2bf;
        background: #eef1f5;
    }


    /* =====================================================
     * STATS
     * ===================================================== */

    .mcc-team-mobile-stats {
        display: grid;

        grid-template-columns:
            .70fr
            1.05fr
            .90fr
            .85fr
            1.45fr
            .75fr;

        align-items: stretch;

        width: 100%;
        min-width: 0;

        margin-top: 14px;
        padding-top: 12px;

        border-top: 1px solid #edf0f4;
    }


    .mcc-team-mobile-stats > div {
        position: relative;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;

        min-width: 0;

        padding: 0 5px;

        text-align: center;

        box-sizing: border-box;
    }


    .mcc-team-mobile-stats > div + div {
        border-left: 1px solid #edf0f4;
    }


    .mcc-team-mobile-stats > div > span {
        display: block;

        width: 100%;

        margin-bottom: 6px;

        overflow: hidden;

        color: #8b97a7;

        font-size: 7px;
        font-weight: 800;
        line-height: 1;

        text-overflow: ellipsis;
        white-space: nowrap;
    }


    .mcc-team-mobile-stats strong {
        display: block;

        max-width: 100%;

        overflow: hidden;

        color: #101d30;

        font-size: 12px;
        font-weight: 600;
        line-height: 1.2;

        text-overflow: ellipsis;
        white-space: nowrap;
    }


    .mcc-team-mobile-stats small {
        display: block;

        margin-top: 3px;

        color: #8995a5;

        font-size: 10px;
        font-weight: 700;
        line-height: 1;
    }


    .mcc-team-mobile-stats small.is-positive {
        color: #079447;
    }

    .mcc-team-mobile-stats small.is-negative {
        color: #e3363e;
    }


    /*
     * Market value needs a little more room.
     */
    .mcc-team-mobile-stats .is-market strong {
        font-size: 11px;
    }


    .mcc-team-mobile-market-bar {
        position: relative;

        display: block;

        width: 100%;
        max-width: 52px;
        height: 2px;

        margin-top: 6px;

        overflow: hidden;

        border-radius: 99px;

        background: #e6ebef;
    }


    .mcc-team-mobile-market-bar::after {
        content: "";

        position: absolute;

        top: 0;
        bottom: 0;
        left: 0;

        width: var(--market, 0%);

        border-radius: inherit;

        background: #08a64a;
    }


    /*
     * Keep the existing team-link arrow.
     */
    .mcc-team-table-row >
    .mcc-team-open {
        position: absolute !important;

        top: 8px !important;
        right: 5px !important;

        display: none !important;
    }


    /*
     * Small phones:
     * retain all information without horizontal scrolling.
     */
    @media (max-width: 390px) {

        .mcc-team-mobile-card {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        .mcc-team-mobile-top {
            grid-template-columns:
                20px
                minmax(0, 1fr)
                auto;

            column-gap: 7px;
        }

        .mcc-team-mobile-team {
            grid-template-columns:
                38px
                minmax(0, 1fr);

            column-gap: 7px;
        }

        .mcc-team-mobile-logo {
            width: 38px;
            height: 38px;
        }

        .mcc-team-mobile-form {
            gap: 3px;
        }

        .mcc-team-mobile-form span {
            flex-basis: 19px;

            width: 19px;
            height: 19px;

            font-size: 13px;
        }

        .mcc-team-mobile-stats > div {
            padding-left: 3px;
            padding-right: 3px;
        }

    }

}




/* =========================================================
 * TIMES — VIEW SWITCHER REMOVED
 * ========================================================= */

.mcc-times-toolbar,
.mcc-times-view-switcher,
.mcc-times-view-button,
.mcc-times-new-badge {
    display:none !important;
}


/*
 * Dashboard now starts directly after summary.
 */
.mcc-times-dashboard {
    margin-top:14px !important;
}


/*
 * No phantom spacing left by the old toolbar.
 */
.mcc-times-dashboard-grid {
    margin-top:0 !important;
}


@media (max-width:767px) {

    .mcc-times-dashboard {
        margin-top:10px !important;
    }

}