.mct-team-classificacao{
    padding:28px 0 40px;
    background:#fff;
    color:#10223a;
}

.mct-team-classificacao *{
    box-sizing:border-box;
}

.mct-clsd{
    width:min(calc(100% - 40px),1210px);
    margin:0 auto;
}


/* ==========================================================
   COMMON CARD
   ========================================================== */

.mct-clsd-card{
    overflow:hidden;
    border:1px solid #dce5ec;
    border-radius:10px;
    background:#fff;
}

.mct-clsd-card>header{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:13px 15px;
    border-bottom:1px solid #e7edf2;
}

.mct-clsd-card h2{
    margin:0!important;
    font-family:"Barlow Condensed",sans-serif;
    font-size:15px;
    font-weight:600;
    line-height:1;
    color:#102039!important;
}

.mct-clsd-card header p{
    margin:5px 0 0;
    font-family:"Rajdhani",sans-serif;
    font-size:11px;
    color:#6680a0;
}

.mct-clsd-card header p b{
    color:#137ad4;
}

.mct-clsd-card header>a{
    font-family:"Rajdhani",sans-serif;
    font-size:10px;
    font-weight:700;
    text-decoration:none!important;
    color:#1482de!important;
}

.mct-clsd-card h2.is-green{
    color:#00ad59!important;
}


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

.mct-clsd-stats{
    display:grid;
    grid-template-columns:
        repeat(5,minmax(0,1fr))
        minmax(145px,.85fr);
    gap:12px;
    margin-bottom:18px;
}

.mct-clsd-stats article{
    min-width:0;
    min-height:91px;
    display:flex;
    align-items:center;
    gap:11px;
    padding:13px;
    border:1px solid #dce5ec;
    border-radius:9px;
    background:#fff;
}

.mct-clsd-icon{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:#eff8f3;
    font-size:20px;
    color:#00ad59;
}

.mct-clsd-stats article>div{
    min-width:0;
}

.mct-clsd-stats strong{
    display:block;
    font-family:"Barlow Condensed",sans-serif;
    font-size:26px;
    font-weight:600;
    line-height:.95;
    color:#102039;
}

.mct-clsd-stats b{
    display:block;
    margin-top:5px;
    font-family:"Rajdhani",sans-serif;
    font-size:11px;
    font-weight:600;
    color:#57708f;
}

.mct-clsd-stats small{
    display:block;
    margin-top:3px;
    overflow:hidden;
    font-family:"Rajdhani",sans-serif;
    font-size:9px;
    color:#7185a0;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.mct-clsd-stats .mct-clsd-streak{
    display:block;
}

.mct-clsd-streak>small{
    margin:5px 0 12px;
}


/* FORM */

.mct-clsd-form{
    display:flex;
    align-items:center;
    gap:3px;
}

.mct-clsd-form>span{
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:4px;
    font-family:"Rajdhani",sans-serif;
    font-size:9px;
    font-weight:600;
    color:#fff;
}

.mct-clsd-form .is-v{
    background:#00b95f;
}

.mct-clsd-form .is-e{
    background:#9ca9b7;
}

.mct-clsd-form .is-d{
    background:#e94250;
}


/* ==========================================================
   MAIN LAYOUT
   ========================================================== */

.mct-clsd-layout{
    display:grid;
    grid-template-columns:
        minmax(0,2fr)
        minmax(300px,.9fr);
    gap:16px;
}

.mct-clsd-main,
.mct-clsd-side{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.mct-clsd-two{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
}

.mct-clsd-two>.mct-clsd-card:first-child{
    border-radius:10px 0 0 10px;
}

.mct-clsd-two>.mct-clsd-card:last-child{
    border-left:0;
    border-radius:0 10px 10px 0;
}


/* ==========================================================
   CURRENT TABLE
   ========================================================== */

.mct-clsd-table-head,
.mct-clsd-table-row{
    display:grid;
    grid-template-columns:
        30px
        minmax(145px,1fr)
        repeat(8,32px)
        112px;
    align-items:center;
    padding:0 12px;
}

.mct-clsd-table-head{
    min-height:34px;
    border-bottom:1px solid #edf1f4;
    background:#fafbfd;
}

.mct-clsd-table-head span{
    font-family:"Rajdhani",sans-serif;
    font-size:10px;
    font-weight:700;
    text-align:center;
    color:#7589a1;
}

.mct-clsd-table-head span:nth-child(2){
    text-align:left;
}

.mct-clsd-table-row{
    min-height:54px;
    position:relative;
    background:
        linear-gradient(
            90deg,
            #f2fff8 0%,
            #fff 74%,
            #f0fff7 100%
        );
}

.mct-clsd-table-row:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:2px;
    background:#00ba61;
}

.mct-clsd-table-row>span,
.mct-clsd-table-row>strong{
    font-family:"Rajdhani",sans-serif;
    font-size:12px;
    text-align:center;
    color:#18304a;
}

.mct-clsd-team{
    min-width:0;
    display:flex;
    align-items:center;
    gap:7px;
}

.mct-clsd-team img{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    max-width:25px!important;
    object-fit:contain!important;
}

.mct-clsd-team strong{
    overflow:hidden;
    font-family:"Rajdhani",sans-serif;
    font-size:12px;
    font-weight:600;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#122740;
}


/* ==========================================================
   CHART
   ========================================================== */

.mct-clsd-chart-small{
    height:236px;
    padding:20px 14px 14px;
}

.mct-clsd-chart-small svg,
.mct-clsd-history-chart svg{
    width:100%;
    height:100%;
}

.mct-clsd-grid line{
    stroke:#d9e3eb;
    stroke-width:1;
    stroke-dasharray:4 4;
}

.mct-clsd-line{
    fill:none;
    stroke:#00ae59;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* ==========================================================
   CAMPAIGN
   ========================================================== */

.mct-clsd-campaign{
    min-height:145px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    padding:15px;
}

.mct-clsd-donut{
    --a:calc(var(--win) * 1%);
    --b:calc((var(--win) + var(--draw)) * 1%);
    width:96px;
    height:96px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:
        conic-gradient(
            #00b95f 0 var(--a),
            #b7c4d1 var(--a) var(--b),
            #f03643 var(--b) 100%
        );
}

.mct-clsd-donut>div{
    width:62px;
    height:62px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff;
}

.mct-clsd-donut strong{
    font-family:"Barlow Condensed",sans-serif;
    font-size:24px;
    color:#00a854;
}

.mct-clsd-donut span{
    font-family:"Rajdhani",sans-serif;
    font-size:11px;
    color:#65809b;
}

.mct-clsd-campaign-list p{
    display:grid;
    grid-template-columns:9px 1fr auto;
    gap:6px;
    align-items:center;
    margin:8px 0;
    font-family:"Rajdhani",sans-serif;
    font-size:11px;
    color:#657994;
}

.mct-clsd-campaign-list i{
    width:9px;
    height:9px;
    border-radius:2px;
}

.mct-clsd-campaign-list .is-win{
    background:#00b95f;
}

.mct-clsd-campaign-list .is-draw{
    background:#b7c4d1;
}

.mct-clsd-campaign-list .is-loss{
    background:#f03643;
}


/* MINI GOALS */

.mct-clsd-goal-mini{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:0 14px 15px;
}

.mct-clsd-goal-mini>div{
    padding:10px;
    border:1px solid #e2e8ee;
    border-radius:7px;
}

.mct-clsd-goal-mini strong{
    display:block;
    font-family:"Barlow Condensed",sans-serif;
    font-size:23px;
    color:#102039;
}

.mct-clsd-goal-mini span{
    display:block;
    margin:3px 0 7px;
    font-family:"Rajdhani",sans-serif;
    font-size:11px;
    color:#6b819d;
}

.mct-clsd-goal-mini i{
    display:block;
    height:5px;
    border-radius:999px;
}

.mct-clsd-goal-mini .is-green{
    background:#00b95f;
}

.mct-clsd-goal-mini .is-red{
    background:#f23a48;
}


/* ==========================================================
   HOME AWAY
   ========================================================== */

.mct-clsd-homeaway{
    min-height:225px;
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
}

.mct-clsd-homeaway>div{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.mct-clsd-ring{
    --x:calc(var(--pct) * 1%);
    width:84px;
    height:84px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:
        conic-gradient(
            #00b95f 0 var(--x),
            #e3e9ee var(--x) 100%
        );
}

.mct-clsd-ring strong{
    width:57px;
    height:57px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff;
    font-family:"Barlow Condensed",sans-serif;
    font-size:21px;
    color:#14253e;
}

.mct-clsd-homeaway b{
    margin-top:8px;
    font-family:"Rajdhani",sans-serif;
    font-size:13px;
    color:#19304b;
}

.mct-clsd-homeaway span{
    margin-top:4px;
    font-family:"Rajdhani",sans-serif;
    font-size:11px;
    color:#7085a0;
}


/* ==========================================================
   GOAL PERIOD
   ========================================================== */

.mct-clsd-goal-period{
    height:185px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:13px;
    padding:25px 16px 13px;
}

.mct-clsd-goal-period>div{
    width:34px;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:center;
}

.mct-clsd-goal-period strong{
    margin-bottom:4px;
    font-family:"Rajdhani",sans-serif;
    font-size:9px;
    color:#00a754;
}

.mct-clsd-goal-period i{
    width:100%;
    height:var(--h);
    min-height:20px;
    border-radius:4px 4px 0 0;
    background:#00b95f;
}

.mct-clsd-goal-period span{
    margin-top:6px;
    font-family:"Rajdhani",sans-serif;
    font-size:10px;
    white-space:nowrap;
    color:#6d829e;
}

.mct-clsd-goal-note{
    display:block;
    padding:0 15px 13px;
    font-family:"Rajdhani",sans-serif;
    font-size:10px;
    text-align:center;
    color:#8b9aab;
}


/* ==========================================================
   NEXT
   ========================================================== */

.mct-clsd-next{
    background:linear-gradient(
        135deg,
        #fff,
        #f2fff7
    );
}

.mct-clsd-next-body{
    min-height:200px;
    display:grid;
    grid-template-columns:1fr 80px 1fr;
    align-items:center;
    gap:6px;
    padding:15px;
}

.mct-clsd-next-body>div:not(.mct-clsd-next-center){
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.mct-clsd-next-body img{
    width:52px!important;
    height:52px!important;
    max-width:52px!important;
    object-fit:contain!important;
}

.mct-clsd-next-body>div>strong{
    margin-top:8px;
    max-width:100px;
    overflow:hidden;
    font-family:"Rajdhani",sans-serif;
    font-size:14px;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#142842;
}

.mct-clsd-next-center{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.mct-clsd-next-center span{
    color:#00b95f;
}

.mct-clsd-next-center strong{
    margin-top:6px;
    font-family:"Rajdhani",sans-serif;
    font-size:12px;
    color:#102039;
}

.mct-clsd-next-center b{
    font-family:"Barlow Condensed",sans-serif;
    font-size:17px;
    color:#102039;
}


/* ==========================================================
   RECENT
   ========================================================== */

.mct-clsd-recent{
    padding:4px 12px 9px;
}

.mct-clsd-recent>div{
    min-height:44px;
    display:grid;
    grid-template-columns:
        31px
        minmax(70px,1fr)
        34px
        minmax(70px,1fr)
        19px;
    gap:4px;
    align-items:center;
    border-bottom:1px solid #edf1f4;
}

.mct-clsd-recent>div:last-child{
    border-bottom:0;
}

.mct-clsd-recent small{
    font-family:"Rajdhani",sans-serif;
    font-size:10px;
    color:#7b8ea5;
}

.mct-clsd-recent span{
    min-width:0;
    display:flex;
    align-items:center;
    gap:4px;
    overflow:hidden;
    font-family:"Rajdhani",sans-serif;
    font-size:9px;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#233853;
}

.mct-clsd-recent img{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    max-width:17px!important;
    object-fit:contain!important;
}

.mct-clsd-recent>div>strong{
    font-family:"Rajdhani",sans-serif;
    font-size:10px;
    text-align:center;
}

.mct-clsd-recent>div>b{
    width:18px;
    height:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:3px;
    font-family:"Rajdhani",sans-serif;
    font-size:10px;
    color:#fff;
}

.mct-clsd-recent .is-v{
    background:#00b95f;
}

.mct-clsd-recent .is-e{
    background:#9ca9b7;
}

.mct-clsd-recent .is-d{
    background:#e94250;
}


/* ==========================================================
   COMPETITIONS
   ========================================================== */

.mct-clsd-competitions{
    padding:4px 14px 10px;
}

.mct-clsd-competitions>div{
    min-height:62px;
    display:flex;
    align-items:center;
    gap:10px;
    border-bottom:1px solid #edf1f4;
}

.mct-clsd-competitions>div:last-child{
    border-bottom:0;
}

.mct-clsd-competitions img{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    object-fit:contain!important;
}

.mct-clsd-competitions span{
    display:flex;
    flex-direction:column;
}

.mct-clsd-competitions strong{
    font-family:"Rajdhani",sans-serif;
    font-size:13px;
    color:#162a44;
}

.mct-clsd-competitions small{
    margin-top:3px;
    font-family:"Rajdhani",sans-serif;
    font-size:11px;
    color:#71869f;
}


/* ==========================================================
   HISTORY
   ========================================================== */

.mct-clsd-history{
    margin-top:16px;
}

.mct-clsd-history-chart{
    height:290px;
    padding:24px 24px 4px;
}

.mct-clsd-rounds{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:8px;
    padding:15px;
}

.mct-clsd-rounds article{
    min-height:76px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid #e1e8ee;
    border-radius:7px;
    background:#fbfcfd;
}

.mct-clsd-rounds article:last-child{
    border-color:#00b95f;
    background:#f3fff8;
}

.mct-clsd-rounds small,
.mct-clsd-rounds span{
    font-family:"Rajdhani",sans-serif;
    font-size:10px;
    color:#70859f;
}

.mct-clsd-rounds strong{
    margin:4px 0;
    font-family:"Barlow Condensed",sans-serif;
    font-size:18px;
    color:#15304e;
}

.mct-clsd-empty{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:"Rajdhani",sans-serif;
    font-size:11px;
    color:#8292a5;
}


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

@media(max-width:1050px){

    .mct-clsd-stats{
        grid-template-columns:repeat(3,1fr);
    }

    .mct-clsd-layout{
        grid-template-columns:1fr;
    }

    .mct-clsd-side{
        display:grid;
        grid-template-columns:repeat(3,1fr);
    }

}


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

@media(max-width:760px){

    .mct-team-classificacao{
        padding:10px 0 24px;
    }

    .mct-clsd{
        width:calc(100% - 20px);
    }

    .mct-clsd-stats{
        grid-template-columns:repeat(2,1fr);
        gap:8px;
    }

    .mct-clsd-stats article{
        min-height:77px;
        padding:9px;
    }

    .mct-clsd-icon{
        width:32px;
        height:32px;
        flex-basis:32px;
        font-size:16px;
    }

    .mct-clsd-stats strong{
        font-size:22px;
    }

    .mct-clsd-layout{
        display:block;
    }

    .mct-clsd-main,
    .mct-clsd-side{
        gap:10px;
    }

    .mct-clsd-side{
        display:flex;
        margin-top:10px;
    }

    .mct-clsd-two{
        grid-template-columns:1fr;
        gap:10px;
    }

    .mct-clsd-two>.mct-clsd-card:first-child,
    .mct-clsd-two>.mct-clsd-card:last-child{
        border:1px solid #dce5ec;
        border-radius:10px;
    }

    .mct-clsd-card{
        overflow-x:auto;
    }

    .mct-clsd-table-head,
    .mct-clsd-table-row{
        min-width:680px;
    }

    .mct-clsd-chart-small{
        height:210px;
    }

    .mct-clsd-history-chart{
        height:220px;
        padding:15px 8px 0;
    }

    .mct-clsd-rounds{
        grid-template-columns:repeat(5,130px);
        overflow-x:auto;
    }

}


/* ==========================================================
   TEAM CLASSIFICAÇÃO
   LEAGUE COMPONENT ADAPTER
   ========================================================== */

/*
 * Full classification is now the main left-column module.
 */
.mct-clsd-full-standing{
    width:100%;
    margin:0!important;
}


/*
 * Do not let old single-row team CSS affect
 * the real League table.
 */
.mct-clsd-full-standing
.mcc-standing-table img{
    max-width:none;
}


/*
 * Exact League History V3 becomes full width below dashboard.
 */
.mct-clsd
> .mcc-cls-history-v3{
    width:100%;
    margin-top:16px!important;
}


/*
 * Team page should use its normal 1210px shell;
 * League history fills that shell.
 */
.mct-team-classificacao
.mcc-cls-history-v3{
    max-width:none!important;
}


/*
 * On team classification, slot 1 is Flamengo/current club.
 * Keep original League colors and component structure.
 */


/* ==========================================================
   CAMPAIGN AFTER REMOVING MINI EVOLUTION
   ========================================================== */

.mct-clsd-main
> .mct-clsd-two:first-of-type{
    grid-template-columns:1fr;
}

.mct-clsd-main
> .mct-clsd-two:first-of-type
> .mct-clsd-card{
    border:1px solid #dce5ec;
    border-radius:10px;
}


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

@media(max-width:760px){

    .mct-team-classificacao
    .mcc-cls-standing{
        border-radius:10px!important;
    }

    .mct-team-classificacao
    .mcc-cls-history-v3{
        margin-top:10px!important;
    }

}



/* ==========================================================
   TEAM CLASSIFICAÇÃO
   TODOS / CASA / FORA — NO REFRESH
   ========================================================== */

.mct-clsd-full-standing
.mcc-cls-modes button{
    min-width:64px !important;
    height:34px !important;

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

    margin:0 !important;
    padding:0 16px !important;

    border:0 !important;
    border-radius:999px !important;

    background:#f1f3f6 !important;
    background-image:none !important;

    box-shadow:none !important;

    font-family:"Rajdhani",sans-serif !important;
    font-size:11px !important;
    font-weight:600 !important;

    line-height:34px !important;

    text-transform:none !important;

    color:#273449 !important;

    cursor:pointer !important;
}

.mct-clsd-full-standing
.mcc-cls-modes button.is-active{
    background:#20242b !important;
    color:#fff !important;
}

.mct-clsd-full-standing
.mcc-cls-modes button:hover{
    transform:none !important;
}

.mct-cls-mode-panel[hidden]{
    display:none !important;
}

.mct-cls-mode-panel.is-active{
    display:block;
}


/*
 * Prevent any layout flash when switching.
 */
.mct-cls-mode-panel{
    width:100%;
}


/* mobile */
@media(max-width:760px){

    .mct-clsd-full-standing
    .mcc-cls-modes button{
        min-width:58px !important;
        height:34px !important;
        padding:0 13px !important;
    }

}


/* ==========================================================
   TEAM CLASSIFICAÇÃO — LEFT / RIGHT FINAL ALIGNMENT
   ========================================================== */

/* History width = standings width */
.mct-clsd-history-wrap{
    width:100%;
    margin-top:14px;
}

.mct-clsd-history-wrap
.mcc-cls-history-v3{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
}


/* Right-side performance */
.mct-clsd-performance-side{
    width:100%;
}

.mct-clsd-performance-side
.mct-clsd-homeaway{
    min-height:165px;
    padding:16px 10px;
}

.mct-clsd-performance-side
.mct-clsd-ring{
    width:74px;
    height:74px;
}

.mct-clsd-performance-side
.mct-clsd-ring strong{
    width:50px;
    height:50px;
    font-size:18px;
}


/* Right-side goal periods */
.mct-clsd-goals-side{
    width:100%;
}

.mct-clsd-goals-side
.mct-clsd-goal-period{
    height:170px;
    padding:20px 10px 12px;
    gap:8px;
}

.mct-clsd-goals-side
.mct-clsd-goal-period>div{
    width:28px;
}

.mct-clsd-goals-side
.mct-clsd-goal-note{
    padding:0 10px 12px;
}


/* Remove possible leftover empty left two-column wrappers */
.mct-clsd-main
.mct-clsd-two:empty{
    display:none!important;
}


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

    .mct-clsd-history-wrap{
        margin-top:10px;
    }

    .mct-clsd-performance-side
    .mct-clsd-homeaway{
        min-height:150px;
    }

    .mct-clsd-goals-side
    .mct-clsd-goal-period{
        height:155px;
    }
}



/* ==========================================================
   TEAM CLASSIFICAÇÃO — TOP FILTERS FINAL
   ========================================================== */

.mct-clsd-full-standing
.mct-cls-top-controls{
    width:100%;

    min-height:58px;

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

    gap:18px;

    padding:
        10px
        12px
        9px;

    /*
     * User requested:
     * NO LINE UNDER THIS TOOLBAR.
     */
    border:0!important;
    border-bottom:0!important;

    background:#fff;
}


/* ==========================================================
   LEFT — COMPETITION / YEAR
   ========================================================== */

.mct-cls-source-filters{
    min-width:0;

    display:flex;
    align-items:center;

    gap:8px;
}


.mct-cls-source-select{
    position:relative;

    height:36px;

    min-width:220px;

    display:flex;
    align-items:center;

    gap:7px;

    margin:0;

    padding:
        0
        7px
        0
        9px;

    border:1px solid #d9e0e7;
    border-radius:8px;

    background:#fff;

    overflow:hidden;
}


.mct-cls-source-select.is-season{
    min-width:94px;
    width:94px;
}


.mct-cls-source-select>img{
    width:22px!important;
    height:22px!important;

    min-width:22px!important;
    max-width:22px!important;

    object-fit:contain!important;
}


.mct-cls-source-select>select{
    appearance:none;
    -webkit-appearance:none;

    min-width:0;
    width:100%;
    height:34px;

    margin:0!important;
    padding:0 22px 0 0!important;

    border:0!important;
    border-radius:0!important;

    background:transparent!important;
    background-image:none!important;

    box-shadow:none!important;

    outline:0!important;

    font-family:"Rajdhani",sans-serif!important;
    font-size:12px!important;
    font-weight:700!important;

    line-height:34px!important;

    color:#17263d!important;

    cursor:pointer;
}


.mct-cls-source-select.is-season>select{
    font-size:13px!important;
    font-weight:600!important;
}


.mct-cls-source-select>svg{
    position:absolute;

    top:50%;
    right:6px;

    width:17px;
    height:17px;

    transform:translateY(-50%);

    pointer-events:none;

    color:#69778a;
}


/* ==========================================================
   RIGHT — TODOS / CASA / FORA
   ========================================================== */

.mct-clsd-full-standing
.mcc-cls-modes{
    flex:0 0 auto;

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

    gap:5px!important;

    min-height:0!important;

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

    border:0!important;
    border-bottom:0!important;

    background:transparent!important;
}


.mct-clsd-full-standing
.mcc-cls-modes button{
    min-width:62px!important;
    height:32px!important;

    margin:0!important;
    padding:0 13px!important;

    border:0!important;
    border-radius:999px!important;

    background:#f1f3f6!important;
    background-image:none!important;

    box-shadow:none!important;

    font-family:"Rajdhani",sans-serif!important;
    font-size:12px!important;
    font-weight:600!important;

    line-height:32px!important;

    color:#29364a!important;

    cursor:pointer!important;

    transform:none!important;
}


.mct-clsd-full-standing
.mcc-cls-modes button.is-active{
    background:#20242b!important;
    color:#fff!important;
}


/* ==========================================================
   REMOVE OLD SEPARATOR / GHOST LINE
   ========================================================== */

.mct-clsd-full-standing
.mcc-cls-head,
.mct-clsd-full-standing
.mcc-cls-modes::after,
.mct-clsd-full-standing
.mcc-cls-modes::before{
    border-bottom:0!important;
    box-shadow:none!important;
}


.mct-clsd-full-standing
.mct-cls-top-controls
+ *{
    border-top:0!important;
}


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

@media(max-width:760px){

    .mct-clsd-full-standing
    .mct-cls-top-controls{
        display:grid;
        grid-template-columns:1fr;

        gap:8px;

        padding:8px;
    }


    .mct-cls-source-filters{
        width:100%;
    }


    .mct-cls-source-select{
        flex:1 1 auto;
        min-width:0;
    }


    .mct-cls-source-select.is-season{
        flex:0 0 88px;
        width:88px;
        min-width:88px;
    }


    .mct-clsd-full-standing
    .mcc-cls-modes{
        width:100%;

        justify-content:flex-end!important;
    }

}


/* ==========================================================
   TEAM CLASSIFICAÇÃO — METRIC TEXT ORDER / ALIGNMENT
   ========================================================== */

.mct-clsd-stats article:not(.mct-clsd-streak) > div:last-child{
    flex:1 1 auto;
    min-width:0;

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

    text-align:center;
}

.mct-clsd-stats article:not(.mct-clsd-streak) b{
    order:1;

    margin:0 0 4px;

    font-family:"Rajdhani",sans-serif;
    font-size:11px;
    font-weight:700;

    line-height:1.05;

    text-align:center;

    color:#57708f;
}

.mct-clsd-stats article:not(.mct-clsd-streak) strong{
    order:2;

    margin:0;

    font-family:"Barlow Condensed",sans-serif;
    font-size:26px;
    font-weight:600;

    line-height:.95;

    text-align:center;

    color:#102039;
}

.mct-clsd-stats article:not(.mct-clsd-streak) small{
    order:3;

    width:100%;

    margin:5px 0 0;

    overflow:hidden;

    font-family:"Rajdhani",sans-serif;
    font-size:9px;

    line-height:1.1;

    text-align:center;

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

    color:#7185a0;
}


/* Keep icon on the left */
.mct-clsd-stats article:not(.mct-clsd-streak){
    display:flex;
    align-items:center;
}


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

    .mct-clsd-stats article:not(.mct-clsd-streak) strong{
        font-size:25px;
    }

    .mct-clsd-stats article:not(.mct-clsd-streak) b{
        font-size:11px;
    }

    .mct-clsd-stats article:not(.mct-clsd-streak) small{
        font-size:10px;
    }

}



/* ==========================================================
   TEAM CLASSIFICAÇÃO — METRIC TEXT LEFT ALIGN
   Final override
   ========================================================== */

.mct-clsd-stats article:not(.mct-clsd-streak) > div:last-child{
    flex:1 1 auto !important;
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:flex-start !important;
    justify-content:center !important;

    text-align:left !important;
}


.mct-clsd-stats article:not(.mct-clsd-streak) b,
.mct-clsd-stats article:not(.mct-clsd-streak) strong,
.mct-clsd-stats article:not(.mct-clsd-streak) small{
    width:100% !important;

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

    text-align:left !important;
    align-self:flex-start !important;
}


/* Title */
.mct-clsd-stats article:not(.mct-clsd-streak) b{
    margin-bottom:3px !important;
}


/* Main number */
.mct-clsd-stats article:not(.mct-clsd-streak) strong{
    margin:0 !important;
}


/* Description */
.mct-clsd-stats article:not(.mct-clsd-streak) small{
    margin-top:5px !important;
}


@media(max-width:760px){

    .mct-clsd-stats article:not(.mct-clsd-streak) > div:last-child,
    .mct-clsd-stats article:not(.mct-clsd-streak) b,
    .mct-clsd-stats article:not(.mct-clsd-streak) strong,
    .mct-clsd-stats article:not(.mct-clsd-streak) small{
        text-align:left !important;
        align-items:flex-start !important;
    }

}



/* ==========================================================
   TEAM CLASSIFICAÇÃO
   MOBILE 3 TABLE MODES
   Desktop stays untouched
   ========================================================== */


/*
 * Desktop:
 * do not show mobile selector.
 */
.mct-mobile-standing-control{
    display:none;
}


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

@media(max-width:760px){


    /* ------------------------------------------------------
       TODOS / CASA / FORA + DISPLAY MODE BUTTON
       ------------------------------------------------------ */

    .mct-clsd-full-standing
    .mcc-cls-modes{
        position:relative!important;

        width:100%!important;

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

        gap:7px!important;
    }


    .mct-mobile-standing-control{
        position:relative;

        display:block;

        margin-left:auto;
    }


    .mct-mobile-standing-trigger{
        width:38px!important;
        min-width:38px!important;
        max-width:38px!important;

        height:38px!important;
        min-height:38px!important;

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

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

        border:0!important;
        border-radius:9px!important;

        background:#f1f4f7!important;

        color:#14233a!important;

        box-shadow:none!important;

        cursor:pointer!important;
    }


    .mct-mobile-standing-trigger svg{
        width:20px;
        height:20px;

        fill:none;
        stroke:currentColor;

        stroke-width:1.8;
        stroke-linecap:round;
        stroke-linejoin:round;
    }


    /* ------------------------------------------------------
       DROPDOWN
       ------------------------------------------------------ */

    .mct-mobile-standing-menu{
        position:absolute;

        top:46px;
        right:0;

        z-index:50;

        width:185px;

        overflow:hidden;

        border:1px solid #e1e6ec;
        border-radius:10px;

        background:#fff;

        box-shadow:
            0
            8px
            28px
            rgba(13,29,50,.16);
    }


    .mct-mobile-standing-menu[hidden]{
        display:none!important;
    }


    .mct-mobile-standing-menu-title{
        padding:
            13px
            15px
            9px;

        font-family:
            Rajdhani,
            Arial,
            sans-serif;

        font-size:11px;
        font-weight:500;

        color:#8a929d;
    }


    .mct-mobile-standing-menu button{
        width:100%!important;
        height:47px!important;

        margin:0!important;
        padding:0 15px!important;

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

        border:0!important;
        border-radius:0!important;

        background:#fff!important;

        font-family:
            Rajdhani,
            Arial,
            sans-serif!important;

        font-size:14px!important;
        font-weight:500!important;

        text-align:left!important;

        color:#202733!important;
    }


    .mct-mobile-standing-menu
    button.is-active{
        background:#f0f2f6!important;
        color:#3d5cff!important;
    }


    /* ======================================================
       COLUMN MODES
       ====================================================== */

    /*
     * Start hidden.
     * We explicitly expose the columns needed by each mode.
     */
    .mct-clsd-full-standing
    table.mcc-standing-table
    [data-mct-column]{
        display:none;
    }


    /* ------------------------------------------------------
       RESUMIDO
       # TIME J SG PTS
       ------------------------------------------------------ */

    .mct-clsd-full-standing
    [data-mct-mobile-standing-mode="summary"]
    [data-mct-column="pos"],

    .mct-clsd-full-standing
    [data-mct-mobile-standing-mode="summary"]
    [data-mct-column="team"],

    .mct-clsd-full-standing
    [data-mct-mobile-standing-mode="summary"]
    [data-mct-column="played"],

    .mct-clsd-full-standing
    [data-mct-mobile-standing-mode="summary"]
    [data-mct-column="diff"],

    .mct-clsd-full-standing
    [data-mct-mobile-standing-mode="summary"]
    [data-mct-column="points"]{
        display:table-cell!important;
    }


    /* ------------------------------------------------------
       COMPLETO
       # TIME J V E D G SG PTS
       ------------------------------------------------------ */

    .mct-clsd-full-standing
    [data-mct-mobile-standing-mode="complete"]
    [data-mct-column="pos"],

    .mct-clsd-full-standing
    [data-mct-mobile-standing-mode="complete"]
    [data-mct-column="team"],

    .mct-clsd-full-standing
    [data-mct-mobile-standing-mode="complete"]
    [data-mct-column="played"],

    .mct-clsd-full-standing
    [data-mct-mobile-standing-mode="complete"]
    [data-mct-column="win"],

    .mct-clsd-full-standing
    [data-mct-mobile-standing-mode="complete"]
    [data-mct-column="draw"],

    .mct-clsd-full-standing
    [data-mct-mobile-standing-mode="complete"]
    [data-mct-column="loss"],

    .mct-clsd-full-standing
    [data-mct-mobile-standing-mode="complete"]
    [data-mct-column="goals"],

    .mct-clsd-full-standing
    [data-mct-mobile-standing-mode="complete"]
    [data-mct-column="diff"],

    .mct-clsd-full-standing
    [data-mct-mobile-standing-mode="complete"]
    [data-mct-column="points"]{
        display:table-cell!important;
    }


    /* ------------------------------------------------------
       FORMA
       # TIME ÚLTIMOS 5
       ------------------------------------------------------ */

    .mct-clsd-full-standing
    [data-mct-mobile-standing-mode="form"]
    [data-mct-column="pos"],

    .mct-clsd-full-standing
    [data-mct-mobile-standing-mode="form"]
    [data-mct-column="team"],

    .mct-clsd-full-standing
    [data-mct-mobile-standing-mode="form"]
    [data-mct-column="form"]{
        display:table-cell!important;
    }


    /* ======================================================
       MOBILE TABLE GEOMETRY
       ====================================================== */

    .mct-clsd-full-standing
    .mcc-table-scroll{
        overflow-x:hidden!important;
    }


    .mct-clsd-full-standing
    table.mcc-standing-table{
        width:100%!important;
        min-width:0!important;

        table-layout:auto!important;
    }


    /*
     * Keep team column useful.
     */
    .mct-clsd-full-standing
    [data-mct-column="team"]{
        width:auto!important;
        min-width:150px!important;
    }


    .mct-clsd-full-standing
    [data-mct-column="pos"]{
        width:30px!important;
        min-width:30px!important;
    }


    .mct-clsd-full-standing
    [data-mct-column="played"],
    .mct-clsd-full-standing
    [data-mct-column="win"],
    .mct-clsd-full-standing
    [data-mct-column="draw"],
    .mct-clsd-full-standing
    [data-mct-column="loss"],
    .mct-clsd-full-standing
    [data-mct-column="goals"],
    .mct-clsd-full-standing
    [data-mct-column="diff"],
    .mct-clsd-full-standing
    [data-mct-column="points"]{
        width:32px!important;
        min-width:32px!important;

        padding-left:2px!important;
        padding-right:2px!important;

        text-align:center!important;
    }


    /* Forma needs more room */
    .mct-clsd-full-standing
    [data-mct-column="form"]{
        width:132px!important;
        min-width:132px!important;

        text-align:right!important;
    }

}


/* ==========================================================
   MOBILE STANDING MODES — SELECTOR FIX
   data-mct-mobile-standing-mode is on the root itself
   ========================================================== */

@media(max-width:760px){

    /* ------------------------------------------------------
       RESUMIDO
       # TIME J SG PTS
       ------------------------------------------------------ */

    .mct-clsd-full-standing[data-mct-mobile-standing-mode="summary"]
    [data-mct-column="pos"],

    .mct-clsd-full-standing[data-mct-mobile-standing-mode="summary"]
    [data-mct-column="team"],

    .mct-clsd-full-standing[data-mct-mobile-standing-mode="summary"]
    [data-mct-column="played"],

    .mct-clsd-full-standing[data-mct-mobile-standing-mode="summary"]
    [data-mct-column="diff"],

    .mct-clsd-full-standing[data-mct-mobile-standing-mode="summary"]
    [data-mct-column="points"]{
        display:table-cell !important;
    }


    /* ------------------------------------------------------
       COMPLETO
       # TIME J V E D G SG PTS
       ------------------------------------------------------ */

    .mct-clsd-full-standing[data-mct-mobile-standing-mode="complete"]
    [data-mct-column="pos"],

    .mct-clsd-full-standing[data-mct-mobile-standing-mode="complete"]
    [data-mct-column="team"],

    .mct-clsd-full-standing[data-mct-mobile-standing-mode="complete"]
    [data-mct-column="played"],

    .mct-clsd-full-standing[data-mct-mobile-standing-mode="complete"]
    [data-mct-column="win"],

    .mct-clsd-full-standing[data-mct-mobile-standing-mode="complete"]
    [data-mct-column="draw"],

    .mct-clsd-full-standing[data-mct-mobile-standing-mode="complete"]
    [data-mct-column="loss"],

    .mct-clsd-full-standing[data-mct-mobile-standing-mode="complete"]
    [data-mct-column="goals"],

    .mct-clsd-full-standing[data-mct-mobile-standing-mode="complete"]
    [data-mct-column="diff"],

    .mct-clsd-full-standing[data-mct-mobile-standing-mode="complete"]
    [data-mct-column="points"]{
        display:table-cell !important;
    }


    /* ------------------------------------------------------
       FORMA
       # TIME ÚLTIMOS 5
       ------------------------------------------------------ */

    .mct-clsd-full-standing[data-mct-mobile-standing-mode="form"]
    [data-mct-column="pos"],

    .mct-clsd-full-standing[data-mct-mobile-standing-mode="form"]
    [data-mct-column="team"],

    .mct-clsd-full-standing[data-mct-mobile-standing-mode="form"]
    [data-mct-column="form"]{
        display:table-cell !important;
    }

}


/* ==========================================================
   MOBILE STANDING MENU — FINAL LAYER FIX
   ========================================================== */

@media(max-width:760px){

    /*
     * Toolbar is only the positioning reference.
     */
    .mct-clsd-full-standing
    .mcc-cls-modes{
        position:relative !important;
        overflow:visible !important;

        min-height:48px !important;

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

        padding:5px 8px !important;

        z-index:20 !important;
    }


    /*
     * Right-side trigger container.
     */
    .mct-clsd-full-standing
    .mct-mobile-standing-control{
        position:relative !important;

        flex:0 0 auto !important;

        width:38px !important;
        height:38px !important;

        margin-left:auto !important;

        display:block !important;

        z-index:100 !important;
    }


    /*
     * Trigger itself.
     */
    .mct-clsd-full-standing
    .mct-mobile-standing-trigger{
        position:relative !important;

        width:38px !important;
        min-width:38px !important;
        max-width:38px !important;

        height:38px !important;

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

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

        border:0 !important;
        border-radius:9px !important;

        background:#f0f2f5 !important;

        z-index:101 !important;
    }


    /*
     * IMPORTANT:
     * Menu must FLOAT.
     * It must NOT participate in nav flex layout.
     */
    .mct-clsd-full-standing
    .mct-mobile-standing-menu{
        position:absolute !important;

        top:44px !important;
        right:0 !important;
        left:auto !important;

        z-index:9999 !important;

        width:190px !important;
        min-width:190px !important;
        max-width:190px !important;

        height:auto !important;

        margin:0 !important;
        padding:5px 0 !important;

        display:block;

        overflow:hidden !important;

        border:1px solid #e1e5ea !important;
        border-radius:10px !important;

        background:#fff !important;

        box-shadow:
            0 10px 30px
            rgba(20,31,48,.18)
            !important;
    }


    .mct-clsd-full-standing
    .mct-mobile-standing-menu[hidden]{
        display:none !important;
    }


    /*
     * Undo generic .mcc-cls-modes button styles
     * inside the dropdown.
     */
    .mct-clsd-full-standing
    .mct-mobile-standing-menu > button{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        height:43px !important;
        min-height:43px !important;

        margin:0 !important;
        padding:0 15px !important;

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

        border:0 !important;
        border-radius:0 !important;

        background:#fff !important;

        box-shadow:none !important;

        font-family:
            Rajdhani,
            Arial,
            sans-serif !important;

        font-size:14px !important;
        font-weight:500 !important;

        line-height:43px !important;

        text-align:left !important;

        color:#222936 !important;
    }


    .mct-clsd-full-standing
    .mct-mobile-standing-menu > button.is-active{
        background:#f0f2f6 !important;
        color:#315bff !important;
    }


    .mct-clsd-full-standing
    .mct-mobile-standing-menu-title{
        height:auto !important;

        margin:0 !important;
        padding:10px 15px 7px !important;

        font-family:
            Rajdhani,
            Arial,
            sans-serif !important;

        font-size:11px !important;
        font-weight:500 !important;

        line-height:1.2 !important;

        color:#939aa4 !important;
    }


    /*
     * Avoid clipping by parent wrappers.
     */
    .mct-clsd-full-standing,
    .mct-cls-top-controls{
        overflow:visible !important;
    }

}


/* ==========================================================
   MOBILE CLASSIFICAÇÃO — FINAL TOOLBAR
   ========================================================== */

.mct-mobile-graph-row,
.mct-graph-sheet-overlay{
    display:none;
}


@media(max-width:760px){

    /* ======================================================
       1. 3-MODE BUTTON GOES TO FAR RIGHT
       ====================================================== */

    .mct-clsd-full-standing
    .mcc-cls-modes{
        position:relative !important;

        width:100% !important;

        padding:
            5px
            58px
            5px
            8px !important;

        overflow:visible !important;
    }


    .mct-clsd-full-standing
    .mct-mobile-standing-control{
        position:absolute !important;

        top:50% !important;
        right:8px !important;
        left:auto !important;

        width:38px !important;
        height:38px !important;

        margin:0 !important;

        transform:
            translateY(-50%)
            !important;

        z-index:100 !important;
    }


    /*
     * Dropdown continues to open from
     * the far-right button.
     */
    .mct-clsd-full-standing
    .mct-mobile-standing-menu{
        top:44px !important;
        right:0 !important;
        left:auto !important;
    }


    /* ======================================================
       2. GRAPH BUTTON — SOFASCORE-LIKE
       ====================================================== */

    .mct-mobile-graph-row{
        width:100%;

        min-height:52px;

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

        padding:
            7px
            8px
            9px;

        border-top:
            1px solid
            #edf0f3;

        box-sizing:border-box;
    }


    .mct-mobile-graph-button{
        height:34px !important;
        min-height:34px !important;

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

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

        gap:5px !important;

        border:0 !important;
        border-radius:999px !important;

        background:#435cff !important;
        background-image:none !important;

        box-shadow:none !important;

        font-family:
            Rajdhani,
            Arial,
            sans-serif !important;

        font-size:12px !important;
        font-weight:700 !important;

        line-height:34px !important;

        text-transform:uppercase !important;

        color:#fff !important;

        cursor:pointer !important;
    }


    .mct-mobile-graph-button svg{
        width:15px;
        height:15px;

        fill:none;
        stroke:currentColor;

        stroke-width:1.8;
        stroke-linecap:round;
        stroke-linejoin:round;
    }


    /* ======================================================
       BOTTOM SHEET OVERLAY
       ====================================================== */

    .mct-graph-sheet-overlay{
        position:fixed;

        inset:0;

        z-index:999999;

        display:block;

        background:
            rgba(
                7,
                13,
                22,
                .60
            );

        opacity:0;

        transition:
            opacity
            .22s
            ease;
    }


    .mct-graph-sheet-overlay[hidden]{
        display:none !important;
    }


    .mct-graph-sheet-overlay.is-open{
        opacity:1;
    }


    /* ======================================================
       SHEET
       ====================================================== */

    .mct-graph-sheet{
        position:absolute;

        left:0;
        right:0;
        bottom:0;

        width:100%;
        max-height:
            min(
                82vh,
                760px
            );

        padding:
            18px
            8px
            max(
                18px,
                env(safe-area-inset-bottom)
            );

        overflow-y:auto;
        overscroll-behavior:contain;

        border-radius:
            18px
            18px
            0
            0;

        background:#fff;

        box-shadow:
            0
            -12px
            40px
            rgba(0,0,0,.20);

        transform:
            translateY(100%);

        transition:
            transform
            .24s
            cubic-bezier(
                .22,
                .8,
                .25,
                1
            );

        box-sizing:border-box;
    }


    .mct-graph-sheet-overlay.is-open
    .mct-graph-sheet{
        transform:
            translateY(0);
    }


    /* ======================================================
       HANDLE + CLOSE
       ====================================================== */

    .mct-graph-sheet-handle{
        position:absolute;

        top:7px;
        left:50%;

        width:44px;
        height:4px;

        border-radius:999px;

        background:#9ca7b5;

        transform:
            translateX(-50%);
    }


    .mct-graph-sheet-close{
        position:absolute !important;

        top:11px !important;
        right:13px !important;

        z-index:20;

        width:36px !important;
        min-width:36px !important;
        height:36px !important;

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

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

        border:0 !important;

        background:transparent !important;

        color:#425cff !important;
    }


    .mct-graph-sheet-close svg{
        width:23px;
        height:23px;

        fill:none;
        stroke:currentColor;

        stroke-width:1.8;
        stroke-linecap:round;
    }


    /* ======================================================
       LEAGUE HISTORY COMPONENT INSIDE SHEET
       ====================================================== */

    .mct-graph-sheet-body{
        width:100%;

        margin-top:16px;
    }


    .mct-graph-sheet-body
    .mcc-cls-history-v3{
        width:100% !important;
        max-width:none !important;

        margin:0 !important;

        border:0 !important;
        border-radius:0 !important;

        box-shadow:none !important;

        background:transparent !important;

        overflow:visible !important;
    }


    /*
     * Hide duplicate large outer heading if League component
     * has one; keep the actual graph controls/data.
     */
    .mct-graph-sheet-body
    .mcc-cls-history-v3-head{
        padding-top:16px !important;
    }


    /*
     * Graph should fit mobile sheet.
     */
    .mct-graph-sheet-body
    .mcc-cls-history-v3-chart,
    .mct-graph-sheet-body
    .mcc-cls-history-chart{
        width:100% !important;
        max-width:100% !important;
    }


    /*
     * No body scrolling behind sheet.
     */
    html.mct-graph-sheet-open,
    body.mct-graph-sheet-open{
        overflow:hidden !important;
    }


    /*
     * When History is in its normal position,
     * don't show the large history block on mobile.
     *
     * It becomes available through "Gráfico".
     */
    body:not(.mct-graph-sheet-open)
    .mct-clsd-history-wrap{
        display:none !important;
    }


    /*
     * But when moved into the sheet, show it.
     */
    .mct-graph-sheet-body
    .mct-clsd-history-wrap,
    .mct-graph-sheet-body
    .mcc-cls-history-v3{
        display:block !important;
    }

}


/* Desktop stays exactly as before */
@media(min-width:761px){

    .mct-mobile-graph-row,
    .mct-graph-sheet-overlay{
        display:none !important;
    }

}

/* ==========================================================
   MOBILE CLASSIFICAÇÃO — TOOLBAR FINAL SPACING
   ========================================================== */

@media(max-width:760px){

    /* Todos / Casa / Fora row */
    .mct-clsd-full-standing
    .mcc-cls-modes{
        min-height:54px !important;

        padding:
            6px
            56px
            6px
            10px !important;

        border-bottom:0 !important;
    }


    /* Far-right criteria button */
    .mct-clsd-full-standing
    .mct-mobile-standing-control{
        right:8px !important;

        width:42px !important;
        height:38px !important;
    }


    .mct-clsd-full-standing
    .mct-mobile-standing-trigger{
        width:36px !important;
        min-width:36px !important;
        max-width:36px !important;

        height:38px !important;
        min-height:38px !important;

        border-radius:999px !important;

        background:#f1f3f6 !important;
    }


    .mct-clsd-full-standing
    .mct-mobile-standing-trigger svg{
        width:18px !important;
        height:18px !important;
    }


    /* ======================================================
       GRAPH ROW
       compact, Sofascore-like
       ====================================================== */

    .mct-mobile-graph-row{
        min-height:46px !important;

        padding:
            5px
            8px
            7px !important;

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

        border-top:
            1px solid #eef1f4 !important;

        border-bottom:0 !important;

        background:#fff !important;
    }


    .mct-mobile-graph-button{
        height:34px !important;
        min-height:34px !important;

        padding:
            0
            13px !important;

        gap:4px !important;

        border-radius:999px !important;

        font-size:11px !important;
        line-height:34px !important;

        letter-spacing:.15px !important;
    }


    .mct-mobile-graph-button svg{
        width:14px !important;
        height:14px !important;
    }


    /* ======================================================
       TABLE STARTS IMMEDIATELY AFTER GRAPH BUTTON
       ====================================================== */

    .mct-mobile-graph-row
    + .mct-cls-mode-panel{
        margin-top:0 !important;
        padding-top:0 !important;
    }


    .mct-clsd-full-standing
    .mcc-table-scroll{
        margin-top:0 !important;
        padding-top:0 !important;
    }


    .mct-clsd-full-standing
    .mcc-standing-table{
        margin-top:0 !important;
    }


    .mct-clsd-full-standing
    .mcc-standing-table thead{
        margin-top:0 !important;
    }


    /* Slightly tighter table header */
    .mct-clsd-full-standing
    .mcc-standing-table thead th{
        height:42px !important;
        padding-top:7px !important;
        padding-bottom:7px !important;
    }

}


/* ==========================================================
   MOBILE STANDING MODE BUTTON
   SofaScore geometry / Multicanais light colors
   ========================================================== */

@media (max-width:760px) {

    .mct-clsd-full-standing
    .mcc-cls-modes
    .mct-mobile-standing-control {
        width:36px !important;
        min-width:36px !important;
        max-width:36px !important;

        height:36px !important;
        min-height:36px !important;
        max-height:36px !important;

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


    .mct-clsd-full-standing
    .mcc-cls-modes
    .mct-mobile-standing-control
    .mct-mobile-standing-trigger {

        appearance:none !important;
        -webkit-appearance:none !important;

        width:36px !important;
        min-width:36px !important;
        max-width:36px !important;

        height:36px !important;
        min-height:36px !important;
        max-height:36px !important;

        margin:0 !important;
        padding:4px !important;

        box-sizing:border-box !important;

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

        border:
            1px solid
            #e3e8ee !important;

        border-radius:8px !important;

        background:#f1f3f6 !important;
        background-image:none !important;

        color:#29364a !important;

        font-size:16px !important;
        font-weight:400 !important;
        line-height:18.4px !important;

        text-align:center !important;
        text-transform:none !important;

        cursor:pointer !important;

        box-shadow:none !important;

        transition:
            background-color .2s,
            box-shadow .2s !important;

        z-index:0 !important;
    }


    .mct-clsd-full-standing
    .mcc-cls-modes
    .mct-mobile-standing-trigger:hover {
        background:#e9edf2 !important;
    }


    .mct-clsd-full-standing
    .mcc-cls-modes
    .mct-mobile-standing-trigger:active {
        background:#e2e7ed !important;
    }


    .mct-clsd-full-standing
    .mcc-cls-modes
    .mct-mobile-standing-trigger svg {
        width:18px !important;
        height:18px !important;

        margin:auto !important;

        flex:0 0 18px !important;

        color:#29364a !important;
        stroke:currentColor !important;
    }

}


/* ==========================================================
   GOLS POR PERÍODO V2
   ========================================================== */

.mct-goal-period-v2{
    overflow:hidden;
}


/* ==========================================================
   HEADER
   ========================================================== */

.mct-goal-period-v2
.mct-goal-period-head{
    min-height:72px;

    padding:
        12px
        14px;

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

    gap:14px;
}


.mct-goal-period-head>div:first-child{
    min-width:0;
}


.mct-goal-period-head h2{
    margin:0!important;
}


.mct-goal-period-head p{
    margin:
        5px
        0
        0!important;

    font-family:
        Rajdhani,
        Arial,
        sans-serif;

    font-size:11px!important;
    line-height:1.2;

    color:#7589a1;
}


/* ==========================================================
   MARCADOS / SOFRIDOS
   ========================================================== */

.mct-goal-period-tabs{
    flex:0 0 auto;

    height:32px;

    display:flex;
    align-items:center;

    padding:2px;

    border:
        1px solid
        #e2e8ee;

    border-radius:999px;

    background:#f3f5f7;
}


.mct-goal-period-tabs button{
    height:26px!important;

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

    border:0!important;
    border-radius:999px!important;

    background:transparent!important;

    box-shadow:none!important;

    font-family:
        Rajdhani,
        Arial,
        sans-serif!important;

    font-size:11px!important;
    font-weight:700!important;

    line-height:26px!important;

    color:#7b899c!important;
}


.mct-goal-period-tabs
button.is-active{
    background:#fff!important;

    color:#00a957!important;

    box-shadow:
        0
        1px
        3px
        rgba(16,32,52,.08)!important;
}


.mct-goal-period-tabs
button:disabled{
    opacity:.58;
}


/* ==========================================================
   CHART
   ========================================================== */

.mct-goal-period-chart-v2{
    width:100%;
    height:218px;

    display:grid;
    grid-template-columns:26px 1fr;

    gap:5px;

    padding:
        15px
        14px
        6px;

    box-sizing:border-box;
}


/* Y labels */

.mct-goal-period-axis{
    height:165px;

    padding-top:4px;

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

    font-family:
        Rajdhani,
        Arial,
        sans-serif;

    font-size:10px;
    font-weight:500;

    color:#7c8ea3;
}


.mct-goal-period-axis span:last-child{
    transform:translateY(2px);
}


/* ==========================================================
   PLOT
   ========================================================== */

.mct-goal-period-plot{
    position:relative;

    min-width:0;
    height:190px;
}


/* horizontal guide lines */

.mct-goal-period-grid{
    position:absolute;

    top:4px;
    right:0;
    bottom:24px;
    left:0;

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

    pointer-events:none;
}


.mct-goal-period-grid i{
    width:100%;
    height:1px;

    display:block;

    background:
        repeating-linear-gradient(
            to right,
            #d9e2e9 0,
            #d9e2e9 4px,
            transparent 4px,
            transparent 8px
        );
}


/* ==========================================================
   BARS
   ========================================================== */

.mct-goal-period-bars-v2{
    position:absolute;

    inset:
        0
        0
        0
        0;

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

    gap:9px;

    align-items:end;
}


.mct-goal-period-item{
    min-width:0;
    height:100%;

    display:grid;
    grid-template-rows:
        18px
        1fr
        22px;

    align-items:end;

    text-align:center;
}


.mct-goal-period-item>strong{
    align-self:start;

    font-family:
        "Barlow Condensed",
        sans-serif;

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

    line-height:1;

    color:#5d738d;
}


/* Light track */

.mct-goal-period-track{
    position:relative;

    width:100%;
    max-width:40px;
    height:100%;

    justify-self:center;

    overflow:hidden;

    border-radius:
        7px
        7px
        3px
        3px;

    background:
        linear-gradient(
            to bottom,
            rgba(245,248,250,.92),
            rgba(238,243,246,.72)
        );
}


/* Actual bar */

.mct-goal-period-track>i{
    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:var(--h);

    border-radius:
        6px
        6px
        3px
        3px;

    background:
        linear-gradient(
            180deg,
            #00b95f 0%,
            #43ca83 100%
        );

    box-shadow:
        inset
        0
        1px
        0
        rgba(255,255,255,.20);
}


.mct-goal-period-item>span{
    align-self:end;

    padding-top:5px;

    font-family:
        Rajdhani,
        Arial,
        sans-serif;

    font-size:10px;
    font-weight:500;

    white-space:nowrap;

    color:#73879f;
}


/* ==========================================================
   INFO
   ========================================================== */

.mct-goal-period-info{
    min-height:42px;

    margin:
        0
        12px
        12px;

    padding:
        8px
        10px;

    display:flex;
    align-items:center;

    gap:8px;

    border-radius:7px;

    background:#f6f8fa;
}


.mct-goal-period-info-icon{
    width:19px;
    height:19px;

    flex:0 0 19px;

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

    border:
        1.5px solid
        #00b95f;

    border-radius:50%;

    font-family:
        Arial,
        sans-serif;

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

    color:#00b95f;
}


.mct-goal-period-info p{
    margin:0!important;

    font-family:
        Rajdhani,
        Arial,
        sans-serif;

    font-size:11px;
    line-height:1.25;

    color:#778ba2;
}


/* ==========================================================
   SIDEBAR VERSION
   ========================================================== */

.mct-clsd-side
.mct-goal-period-v2
.mct-goal-period-chart-v2{
    height:205px;

    padding-left:10px;
    padding-right:10px;
}


.mct-clsd-side
.mct-goal-period-track{
    max-width:32px;
}


.mct-clsd-side
.mct-goal-period-bars-v2{
    gap:5px;
}


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

@media(max-width:760px){

    .mct-goal-period-v2
    .mct-goal-period-head{
        min-height:68px;
        padding:10px 12px;
    }


    .mct-goal-period-head p{
        font-size:11px!important;
    }


    .mct-goal-period-tabs{
        height:30px;
    }


    .mct-goal-period-tabs button{
        height:24px!important;
        padding:0 8px!important;

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


    .mct-goal-period-chart-v2{
        height:200px;

        padding:
            12px
            10px
            4px;
    }


    .mct-goal-period-track{
        max-width:34px;
    }


    .mct-goal-period-bars-v2{
        gap:5px;
    }


    .mct-goal-period-info{
        margin:
            0
            10px
            10px;
    }

}


/* ==========================================================
   GOLS POR PERÍODO V2 — VISUAL MAX FINAL
   ========================================================== */

.mct-goal-period-v2{
    position:relative;
    overflow:hidden;

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

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfdfc 100%
        ) !important;

    box-shadow:
        0 4px 18px
        rgba(17,39,63,.035) !important;
}


/* subtle green ambient light */
.mct-goal-period-v2::before{
    content:"";

    position:absolute;

    top:-70px;
    right:-55px;

    width:180px;
    height:180px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(0,191,99,.10) 0%,
            rgba(0,191,99,0) 70%
        );

    pointer-events:none;
}


/* ==========================================================
   HEADER
   ========================================================== */

.mct-goal-period-v2
.mct-goal-period-head{
    position:relative;
    z-index:2;

    min-height:72px !important;

    padding:
        14px
        14px
        11px !important;

    border-bottom:
        1px solid
        #edf2f5;

    background:
        rgba(255,255,255,.82);
}


.mct-goal-period-head h2{
    margin:0 !important;

    font-family:
        "Barlow Condensed",
        sans-serif !important;

    font-size:15px !important;
    font-weight:600 !important;

    line-height:1 !important;

    color:#12233b !important;
}


.mct-goal-period-head p{
    margin:5px 0 0 !important;

    font-size:10px !important;
    font-weight:500 !important;

    color:#8192a7 !important;
}


/* ==========================================================
   SEGMENTED CONTROL
   ========================================================== */

.mct-goal-period-tabs{
    height:34px !important;

    padding:3px !important;

    border:
        1px solid
        #e1e7ec !important;

    border-radius:999px !important;

    background:
        #f3f6f7 !important;

    box-shadow:
        inset
        0 1px 2px
        rgba(16,32,52,.035);
}


.mct-goal-period-tabs button{
    height:26px !important;

    padding:
        0
        11px !important;

    border-radius:999px !important;

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

    letter-spacing:.2px !important;

    text-transform:uppercase !important;
}


.mct-goal-period-tabs
button.is-active{
    background:#fff !important;

    color:#00ac58 !important;

    box-shadow:
        0 2px 7px
        rgba(15,45,66,.10) !important;
}


/* ==========================================================
   CHART AREA
   ========================================================== */

.mct-goal-period-chart-v2{
    position:relative;

    height:210px !important;

    grid-template-columns:
        22px
        1fr !important;

    gap:6px !important;

    padding:
        18px
        14px
        4px !important;

    background:
        linear-gradient(
            180deg,
            rgba(247,251,249,.65),
            rgba(255,255,255,0)
        );
}


/* ==========================================================
   Y AXIS
   ========================================================== */

.mct-goal-period-axis{
    height:157px !important;

    padding-top:3px !important;

    font-size:7px !important;
    font-weight:600 !important;

    color:#96a5b7 !important;
}


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

.mct-goal-period-grid{
    top:4px !important;
    bottom:25px !important;
}


.mct-goal-period-grid i{
    height:1px !important;

    background:
        repeating-linear-gradient(
            90deg,
            rgba(168,185,198,.34) 0,
            rgba(168,185,198,.34) 3px,
            transparent 3px,
            transparent 7px
        ) !important;
}


/* bottom baseline */
.mct-goal-period-plot::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:25px;

    height:1px;

    background:#cad6df;

    z-index:1;
}


/* ==========================================================
   REMOVE PLACEHOLDER DASHES
   ========================================================== */

.mct-goal-period-item>strong{
    visibility:hidden !important;

    height:10px !important;

    margin:0 !important;
}


/* ==========================================================
   BAR TRACK
   ========================================================== */

.mct-goal-period-track{
    position:relative;

    max-width:36px !important;

    border-radius:
        8px
        8px
        3px
        3px !important;

    background:
        linear-gradient(
            180deg,
            rgba(238,243,246,.82),
            rgba(247,249,250,.42)
        ) !important;

    box-shadow:
        inset
        0 0 0
        1px
        rgba(216,225,231,.25);
}


/* ==========================================================
   GREEN BAR
   ========================================================== */

.mct-goal-period-track>i{
    position:absolute;

    overflow:visible;

    border-radius:
        7px
        7px
        3px
        3px !important;

    background:
        linear-gradient(
            180deg,
            #02c667 0%,
            #00b95f 55%,
            #16a75c 100%
        ) !important;

    box-shadow:
        0 5px 12px
        rgba(0,185,95,.16),
        inset
        0 1px 0
        rgba(255,255,255,.30) !important;

    transition:
        transform .18s ease,
        filter .18s ease;
}


/* glossy top cap */
.mct-goal-period-track>i::before{
    content:"";

    position:absolute;

    top:0;
    left:4px;
    right:4px;

    height:2px;

    border-radius:999px;

    background:
        rgba(255,255,255,.55);
}


/* soft glow below bar */
.mct-goal-period-track>i::after{
    content:"";

    position:absolute;

    left:16%;
    right:16%;
    bottom:-6px;

    height:10px;

    border-radius:50%;

    background:
        rgba(0,185,95,.20);

    filter:blur(6px);

    z-index:-1;
}


/* focus the central attacking periods */
.mct-goal-period-item:nth-child(3)
.mct-goal-period-track>i,
.mct-goal-period-item:nth-child(4)
.mct-goal-period-track>i{
    background:
        linear-gradient(
            180deg,
            #00d06c 0%,
            #00bd61 55%,
            #079d53 100%
        ) !important;

    box-shadow:
        0 7px 16px
        rgba(0,190,98,.23),
        inset
        0 1px 0
        rgba(255,255,255,.35) !important;
}


/* ==========================================================
   PERIOD LABELS
   ========================================================== */

.mct-goal-period-item>span{
    position:relative;

    z-index:2;

    padding-top:7px !important;

    font-size:7px !important;
    font-weight:700 !important;

    letter-spacing:.05px;

    color:#73859a !important;
}


/* highlight central periods */
.mct-goal-period-item:nth-child(3)>span,
.mct-goal-period-item:nth-child(4)>span{
    color:#415a72 !important;
}


/* ==========================================================
   INFO BOX
   ========================================================== */

.mct-goal-period-info{
    position:relative;

    min-height:42px !important;

    margin:
        2px
        12px
        12px !important;

    padding:
        9px
        10px !important;

    border:
        1px solid
        #edf2f5;

    border-radius:8px !important;

    background:
        linear-gradient(
            90deg,
            #f6faf8,
            #f8fafc
        ) !important;
}


.mct-goal-period-info-icon{
    width:20px !important;
    height:20px !important;

    flex:0 0 20px !important;

    border:
        1px solid
        #02b860 !important;

    background:
        rgba(0,190,99,.06);

    font-size:11px !important;

    color:#00af5b !important;
}


.mct-goal-period-info p{
    font-size:10px !important;
    font-weight:500 !important;

    color:#8292a4 !important;
}


/* ==========================================================
   HOVER — DESKTOP ONLY
   ========================================================== */

@media(min-width:761px){

    .mct-goal-period-item:hover
    .mct-goal-period-track>i{
        transform:
            translateY(-3px);

        filter:
            saturate(1.08);
    }

}


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

@media(max-width:760px){

    .mct-goal-period-v2
    .mct-goal-period-head{
        padding:
            12px
            12px
            10px !important;
    }


    .mct-goal-period-head h2{
        font-size:15px !important;
    }


    .mct-goal-period-chart-v2{
        height:200px !important;

        padding:
            15px
            10px
            3px !important;
    }


    .mct-goal-period-track{
        max-width:32px !important;
    }


    .mct-goal-period-bars-v2{
        gap:6px !important;
    }

}


/* ==========================================================
   GOLS POR PERÍODO — VALUE LABELS + BASELINE FIX
   ========================================================== */

/* Show values above bars again */
.mct-goal-period-item>strong{
    visibility:visible !important;

    height:auto !important;

    margin:0 0 5px !important;

    align-self:end !important;

    font-family:
        "Barlow Condensed",
        sans-serif !important;

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

    line-height:1 !important;

    color:#101c2f !important;

    text-align:center !important;
}


/* ==========================================================
   PERCENTAGE INSIDE BAR
   ========================================================== */

/*
 * If percentage spans are already present inside the bar,
 * make them readable and centered.
 */
.mct-goal-period-track
.mct-goal-period-percent,
.mct-goal-period-track>i>span{
    position:absolute !important;

    top:8px !important;
    left:50% !important;

    transform:
        translateX(-50%)
        !important;

    z-index:3 !important;

    font-family:
        Rajdhani,
        Arial,
        sans-serif !important;

    font-size:10px !important;
    font-weight:600 !important;

    line-height:1 !important;

    color:
        rgba(
            255,
            255,
            255,
            .88
        )
        !important;

    white-space:nowrap !important;

    pointer-events:none !important;
}


/* ==========================================================
   BASELINE FIX
   ========================================================== */

.mct-goal-period-plot{
    overflow:hidden !important;
}


/*
 * Keep the baseline inside the actual chart area.
 */
.mct-goal-period-plot::after{
    left:7px !important;
    right:7px !important;

    bottom:25px !important;

    width:auto !important;

    height:1px !important;

    background:#cbd6df !important;

    transform:none !important;

    box-sizing:border-box !important;
}


/*
 * Make sure bars never visually overflow below baseline.
 */
.mct-goal-period-bars-v2{
    overflow:hidden !important;
}


/* ==========================================================
   SMALLER CARD / SIDEBAR
   ========================================================== */

.mct-clsd-side
.mct-goal-period-item>strong{
    font-size:12px !important;
    margin-bottom:4px !important;
}

.mct-clsd-side
.mct-goal-period-track
.mct-goal-period-percent,
.mct-clsd-side
.mct-goal-period-track>i>span{
    top:6px !important;
    font-size:10px !important;
}


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

@media(max-width:760px){

    .mct-goal-period-item>strong{
        font-size:12px !important;
        margin-bottom:4px !important;
    }

    .mct-goal-period-track
    .mct-goal-period-percent,
    .mct-goal-period-track>i>span{
        font-size:10px !important;
    }

    .mct-goal-period-plot::after{
        left:5px !important;
        right:5px !important;
    }

}


/* ==========================================================
   GOLS POR PERÍODO
   REAL VISIBLE LABELS + CLEAN BASELINE
   ========================================================== */

/* ----------------------------------------------------------
   NUMBER ABOVE BAR
   ---------------------------------------------------------- */

.mct-goal-period-v2
.mct-goal-period-item > strong{
    visibility:visible !important;

    position:relative !important;
    z-index:5 !important;

    height:20px !important;

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

    margin:0 0 5px !important;

    font-family:
        "Barlow Condensed",
        sans-serif !important;

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

    line-height:1 !important;

    color:#101b2c !important;
}


/* ----------------------------------------------------------
   PERCENT INSIDE GREEN BAR
   ---------------------------------------------------------- */

.mct-goal-period-v2
.mct-goal-period-percent{
    position:absolute !important;

    top:9px !important;
    left:50% !important;

    transform:
        translateX(-50%) !important;

    z-index:6 !important;

    display:block !important;

    font-family:
        Rajdhani,
        Arial,
        sans-serif !important;

    font-size:10px !important;
    font-weight:600 !important;

    line-height:1 !important;

    color:
        rgba(255,255,255,.92)
        !important;

    white-space:nowrap !important;
}


/* ----------------------------------------------------------
   FIX BOTTOM LINE
   ---------------------------------------------------------- */

/*
 * Remove the previous full-width baseline.
 */
.mct-goal-period-v2
.mct-goal-period-plot::after{
    content:none !important;
}


/*
 * Create one clean baseline inside the actual bar area.
 */
.mct-goal-period-v2
.mct-goal-period-bars-v2::after{
    content:"";

    position:absolute;

    left:
        calc(
            100% / 12
        );

    right:
        calc(
            100% / 12
        );

    bottom:22px;

    height:1px;

    background:#bfcbd5;

    z-index:0;

    pointer-events:none;
}


/*
 * Bars must sit above baseline.
 */
.mct-goal-period-v2
.mct-goal-period-item{
    position:relative;
    z-index:2;
}


/*
 * No dark border at bottom of individual bar tracks.
 */
.mct-goal-period-v2
.mct-goal-period-track,
.mct-goal-period-v2
.mct-goal-period-track > i{
    border-bottom:0 !important;
}


/* ----------------------------------------------------------
   TRACK / BAR
   ---------------------------------------------------------- */

.mct-goal-period-v2
.mct-goal-period-track{
    overflow:hidden !important;

    background:
        linear-gradient(
            180deg,
            #f1f5f7 0%,
            #f7f9fa 100%
        ) !important;
}


.mct-goal-period-v2
.mct-goal-period-track > i{
    overflow:hidden !important;
}


/* ----------------------------------------------------------
   LABELS
   ---------------------------------------------------------- */

.mct-goal-period-v2
.mct-goal-period-item > span{
    position:relative;
    z-index:4;

    padding-top:7px !important;

    font-size:7px !important;
    font-weight:600 !important;

    color:#708398 !important;
}


/* ----------------------------------------------------------
   SIDEBAR COMPACT VERSION
   ---------------------------------------------------------- */

.mct-clsd-side
.mct-goal-period-v2
.mct-goal-period-item > strong{
    height:17px !important;

    margin-bottom:4px !important;

    font-size:13px !important;
}


.mct-clsd-side
.mct-goal-period-v2
.mct-goal-period-percent{
    top:7px !important;

    font-size:10px !important;
}


@media(max-width:760px){

    .mct-goal-period-v2
    .mct-goal-period-item > strong{
        font-size:13px !important;
    }

    .mct-goal-period-v2
    .mct-goal-period-percent{
        top:7px !important;

        font-size:10px !important;
    }

}


/* =========================================================
   GOLS POR PERÍODO — REAL DATA
   ========================================================= */

.mct-goal-period-item strong small{
    margin-left:5px;
    font-size:11px;
    font-weight:700;
    opacity:.55;
}

.mct-goal-period-track>i{
    width:var(--value, 0%);
}

[data-goal-bars][hidden]{
    display:none !important;
}

.mct-goal-period-tabs button{
    cursor:pointer;
}

.mct-goal-period-info strong{
    font-weight:600;
    color:inherit;
}

@media (max-width:760px){

    .mct-goal-period-item strong{
        white-space:nowrap;
    }

    .mct-goal-period-item strong small{
        font-size:10px;
        margin-left:3px;
    }

}


/* =========================================================
   GOLS POR PERÍODO — REAL DATA FINAL FIX
   ========================================================= */

/*
 * Chart structure
 */
.mct-goal-period-v2
.mct-goal-period-chart-v2{
    display:block !important;
}

.mct-goal-period-v2
.mct-goal-period-plot{
    position:relative !important;

    width:100% !important;
    height:100% !important;

    padding:0 !important;
}


/*
 * Six equal columns
 */
.mct-goal-period-v2
.mct-goal-period-bars-v2{
    position:relative !important;
    z-index:2 !important;

    width:100% !important;
    height:100% !important;

    display:grid !important;

    grid-template-columns:
        repeat(6, minmax(0, 1fr)) !important;

    align-items:end !important;

    gap:10px !important;
}


/*
 * One period
 *
 * row 1 = value
 * row 2 = vertical bar
 * row 3 = period label
 */
.mct-goal-period-v2
.mct-goal-period-item{
    position:relative !important;

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

    display:grid !important;

    grid-template-rows:
        20px
        minmax(0, 1fr)
        25px !important;

    align-items:end !important;
    justify-items:center !important;
}


/*
 * REAL VALUE
 */
.mct-goal-period-v2
.mct-goal-period-item>strong{
    visibility:visible !important;

    width:100% !important;
    height:20px !important;

    margin:0 !important;

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

    gap:4px !important;

    font-family:
        Rajdhani,
        Arial,
        sans-serif !important;

    font-size:13px !important;
    line-height:20px !important;
    font-weight:800 !important;

    color:#13263e !important;

    white-space:nowrap !important;
}


/*
 * Percentage beside value
 */
.mct-goal-period-v2
.mct-goal-period-item>strong small{
    margin:0 !important;

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

    color:#8b9bad !important;

    opacity:1 !important;
}


/*
 * Vertical track
 */
.mct-goal-period-v2
.mct-goal-period-track{
    position:relative !important;

    width:32px !important;
    max-width:32px !important;
    height:100% !important;

    min-height:0 !important;

    align-self:stretch !important;

    overflow:visible !important;

    border-radius:
        7px
        7px
        3px
        3px !important;

    background:
        linear-gradient(
            180deg,
            rgba(238,243,246,.72),
            rgba(247,249,250,.36)
        ) !important;
}


/*
 * REAL BAR
 */
.mct-goal-period-v2
.mct-goal-period-track>i{
    position:absolute !important;

    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;

    width:100% !important;

    height:
        max(
            0px,
            var(--value, 0%)
        ) !important;

    min-height:0 !important;

    display:block !important;

    transform:none !important;

    border-radius:
        7px
        7px
        3px
        3px !important;
}


/*
 * Zero means zero — no fake visible bar.
 */
.mct-goal-period-v2
.mct-goal-period-track>i[style*="--value:0.00%"]{
    height:0 !important;

    box-shadow:none !important;
}


/*
 * Period label
 */
.mct-goal-period-v2
.mct-goal-period-item>span{
    width:100% !important;
    height:25px !important;

    padding:7px 0 0 !important;

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

    font-family:
        Rajdhani,
        Arial,
        sans-serif !important;

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

    color:#73859a !important;

    white-space:nowrap !important;
}


/*
 * Remove old baseline because the bars now
 * provide their own clear baseline.
 */
.mct-goal-period-v2
.mct-goal-period-plot::after{
    left:0 !important;
    right:0 !important;

    bottom:25px !important;

    z-index:1 !important;
}


/*
 * Hide old axis/grid pieces if any remain.
 * Real values are shown directly above bars.
 */
.mct-goal-period-v2
.mct-goal-period-axis{
    display:none !important;
}

.mct-goal-period-v2
.mct-goal-period-grid{
    display:none !important;
}


/*
 * Tab switching
 */
.mct-goal-period-v2
[data-goal-bars][hidden]{
    display:none !important;
}


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

@media(max-width:760px){

    .mct-goal-period-v2
    .mct-goal-period-chart-v2{
        height:205px !important;

        padding:
            16px
            12px
            3px !important;
    }


    .mct-goal-period-v2
    .mct-goal-period-bars-v2{
        gap:6px !important;
    }


    .mct-goal-period-v2
    .mct-goal-period-item{
        grid-template-rows:
            20px
            minmax(0, 1fr)
            24px !important;
    }


    .mct-goal-period-v2
    .mct-goal-period-track{
        width:28px !important;
        max-width:28px !important;
    }


    .mct-goal-period-v2
    .mct-goal-period-item>strong{
        font-size:12px !important;
    }


    .mct-goal-period-v2
    .mct-goal-period-item>strong small{
        display:block !important;

        font-size:7px !important;
    }


    .mct-goal-period-v2
    .mct-goal-period-item>span{
        font-size:7px !important;
    }

}


/* =========================================================
   GOLS POR PERÍODO — FIG 1 VISUAL
   ========================================================= */

.mct-goal-period-v2
.mct-goal-period-chart-v2{
    position:relative !important;

    height:250px !important;

    padding:
        22px
        14px
        4px !important;

    overflow:hidden !important;

    background:
        linear-gradient(
            180deg,
            rgba(248,251,252,.72) 0%,
            rgba(255,255,255,.96) 100%
        ) !important;
}


/* horizontal chart guides */
.mct-goal-period-v2
.mct-goal-period-chart-v2::before{
    content:"";

    position:absolute;

    left:14px;
    right:14px;

    top:44px;
    bottom:37px;

    pointer-events:none;

    background:
        repeating-linear-gradient(
            to bottom,

            transparent 0,
            transparent calc(33.333% - 1px),

            rgba(174,190,203,.42)
                calc(33.333% - 1px),

            rgba(174,190,203,.42)
                33.333%
        );

    opacity:.7;
}


/* solid bottom baseline */
.mct-goal-period-v2
.mct-goal-period-chart-v2::after{
    content:"";

    position:absolute;

    left:14px;
    right:14px;
    bottom:33px;

    height:1px;

    background:#cbd6df;

    z-index:1;
}


.mct-goal-period-v2
.mct-goal-period-plot{
    position:relative !important;
    z-index:2 !important;

    width:100% !important;
    height:100% !important;
}


.mct-goal-period-v2
.mct-goal-period-bars-v2{
    width:100% !important;
    height:100% !important;

    display:grid !important;

    grid-template-columns:
        repeat(6, minmax(0, 1fr)) !important;

    gap:14px !important;

    align-items:end !important;
}


.mct-goal-period-v2
.mct-goal-period-item{
    position:relative !important;

    height:100% !important;

    display:grid !important;

    grid-template-rows:
        28px
        minmax(0, 1fr)
        32px !important;

    align-items:end !important;
    justify-items:center !important;
}


/* =========================================================
   VALUE ABOVE BAR
   ========================================================= */

.mct-goal-period-v2
.mct-goal-period-item>strong{
    visibility:visible !important;

    position:relative !important;
    z-index:4 !important;

    width:100% !important;
    height:28px !important;

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

    margin:0 !important;

    font-family:
        "Barlow Condensed",
        Rajdhani,
        sans-serif !important;

    font-size:16px !important;
    line-height:1 !important;
    font-weight:800 !important;

    color:#101c2d !important;
}


/* old percentage beside number → hidden */
.mct-goal-period-v2
.mct-goal-period-item>strong small{
    display:none !important;
}


/* =========================================================
   BAR BACKGROUND
   ========================================================= */

.mct-goal-period-v2
.mct-goal-period-track{
    position:relative !important;

    width:100% !important;
    max-width:58px !important;
    height:100% !important;

    overflow:visible !important;

    align-self:stretch !important;

    border-radius:
        8px
        8px
        0
        0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(241,245,247,.95) 0%,
            rgba(247,249,250,.70) 100%
        ) !important;

    box-shadow:
        inset
        0 0 0 1px
        rgba(224,231,236,.35) !important;
}


/* =========================================================
   REAL GREEN BAR
   ========================================================= */

.mct-goal-period-v2
.mct-goal-period-track>i{
    position:absolute !important;

    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;

    width:100% !important;

    height:var(--value, 0%) !important;

    display:block !important;

    min-height:0 !important;

    border-radius:
        8px
        8px
        0
        0 !important;

    background:
        linear-gradient(
            180deg,
            #02bf61 0%,
            #09bf68 55%,
            #48cf8b 100%
        ) !important;

    box-shadow:
        inset
        0 1px 0
        rgba(255,255,255,.28),
        0 5px 12px
        rgba(0,185,95,.10) !important;
}


/* remove decorative fake highlights */
.mct-goal-period-v2
.mct-goal-period-track>i::before{
    display:none !important;
}


/* percentage INSIDE green bar */
.mct-goal-period-v2
.mct-goal-period-track>i::after{
    content:attr(data-pct) !important;

    position:absolute !important;

    left:0 !important;
    right:0 !important;

    top:12px !important;
    bottom:auto !important;

    width:auto !important;
    height:auto !important;

    display:block !important;

    background:none !important;

    filter:none !important;

    text-align:center !important;

    font-family:
        Rajdhani,
        Arial,
        sans-serif !important;

    font-size:11px !important;
    line-height:1 !important;
    font-weight:700 !important;

    color:
        rgba(255,255,255,.88) !important;

    z-index:3 !important;
}


/* don't print percentage for zero bar */
.mct-goal-period-v2
.mct-goal-period-track>i[style*="--value:0.00%"]::after{
    content:"" !important;
}


/* =========================================================
   PERIOD LABEL
   ========================================================= */

.mct-goal-period-v2
.mct-goal-period-item>span{
    position:relative !important;
    z-index:4 !important;

    width:100% !important;
    height:32px !important;

    padding-top:10px !important;

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

    font-family:
        Rajdhani,
        Arial,
        sans-serif !important;

    font-size:10px !important;
    line-height:1 !important;
    font-weight:600 !important;

    color:#61758c !important;

    white-space:nowrap !important;
}


/* old plot baseline */
.mct-goal-period-v2
.mct-goal-period-plot::after{
    display:none !important;
}


/* =========================================================
   HEADER MORE LIKE REFERENCE
   ========================================================= */

.mct-goal-period-v2
.mct-goal-period-head{
    min-height:82px !important;

    padding:
        18px
        18px
        14px !important;
}


.mct-goal-period-v2
.mct-goal-period-head h2{
    font-size:15px !important;
}


.mct-goal-period-v2
.mct-goal-period-head p{
    margin-top:6px !important;

    font-size:10px !important;
}


/* =========================================================
   INFO
   ========================================================= */

.mct-goal-period-v2
.mct-goal-period-info{
    margin:
        12px
        14px
        14px !important;

    min-height:46px !important;

    padding:
        10px
        12px !important;
}


.mct-goal-period-v2
.mct-goal-period-info p{
    font-size:10px !important;
}


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

@media(max-width:760px){

    .mct-goal-period-v2
    .mct-goal-period-head{
        min-height:68px !important;

        padding:
            11px
            12px !important;
    }


    .mct-goal-period-v2
    .mct-goal-period-head h2{
        font-size:15px !important;
    }


    .mct-goal-period-v2
    .mct-goal-period-head p{
        font-size:10px !important;
    }


    .mct-goal-period-v2
    .mct-goal-period-chart-v2{
        height:215px !important;

        padding:
            18px
            10px
            2px !important;
    }


    .mct-goal-period-v2
    .mct-goal-period-chart-v2::before{
        left:10px;
        right:10px;

        top:40px;
        bottom:34px;
    }


    .mct-goal-period-v2
    .mct-goal-period-chart-v2::after{
        left:10px;
        right:10px;

        bottom:30px;
    }


    .mct-goal-period-v2
    .mct-goal-period-bars-v2{
        gap:8px !important;
    }


    .mct-goal-period-v2
    .mct-goal-period-item{
        grid-template-rows:
            24px
            minmax(0,1fr)
            29px !important;
    }


    .mct-goal-period-v2
    .mct-goal-period-item>strong{
        height:24px !important;

        font-size:14px !important;
    }


    .mct-goal-period-v2
    .mct-goal-period-track{
        max-width:43px !important;
    }


    .mct-goal-period-v2
    .mct-goal-period-track>i::after{
        top:8px !important;

        font-size:9px !important;
    }


    .mct-goal-period-v2
    .mct-goal-period-item>span{
        height:29px !important;

        padding-top:8px !important;

        font-size:10px !important;
    }


    .mct-goal-period-v2
    .mct-goal-period-info{
        margin:
            8px
            10px
            10px !important;
    }

}


/* =========================================================
   ÚLTIMOS JOGOS — FINAL LAYOUT
   DATE | HOME + LOGO | SCORE | LOGO + AWAY | RESULT
   ========================================================= */

/* ---------------------------------------------------------
   HEADER
   --------------------------------------------------------- */

.mct-clsd-card:has(.mct-clsd-recent) > header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:12px !important;

    min-height:58px !important;

    padding:
        0
        16px !important;
}


.mct-clsd-card:has(.mct-clsd-recent) > header h2{
    margin:0 !important;

    flex:1 1 auto !important;

    font-family:
        "Barlow Condensed",
        sans-serif !important;

    font-size:15px !important;
    font-weight:600 !important;

    color:#102239 !important;
}


.mct-clsd-card:has(.mct-clsd-recent) > header a{
    flex:0 0 auto !important;

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

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

    white-space:nowrap !important;

    font-family:
        Rajdhani,
        Arial,
        sans-serif !important;

    font-size:14px !important;
    font-weight:700 !important;

    color:#006cff !important;

    background:none !important;
    border:0 !important;
}


/* ---------------------------------------------------------
   MATCH LIST
   --------------------------------------------------------- */

.mct-clsd-recent{
    display:block !important;

    padding:
        0
        12px
        12px !important;
}


/*
 * DATE | HOME | SCORE | AWAY | RESULT
 */
.mct-clsd-recent > div{
    width:100% !important;

    min-height:48px !important;

    display:grid !important;

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

    align-items:center !important;

    column-gap:8px !important;

    padding:
        7px
        4px !important;

    border-bottom:
        1px solid
        #edf1f4 !important;
}


.mct-clsd-recent > div:last-child{
    border-bottom:0 !important;
}


/* ---------------------------------------------------------
   DATE
   --------------------------------------------------------- */

.mct-clsd-recent > div > small{
    min-width:0 !important;

    margin:0 !important;

    display:block !important;

    font-family:
        Rajdhani,
        Arial,
        sans-serif !important;

    font-size:11px !important;
    line-height:1 !important;
    font-weight:600 !important;

    color:#8090a3 !important;

    white-space:nowrap !important;
}


/* ---------------------------------------------------------
   TEAM CELLS
   --------------------------------------------------------- */

.mct-clsd-recent > div > span{
    min-width:0 !important;

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

    gap:6px !important;

    font-family:
        Rajdhani,
        Arial,
        sans-serif !important;

    font-size:12px !important;
    line-height:1.1 !important;
    font-weight:600 !important;

    color:#263a52 !important;

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


/*
 * HOME:
 * existing markup = LOGO + NAME
 * reverse visually => NAME + LOGO
 */
.mct-clsd-recent > div > span:nth-of-type(1){
    flex-direction:row-reverse !important;

    justify-content:flex-start !important;

    text-align:right !important;
}


/*
 * AWAY:
 * LOGO + NAME
 */
.mct-clsd-recent > div > span:nth-of-type(2){
    flex-direction:row !important;

    justify-content:flex-start !important;

    text-align:left !important;
}


/* logos */
.mct-clsd-recent > div > span img{
    width:20px !important;
    height:20px !important;

    flex:0 0 20px !important;

    margin:0 !important;

    object-fit:contain !important;
}


/* ---------------------------------------------------------
   SCORE
   --------------------------------------------------------- */

.mct-clsd-recent > div > strong{
    width:42px !important;

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

    margin:0 !important;

    font-family:
        Rajdhani,
        Arial,
        sans-serif !important;

    font-size:13px !important;
    line-height:1 !important;
    font-weight:800 !important;

    color:#102239 !important;

    white-space:nowrap !important;
}


/* ---------------------------------------------------------
   RESULT V / E / D
   --------------------------------------------------------- */

.mct-clsd-recent > div > b{
    width:22px !important;
    height:22px !important;

    justify-self:end !important;

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

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

    border-radius:5px !important;

    font-family:
        Rajdhani,
        Arial,
        sans-serif !important;

    font-size:11px !important;
    line-height:1 !important;
    font-weight:800 !important;

    color:#fff !important;
}


/* vitória */
.mct-clsd-recent > div > b.is-v{
    background:#00bd62 !important;
}


/* derrota */
.mct-clsd-recent > div > b.is-d{
    background:#f44355 !important;
}


/* empate */
.mct-clsd-recent > div > b.is-e{
    background:#9ba8b6 !important;
}


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

@media(max-width:760px){

    .mct-clsd-card:has(.mct-clsd-recent) > header{
        min-height:52px !important;

        padding:
            0
            12px !important;
    }


    .mct-clsd-card:has(.mct-clsd-recent) > header h2{
        font-size:15px !important;
    }


    .mct-clsd-card:has(.mct-clsd-recent) > header a{
        font-size:11px !important;
    }


    .mct-clsd-recent{
        padding:
            0
            8px
            8px !important;
    }


    .mct-clsd-recent > div{
        min-height:45px !important;

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

        column-gap:5px !important;

        padding:
            6px
            2px !important;
    }


    .mct-clsd-recent > div > small{
        font-size:11px !important;
    }


    .mct-clsd-recent > div > span{
        gap:4px !important;

        font-size:12px !important;
    }


    .mct-clsd-recent > div > span img{
        width:18px !important;
        height:18px !important;

        flex-basis:18px !important;
    }


    .mct-clsd-recent > div > strong{
        width:36px !important;

        font-size:13px !important;
    }


    .mct-clsd-recent > div > b{
        width:20px !important;
        height:20px !important;

        font-size:11px !important;
    }

}