.mct-team-page{
    --mct-green:#08b64b;
    --mct-green-soft:#effaf3;
    --mct-dark:#06181f;
    --mct-dark-2:#08252d;
    --mct-text:#071426;
    --mct-muted:#718197;
    --mct-line:#dfe7ed;
    --mct-soft-line:#edf1f4;

    background:#fff;
    color:var(--mct-text);
}

.mct-team-page *,
.mct-team-page *::before,
.mct-team-page *::after{
    box-sizing:border-box;
}

.mct-team-shell{
    width:min(1380px,calc(100% - 48px));
    margin:0 auto;
}


/* ==========================
   Typography
   ========================== */

.mct-team-page,
.mct-team-page a,
.mct-team-page button,
.mct-team-page span,
.mct-team-page small,
.mct-team-page p{
    font-family:
        Rajdhani,
        "Arial Narrow",
        Arial,
        sans-serif;
}

.mct-team-page h1,
.mct-team-page h2,
.mct-team-page h3,
.mct-team-page strong{
    font-family:
        "Barlow Condensed",
        "Arial Narrow",
        Arial,
        sans-serif;
}


/* ==========================
   Hero
   ========================== */

.mct-team-hero{
    background:
        radial-gradient(
            circle at 82% 5%,
            rgba(16,183,84,.12),
            transparent 28%
        ),
        linear-gradient(
            115deg,
            #06181f,
            #08252d
        );
    color:#fff;
}

.mct-team-breadcrumb{
    height:44px;
    display:flex;
    align-items:center;
    gap:7px;
    color:rgba(255,255,255,.58);
    font-size:10px;
}

.mct-team-breadcrumb a{
    color:rgba(255,255,255,.7);
    text-decoration:none;
}

.mct-team-breadcrumb svg{
    width:11px;
    height:11px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
}

.mct-team-hero-main{
    position:relative;
    min-height:170px;
    display:flex;
    align-items:center;
    gap:23px;
    overflow:hidden;
    padding:17px 0 26px;
}

.mct-team-hero-logo{
    position:relative;
    z-index:2;
    width:100px;
    height:100px;
    flex:0 0 100px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.mct-team-hero-logo img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}

.mct-team-hero-copy{
    position:relative;
    z-index:2;
}

.mct-team-hero-copy h1{
    margin:0 0 9px;
    color:#fff;
    font-size:32px;
    line-height:1;
    font-weight:700;
}

.mct-team-hero-meta{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    color:rgba(255,255,255,.78);
    font-size:12px;
}

.mct-team-hero-meta span{
    display:flex;
    align-items:center;
    gap:6px;
}

.mct-team-hero-meta img{
    width:18px;
    height:18px;
    object-fit:contain;
}

.mct-team-actions{
    display:flex;
    gap:8px;
    margin-top:16px;
}

.mct-team-actions button{
    height:35px;
    display:flex;
    align-items:center;
    gap:6px;
    padding:0 12px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:7px;
    background:rgba(255,255,255,.035);
    color:#fff;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
}

.mct-team-actions svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mct-team-hero-watermark{
    position:absolute;
    right:40px;
    top:50%;
    width:210px;
    height:210px;
    transform:translateY(-50%);
    object-fit:contain;
    opacity:.045;
    filter:grayscale(1) brightness(4);
    pointer-events:none;
}


/* ==========================
   Navigator
   ========================== */

.mct-team-nav{
    border-top:1px solid rgba(255,255,255,.07);
    background:rgba(0,0,0,.12);
}

.mct-team-nav .mct-team-shell{
    display:flex;
    overflow-x:auto;
    scrollbar-width:none;
}

.mct-team-nav .mct-team-shell::-webkit-scrollbar{
    display:none;
}

.mct-team-nav a{
    position:relative;
    flex:0 0 auto;
    height:50px;
    display:flex;
    align-items:center;
    padding:0 22px;
    color:rgba(255,255,255,.65);
    text-decoration:none;
    font-size:10px;
    font-weight:650;
}

.mct-team-nav a:first-child{
    padding-left:0;
}

.mct-team-nav a.is-active{
    color:#fff;
}

.mct-team-nav a.is-active::after{
    content:"";
    position:absolute;
    left:22px;
    right:22px;
    bottom:0;
    height:3px;
    border-radius:3px 3px 0 0;
    background:var(--mct-green);
}

.mct-team-nav a:first-child.is-active::after{
    left:0;
}


/* ==========================
   Overview
   ========================== */

.mct-team-overview{
    padding:24px 0 45px;
    background:#f8fafb;
}

.mct-team-stat-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:10px;
}

.mct-team-stat-grid article{
    min-width:0;
    min-height:112px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:14px 16px;
    border:1px solid var(--mct-line);
    border-radius:9px;
    background:#fff;
}

.mct-team-stat-grid article > span{
    color:#8190a4;
    font-size:11px;
    font-weight:600;
    letter-spacing:.06em;
}

.mct-team-stat-grid strong{
    margin-top:5px;
    color:#07192e;
    font-size:28px;
    line-height:1;
}

.mct-team-stat-grid small{
    margin-top:7px;
    color:#72839a;
    font-size:11px;
}

.mct-team-overview-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:12px;
    margin-top:12px;
}

.mct-team-panel{
    min-width:0;
    min-height:290px;
    overflow:hidden;
    border:1px solid var(--mct-line);
    border-radius:9px;
    background:#fff;
}

.mct-team-panel > header{
    min-height:66px;
    display:flex;
    align-items:center;
    padding:12px 15px;
    border-bottom:1px solid var(--mct-soft-line);
}

.mct-team-panel header span,
.mct-season-snapshot header span{
    color:var(--mct-green);
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
}

.mct-team-panel h2,
.mct-season-snapshot h2{
    margin:3px 0 0;
    color:#07182b;
    font-size:18px;
    line-height:1;
}


/* Next match */

.mct-next-match-date{
    padding:13px 15px 0;
    color:#697d96;
    text-align:center;
    font-size:10px;
}

.mct-next-match{
    min-height:185px;
    display:grid;
    grid-template-columns:1fr 28px 1fr;
    align-items:center;
    gap:6px;
    padding:10px 17px 20px;
}

.mct-next-match > div{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:9px;
    text-align:center;
}

.mct-next-match img{
    width:62px;
    height:62px;
    object-fit:contain;
}

.mct-next-match strong{
    max-width:100%;
    font-size:13px;
}

.mct-next-match > span{
    color:#8190a0;
    text-align:center;
    font-size:16px;
}


/* Last matches */

.mct-last-matches{
    padding:4px 14px;
}

.mct-last-match{
    min-height:43px;
    display:grid;
    grid-template-columns:25px minmax(0,1fr) 38px;
    gap:8px;
    align-items:center;
    border-bottom:1px solid var(--mct-soft-line);
}

.mct-last-match:last-child{
    border-bottom:0;
}

.mct-result{
    width:22px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    font-size:11px;
    font-weight:700;
}

.mct-result.is-v{
    background:#eaf8ef;
    color:#089b45;
}

.mct-result.is-e{
    background:#eef2f5;
    color:#758398;
}

.mct-result.is-d{
    background:#fff0f0;
    color:#d44f4f;
}

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

.mct-last-opponent img{
    width:24px;
    height:24px;
    object-fit:contain;
}

.mct-last-opponent strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:10px;
}

.mct-last-match > b{
    text-align:right;
    font-family:
        Rajdhani,
        "Arial Narrow",
        Arial,
        sans-serif;
    font-size:10px;
}


/* Team info */

.mct-team-info-list{
    display:grid;
    grid-template-columns:1fr 1fr;
}

.mct-team-info-list > div{
    min-height:56px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:9px 14px;
    border-right:1px solid var(--mct-soft-line);
    border-bottom:1px solid var(--mct-soft-line);
}

.mct-team-info-list > div:nth-child(2n){
    border-right:0;
}

.mct-team-info-list span{
    color:#8a97a7;
    font-size:11px;
    text-transform:uppercase;
}

.mct-team-info-list strong{
    margin-top:3px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#1b3048;
    font-size:11px;
}


/* Season snapshot */

.mct-season-snapshot{
    margin-top:12px;
    overflow:hidden;
    border:1px solid var(--mct-line);
    border-radius:9px;
    background:#fff;
}

.mct-season-snapshot > header{
    min-height:62px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:11px 15px;
    border-bottom:1px solid var(--mct-soft-line);
}

.mct-season-snapshot header > b{
    padding:5px 9px;
    border-radius:5px;
    background:#f1f5f7;
    color:#64768c;
    font-family:
        Rajdhani,
        "Arial Narrow",
        Arial,
        sans-serif;
    font-size:11px;
}

.mct-season-data{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.mct-season-data > div{
    min-height:82px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:12px 16px;
    border-right:1px solid var(--mct-soft-line);
}

.mct-season-data > div:last-child{
    border-right:0;
}

.mct-season-data span{
    color:#8b98a8;
    font-size:11px;
}

.mct-season-data strong{
    margin-top:4px;
    color:#172c43;
    font-size:18px;
}

.mct-season-data strong.is-positive{
    color:#079843;
}

.mct-panel-empty,
.mct-team-error{
    padding:38px 20px;
    color:#7d8da0;
    text-align:center;
    font-size:11px;
}

.mct-team-error{
    margin:40px 0;
    border:1px solid var(--mct-line);
    border-radius:9px;
}

.mct-team-error strong{
    display:block;
    color:#172b42;
    font-size:18px;
}

.mct-team-error a{
    display:inline-block;
    margin-top:10px;
    color:var(--mct-green);
}


/* ==========================
   Tablet
   ========================== */

@media(max-width:1100px){

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

    .mct-team-overview-grid{
        grid-template-columns:1fr 1fr;
    }

    .mct-team-panel:last-child{
        grid-column:1/-1;
    }
}


/* ==========================
   Mobile
   ========================== */

@media(max-width:767px){

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

    .mct-team-breadcrumb{
        height:36px;
    }

    .mct-team-hero-main{
        min-height:132px;
        gap:14px;
        padding:12px 0 17px;
    }

    .mct-team-hero-logo{
        width:72px;
        height:72px;
        flex-basis:72px;
    }

    .mct-team-hero-copy h1{
        margin-bottom:6px;
        font-size:24px;
    }

    .mct-team-hero-meta{
        gap:9px;
        font-size:11px;
    }

    .mct-team-hero-meta img{
        width:15px;
        height:15px;
    }

    .mct-team-actions{
        margin-top:11px;
    }

    .mct-team-actions button{
        height:31px;
        padding:0 10px;
        font-size:11px;
    }

    .mct-team-hero-watermark{
        right:-25px;
        width:140px;
        height:140px;
    }

    .mct-team-nav{
        margin-left:-10px;
        margin-right:-10px;
    }

    .mct-team-nav .mct-team-shell{
        width:100%;
        padding:0 10px;
    }

    .mct-team-nav a{
        height:46px;
        padding:0 16px;
        font-size:11px;
    }

    .mct-team-nav a:first-child{
        padding-left:7px;
    }

    .mct-team-nav a.is-active::after{
        left:12px;
        right:12px;
    }

    .mct-team-nav a:first-child.is-active::after{
        left:7px;
    }

    .mct-team-overview{
        padding-top:14px;
    }

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

    .mct-team-stat-grid article{
        min-height:93px;
        padding:11px 12px;
    }

    .mct-team-stat-grid strong{
        font-size:24px;
    }

    .mct-team-overview-grid{
        grid-template-columns:1fr;
        gap:9px;
        margin-top:9px;
    }

    .mct-team-panel{
        min-height:0;
    }

    .mct-team-panel:last-child{
        grid-column:auto;
    }

    .mct-next-match{
        min-height:165px;
    }

    .mct-team-info-list > div{
        min-height:52px;
    }

    .mct-season-data{
        grid-template-columns:repeat(2,1fr);
    }

    .mct-season-data > div{
        min-height:70px;
        border-bottom:1px solid var(--mct-soft-line);
    }

    .mct-season-data > div:nth-child(2n){
        border-right:0;
    }

    .mct-season-data > div:nth-last-child(-n+2){
        border-bottom:0;
    }
}

/* =========================================================
   TEAM OVERVIEW V2
   Align visual system with league pages
   ========================================================= */

/* -----------------------------------------
   Overall density
   ----------------------------------------- */

.mct-team-overview{
    background:#fff !important;
    padding-top:20px !important;
}

.mct-team-overview > .mct-team-shell{
    display:block;
}


/* -----------------------------------------
   Hero — more like league entity header
   ----------------------------------------- */

.mct-team-hero{
    background:
        linear-gradient(
            115deg,
            #06171d 0%,
            #082126 100%
        ) !important;
}

.mct-team-breadcrumb{
    height:34px !important;
    opacity:.9;
}

.mct-team-hero-main{
    min-height:135px !important;
    padding:9px 0 18px !important;
    gap:18px !important;
}

.mct-team-hero-logo{
    width:86px !important;
    height:86px !important;
    flex-basis:86px !important;
}

.mct-team-hero-copy h1{
    font-size:30px !important;
    margin-bottom:7px !important;
}

.mct-team-hero-meta{
    gap:12px !important;
}

.mct-team-actions{
    margin-top:12px !important;
}

.mct-team-actions button{
    height:34px !important;
    border-radius:6px !important;
}

.mct-team-hero-watermark{
    width:190px !important;
    height:190px !important;
    right:30px !important;
    opacity:.035 !important;
}


/* -----------------------------------------
   Navigator
   ----------------------------------------- */

.mct-team-nav a{
    height:47px !important;
    padding:0 21px !important;
    font-size:10px !important;
}

.mct-team-nav a.is-active::after{
    height:2px !important;
}


/* -----------------------------------------
   Six summary cards
   ----------------------------------------- */

.mct-team-stat-grid{
    gap:8px !important;
}

.mct-team-stat-grid article{
    min-height:96px !important;
    padding:12px 14px !important;
    border-radius:8px !important;
}

.mct-team-stat-grid article > span{
    font-size:11px !important;
}

.mct-team-stat-grid article strong{
    margin-top:4px !important;
    font-size:11px !important;
}

.mct-team-stat-grid article small{
    margin-top:5px !important;
    font-size:10px !important;
}


/* -----------------------------------------
   Main dashboard:
   Próximo jogo + Últimos jogos
   Information moved visually after data panels
   ----------------------------------------- */

.mct-team-overview-grid{
    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr)
        minmax(0,.9fr) !important;

    gap:10px !important;
    margin-top:10px !important;
}

.mct-team-panel{
    min-height:245px !important;
    border-radius:8px !important;
}

.mct-team-panel > header{
    min-height:55px !important;
    padding:10px 13px !important;
}

.mct-team-panel h2{
    font-size:17px !important;
}


/* Empty next-match state should not look broken */

.mct-team-panel .mct-panel-empty{
    min-height:105px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px !important;
}


/* Next match */

.mct-next-match-date{
    padding-top:10px !important;
}

.mct-next-match{
    min-height:165px !important;
}

.mct-next-match img{
    width:52px !important;
    height:52px !important;
}


/* Last results */

.mct-last-match{
    min-height:37px !important;
}

.mct-last-opponent img{
    width:22px !important;
    height:22px !important;
}


/* Club information less visually dominant */

.mct-team-info-list > div{
    min-height:47px !important;
    padding:7px 12px !important;
}


/* -----------------------------------------
   Compact league standing
   ----------------------------------------- */

.mct-team-standing-panel{
    margin-top:10px;
    overflow:hidden;
    border:1px solid var(--mct-line);
    border-radius:8px;
    background:#fff;
}

.mct-team-section-head{
    min-height:57px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:10px 14px;
    border-bottom:1px solid var(--mct-soft-line);
}

.mct-team-section-head > div{
    min-width:0;
}

.mct-team-section-head span{
    color:var(--mct-green);
    font-family:
        Rajdhani,
        "Arial Narrow",
        Arial,
        sans-serif;
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
}

.mct-team-section-head h2{
    margin:3px 0 0;
    color:#07182b;
    font-size:18px;
    line-height:1;
}

.mct-team-section-head > a{
    display:flex;
    align-items:center;
    gap:4px;
    color:#24704a;
    text-decoration:none;
    font-size:11px;
    font-weight:600;
}

.mct-team-section-head > a svg{
    width:12px;
    height:12px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
}


/* table */

.mct-mini-standing-head,
.mct-mini-standing-row{
    display:grid;
    grid-template-columns:
        34px
        minmax(0,1fr)
        45px
        48px
        48px;

    align-items:center;
}

.mct-mini-standing-head{
    min-height:31px;
    padding:0 11px;
    border-bottom:1px solid var(--mct-soft-line);
    background:#fafbfc;
    color:#8a98a8;
    font-size:11px;
}

.mct-mini-standing-row{
    position:relative;
    min-height:48px;
    padding:0 11px;
    border-bottom:1px solid var(--mct-soft-line);
    font-family:
        Rajdhani,
        "Arial Narrow",
        Arial,
        sans-serif;
    font-size:11px;
}

.mct-mini-standing-row:last-child{
    border-bottom:0;
}

.mct-mini-standing-row.is-current{
    background:#f4fbf6;
}

.mct-mini-standing-row.is-current::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:3px;
    background:var(--mct-green);
}

.mct-mini-standing-row > b{
    color:#17304a;
    font-size:11px;
}

.mct-mini-standing-team{
    min-width:0;
    display:flex;
    align-items:center;
    gap:8px;
}

.mct-mini-standing-team img{
    width:26px;
    height:26px;
    object-fit:contain;
}

.mct-mini-standing-team strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#11263e;
    font-family:
        "Barlow Condensed",
        "Arial Narrow",
        Arial,
        sans-serif;
    font-size:11px;
}


/* -----------------------------------------
   Season snapshot
   ----------------------------------------- */

.mct-season-snapshot{
    margin-top:10px !important;
    border-radius:8px !important;
}

.mct-season-snapshot > header{
    min-height:56px !important;
}

.mct-season-data > div{
    min-height:70px !important;
}


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

@media(max-width:767px){

    /* same compact feel as league page */

    .mct-team-breadcrumb{
        height:28px !important;
        font-size:11px !important;
    }

    .mct-team-hero-main{
        min-height:112px !important;
        gap:12px !important;
        padding:7px 0 13px !important;
    }

    .mct-team-hero-logo{
        width:67px !important;
        height:67px !important;
        flex-basis:67px !important;
    }

    .mct-team-hero-copy h1{
        font-size:23px !important;
    }

    .mct-team-hero-meta{
        font-size:11px !important;
    }

    .mct-team-actions{
        margin-top:9px !important;
    }

    .mct-team-actions button{
        height:30px !important;
        padding:0 9px !important;
        font-size:11px !important;
    }

    .mct-team-hero-watermark{
        width:120px !important;
        height:120px !important;
        right:-18px !important;
    }


    /* navigator exactly compact */

    .mct-team-nav a{
        height:44px !important;
        padding:0 15px !important;
        font-size:11px !important;
    }


    /* stats like league cards */

    .mct-team-overview{
        padding:14px 0 30px !important;
    }

    .mct-team-stat-grid{
        grid-template-columns:repeat(2,1fr) !important;
        gap:7px !important;
    }

    .mct-team-stat-grid article{
        min-height:92px !important;
        padding:11px 12px !important;
    }

    .mct-team-stat-grid article strong{
        font-size:11px !important;
    }


    /* data modules single-column */

    .mct-team-overview-grid{
        grid-template-columns:1fr !important;
        gap:8px !important;
        margin-top:8px !important;
    }

    .mct-team-panel{
        min-height:0 !important;
    }

    .mct-team-panel > header{
        min-height:52px !important;
    }


    /* No next match = compact state */

    .mct-team-panel .mct-panel-empty{
        min-height:78px !important;
    }

    .mct-next-match{
        min-height:145px !important;
    }


    /* Standings immediately feels like football data product */

    .mct-team-standing-panel{
        margin-top:8px !important;
    }

    .mct-team-section-head{
        min-height:53px;
        padding:9px 11px;
    }

    .mct-mini-standing-head,
    .mct-mini-standing-row{
        grid-template-columns:
            28px
            minmax(0,1fr)
            30px
            38px
            38px;
    }

    .mct-mini-standing-head{
        padding:0 8px;
    }

    .mct-mini-standing-row{
        min-height:46px;
        padding:0 8px;
    }

    .mct-mini-standing-team{
        gap:6px;
    }

    .mct-mini-standing-team img{
        width:24px;
        height:24px;
    }

    .mct-mini-standing-team strong{
        font-size:10px;
    }


    /* Information panel becomes less dominant */

    .mct-team-info-list{
        grid-template-columns:repeat(2,1fr) !important;
    }

    .mct-team-info-list > div{
        min-height:46px !important;
    }


    .mct-season-snapshot{
        margin-top:8px !important;
    }
}

/* =========================================================
   TEAM HERO V3
   Match MC Competitions hero structure
   ========================================================= */

.mct-team-page{
    --mct-green:#52d31d;
}


/* ---------------------------------------------------------
   DESKTOP HERO
   Same proportions as league header
   --------------------------------------------------------- */

.mct-team-hero{
    position:relative !important;
    overflow:hidden !important;
    color:#fff !important;

    background:
        radial-gradient(
            circle at 72% 35%,
            rgba(71,153,120,.13),
            transparent 38%
        ),
        linear-gradient(
            120deg,
            #071014,
            #0b181d
        ) !important;
}

.mct-team-hero::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            transparent 58%,
            rgba(255,255,255,.025)
        );
}


/* Breadcrumb = league desktop */

.mct-team-breadcrumb{
    position:relative;
    z-index:2;

    height:auto !important;
    min-height:48px !important;

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

    gap:8px !important;

    color:#96a1a7 !important;

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

    font-size:13px !important;
}

.mct-team-breadcrumb a{
    color:inherit !important;
}

.mct-team-breadcrumb > span:last-child{
    color:#cbd2d5 !important;
}


/* Hero:
   logo | copy | actions
*/

.mct-team-hero-main{
    position:relative !important;
    z-index:2 !important;

    min-height:160px !important;

    display:grid !important;

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

    align-items:center !important;

    column-gap:22px !important;

    padding:
        12px
        0
        26px !important;
}


/* Logo = exactly league size */

.mct-team-hero-logo{
    width:82px !important;
    height:82px !important;

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

    flex:none !important;

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

.mct-team-hero-logo img{
    width:100% !important;
    height:100% !important;

    object-fit:contain !important;
}


/* Copy */

.mct-team-hero-copy{
    min-width:0 !important;
}

.mct-team-hero-copy h1{
    margin:0 !important;

    color:#fff !important;

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

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


/* Country + league line */

.mct-team-hero-meta{
    margin-top:8px !important;

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

    gap:14px !important;

    color:#aeb8bd !important;

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

    font-size:14px !important;
}

.mct-team-hero-meta span{
    display:flex !important;
    align-items:center !important;

    gap:7px !important;
}

.mct-team-hero-meta img{
    width:22px !important;
    height:18px !important;

    object-fit:contain !important;
}


/* ---------------------------------------------------------
   DESKTOP ACTIONS
   Same right-side concept as league
   --------------------------------------------------------- */

.mct-team-hero-actions{
    position:relative !important;
    z-index:3 !important;

    grid-column:3 !important;
    grid-row:1 !important;

    margin:0 !important;

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

    align-items:stretch !important;

    gap:8px !important;
}

.mct-team-hero-actions button{
    min-width:132px !important;
    min-height:38px !important;
    height:38px !important;

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

    gap:8px !important;

    padding:0 14px !important;

    border:
        1px solid
        #344048 !important;

    border-radius:6px !important;

    color:#fff !important;

    background:
        rgba(
            5,
            11,
            14,
            .45
        ) !important;

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

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

.mct-team-hero-actions svg{
    width:15px !important;
    height:15px !important;

    fill:none !important;
    stroke:currentColor !important;

    stroke-width:1.7 !important;
}


/* Watermark:
   keep it subtle,
   but don't interfere with identity
*/

.mct-team-hero-watermark{
    position:absolute !important;

    right:205px !important;
    top:50% !important;

    width:185px !important;
    height:185px !important;

    transform:
        translateY(-50%) !important;

    opacity:.035 !important;

    object-fit:contain !important;

    filter:
        grayscale(1)
        brightness(4) !important;

    pointer-events:none !important;
}


/* ---------------------------------------------------------
   NAV = LEAGUE TAB SYSTEM
   --------------------------------------------------------- */

.mct-team-nav{
    position:relative !important;
    z-index:5 !important;

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

    background:#091317 !important;
}

.mct-team-nav .mct-team-shell{
    display:flex !important;
    overflow-x:auto !important;

    scrollbar-width:none;
}

.mct-team-nav a{
    position:relative !important;

    min-width:max-content !important;

    height:56px !important;

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

    padding:
        0
        24px !important;

    color:#e0e4e6 !important;

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

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

    text-decoration:none !important;
}

.mct-team-nav a:first-child{
    padding-left:24px !important;
}

.mct-team-nav a.is-active{
    color:var(--mct-green) !important;
}

.mct-team-nav a.is-active::after{
    content:"";

    position:absolute !important;

    left:14px !important;
    right:14px !important;
    bottom:0 !important;

    height:3px !important;

    background:
        var(--mct-green) !important;

    border-radius:0 !important;
}


/* =========================================================
   MOBILE
   Follow league mobile behavior
   ========================================================= */

@media(max-width:760px){

    .mct-team-shell{
        width:
            calc(
                100% - 20px
            ) !important;
    }


    /* League hides breadcrumb completely */

    .mct-team-breadcrumb{
        display:none !important;
    }


    /* Keep hero at same league height */

    .mct-team-hero-main{
        min-height:160px !important;

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

        column-gap:18px !important;

        padding:
            24px
            0 !important;
    }


    .mct-team-hero-logo{
        width:62px !important;
        height:62px !important;

        min-width:62px !important;
        max-width:62px !important;
    }


    .mct-team-hero-copy h1{
        font-size:26px !important;
    }


    .mct-team-hero-meta{
        margin-top:7px !important;

        gap:10px !important;

        font-size:11px !important;
    }

    .mct-team-hero-meta img{
        width:18px !important;
        height:14px !important;
    }


    /*
     * Same as league mobile:
     * actions disappear.
     */

    .mct-team-hero-actions{
        display:none !important;
    }


    /*
     * Watermark only decorative.
     */

    .mct-team-hero-watermark{
        right:-22px !important;

        width:125px !important;
        height:125px !important;

        opacity:.03 !important;
    }


    /* Nav */

    .mct-team-nav .mct-team-shell{
        width:100% !important;
        padding:0 !important;
    }

    .mct-team-nav a,
    .mct-team-nav a:first-child{
        height:52px !important;

        padding:
            0
            16px !important;

        font-size:12px !important;
    }

    .mct-team-nav a.is-active::after{
        left:14px !important;
        right:14px !important;

        height:3px !important;
    }
}

/* =========================================================
   TEAM HERO V4 — FINAL
   Same product structure as current league hero
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.mct-team-hero{
    position:relative!important;
    overflow:hidden!important;

    color:#fff!important;

    background:
        radial-gradient(
            circle at 72% 35%,
            rgba(71,153,120,.13),
            transparent 38%
        ),
        linear-gradient(
            120deg,
            #071014,
            #0b181d
        )!important;
}


.mct-team-hero::after{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            transparent 58%,
            rgba(255,255,255,.025)
        );
}


/* ---------------------------------------------------------
   BREADCRUMB — DESKTOP
   --------------------------------------------------------- */

.mct-team-breadcrumb{
    position:relative!important;
    z-index:2!important;

    min-height:48px!important;
    height:auto!important;

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

    gap:8px!important;

    color:#96a1a7!important;

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

    font-size:13px!important;
}


.mct-team-breadcrumb a{
    color:inherit!important;
    text-decoration:none!important;
}


.mct-team-breadcrumb > span:last-child{
    color:#cbd2d5!important;
}


/* ---------------------------------------------------------
   HERO MAIN
   --------------------------------------------------------- */

.mct-team-hero-main{
    position:relative!important;
    z-index:2!important;

    min-height:160px!important;

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

    padding:
        12px
        0
        26px!important;
}


/* ---------------------------------------------------------
   BRAND
   LOGO + INFO + ACTIONS
   --------------------------------------------------------- */

.mct-team-brand{
    position:relative!important;

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

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

    gap:22px!important;
}


/* logo */

.mct-team-hero-logo{
    width:82px!important;
    height:82px!important;

    flex:
        0
        0
        82px!important;

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


.mct-team-hero-logo img{
    width:100%!important;
    height:100%!important;

    object-fit:contain!important;
}


/* info */

.mct-team-info{
    min-width:0!important;
}


.mct-team-info h1{
    margin:0!important;

    color:#fff!important;

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

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

    font-weight:700!important;
}


/* country + competition */

.mct-team-hero-meta{
    margin-top:8px!important;

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

    gap:14px!important;

    color:#aeb8bd!important;

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

    font-size:14px!important;
}


.mct-team-hero-meta span{
    display:inline-flex!important;
    align-items:center!important;

    gap:7px!important;
}


.mct-team-hero-meta img{
    width:22px!important;
    height:15px!important;

    object-fit:contain!important;
}


/* ---------------------------------------------------------
   SEASON BADGE
   Same visual language as league season/type
   --------------------------------------------------------- */

.mct-team-season-meta{
    margin-top:14px!important;

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


.mct-team-season-meta > span{
    min-height:38px!important;

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

    padding:
        0
        13px!important;

    border:
        1px solid
        rgba(255,255,255,.18)!important;

    border-radius:5px!important;

    background:
        rgba(255,255,255,.025)!important;

    color:#fff!important;

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

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

    text-transform:uppercase!important;
}


/* ---------------------------------------------------------
   ACTIONS — DESKTOP
   Current league = horizontal pair
   --------------------------------------------------------- */

.mct-team-hero-actions{
    margin-left:auto!important;

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

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

    gap:10px!important;
}


.mct-team-action{
    height:38px!important;
    min-height:38px!important;

    margin:0!important;

    padding:
        0
        14px!important;

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

    gap:7px!important;

    border:
        1px solid
        rgba(255,255,255,.20)!important;

    border-radius:5px!important;

    background:
        rgba(255,255,255,.02)!important;

    color:#fff!important;

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

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

    white-space:nowrap!important;
}


.mct-team-action.is-favorite{
    min-width:105px!important;
}


.mct-team-action.is-share{
    min-width:118px!important;
}


.mct-team-action svg{
    width:15px!important;
    height:15px!important;

    flex:
        0
        0
        15px!important;

    fill:none!important;

    stroke:currentColor!important;
    stroke-width:1.8!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}


.mct-team-action.is-share svg{
    color:#32b94b!important;
    stroke:#32b94b!important;
}


/* ---------------------------------------------------------
   WATERMARK
   --------------------------------------------------------- */

.mct-team-hero-watermark{
    position:absolute!important;

    right:18%!important;
    top:50%!important;

    width:190px!important;
    height:190px!important;

    transform:
        translateY(-50%)!important;

    opacity:.035!important;

    object-fit:contain!important;

    filter:
        grayscale(1)
        brightness(4)!important;

    pointer-events:none!important;
}


/* ---------------------------------------------------------
   TABS — SAME HEIGHT / GEOMETRY AS LEAGUE
   --------------------------------------------------------- */

.mct-team-nav{
    position:relative!important;
    z-index:5!important;

    border-top:0!important;

    border-bottom:
        1px solid
        #253238!important;

    background:#091317!important;
}


.mct-team-nav .mct-team-shell{
    display:flex!important;

    overflow-x:auto!important;

    scrollbar-width:none!important;
}


.mct-team-nav .mct-team-shell::-webkit-scrollbar{
    display:none!important;
}


.mct-team-nav a,
.mct-team-nav a:first-child{
    position:relative!important;

    min-width:max-content!important;

    height:56px!important;

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

    padding:
        0
        24px!important;

    color:#e0e4e6!important;

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

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

    text-decoration:none!important;
}


.mct-team-nav a.is-active{
    color:#52d31d!important;
}


.mct-team-nav a.is-active::after{
    content:"";

    position:absolute!important;

    left:14px!important;
    right:14px!important;
    bottom:0!important;

    height:3px!important;

    border-radius:0!important;

    background:#52d31d!important;
}


/* =========================================================
   MOBILE
   Copy current league final behavior:
   title + action icons same row
   ========================================================= */

@media(max-width:760px){

    .mct-team-shell{
        width:
            calc(
                100% - 20px
            )!important;
    }


    /* no breadcrumb on mobile */

    .mct-team-breadcrumb{
        display:none!important;
    }


    .mct-team-hero-main{
        width:
            calc(
                100% - 16px
            )!important;

        min-height:160px!important;

        margin:
            0
            auto!important;

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


    .mct-team-brand{
        width:100%!important;

        position:relative!important;

        display:grid!important;

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

        align-items:center!important;

        column-gap:14px!important;
    }


    .mct-team-hero-logo{
        width:62px!important;
        height:62px!important;

        flex-basis:62px!important;
    }


    /*
     * Leave room for two action icons.
     */

    .mct-team-info{
        min-width:0!important;

        padding-right:88px!important;
    }


    .mct-team-info h1{
        overflow:hidden;

        color:#fff!important;

        font-size:26px!important;
        line-height:1!important;

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


    .mct-team-hero-meta{
        margin-top:7px!important;

        gap:8px!important;

        flex-wrap:nowrap!important;

        font-size:11px!important;
    }


    .mct-team-hero-meta span{
        min-width:0!important;
    }


    .mct-team-hero-meta span:last-child{
        overflow:hidden;

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


    .mct-team-hero-meta img{
        width:18px!important;
        height:14px!important;

        flex:
            0
            0
            auto!important;
    }


    /*
     * Season stays underneath title/meta,
     * just like league metadata.
     */

    .mct-team-season-meta{
        margin-top:13px!important;
    }


    .mct-team-season-meta > span{
        min-height:34px!important;

        padding:
            0
            10px!important;

        font-size:10px!important;
    }


    /*
     * EXACT same mobile interaction pattern as league:
     * two icon buttons on title right.
     */

    .mct-team-hero-actions{
        width:auto!important;

        position:absolute!important;

        top:3px!important;
        right:0!important;

        margin:0!important;

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

        align-items:center!important;

        gap:6px!important;
    }


    .mct-team-action,
    .mct-team-action.is-favorite,
    .mct-team-action.is-share{
        width:38px!important;
        min-width:38px!important;

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

        padding:0!important;

        border-radius:7px!important;
    }


    .mct-team-action span{
        display:none!important;
    }


    .mct-team-action svg{
        width:17px!important;
        height:17px!important;

        flex:
            0
            0
            17px!important;
    }


    /*
     * Mobile watermark should not change layout.
     */

    .mct-team-hero-watermark{
        right:-20px!important;

        width:120px!important;
        height:120px!important;

        opacity:.025!important;
    }


    /* Tabs */

    .mct-team-nav .mct-team-shell{
        width:100%!important;

        padding:0!important;
    }


    .mct-team-nav a,
    .mct-team-nav a:first-child{
        height:52px!important;

        padding:
            0
            16px!important;

        font-size:12px!important;
    }
}

/* =========================================================
   TEAM SUMMARY CARDS V3
   Icon + number + label structure
   ========================================================= */

.mct-team-stat-grid{
    display:grid!important;

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

    gap:12px!important;

    margin-bottom:18px!important;
}


.mct-team-stat-card{
    min-width:0!important;
    min-height:112px!important;

    display:grid!important;

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

    align-items:center!important;

    gap:13px!important;

    padding:
        16px
        15px!important;

    border:
        1px solid
        #dde5eb!important;

    border-radius:8px!important;

    background:#fff!important;

    box-shadow:
        0
        1px
        2px
        rgba(12,29,45,.025)!important;
}


/* =========================================================
   ICON BOX
   ========================================================= */

.mct-team-stat-icon{
    width:46px!important;
    height:46px!important;

    flex:
        0
        0
        46px!important;

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

    border-radius:9px!important;
}


.mct-team-stat-icon svg{
    width:24px!important;
    height:24px!important;

    fill:none!important;

    stroke:currentColor!important;
    stroke-width:2!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}


/* Position */

.mct-team-stat-card.is-position
.mct-team-stat-icon{
    color:#48a56c!important;

    background:
        #f0faf4!important;
}


/* Wins */

.mct-team-stat-card.is-wins
.mct-team-stat-icon{
    color:#10af4c!important;

    background:
        #effbf3!important;
}


/* Draws */

.mct-team-stat-card.is-draws
.mct-team-stat-icon{
    color:#7890a6!important;

    background:
        #f4f7f9!important;
}


/* Losses */

.mct-team-stat-card.is-losses
.mct-team-stat-icon{
    color:#ee2937!important;

    background:
        #fff2f3!important;
}


/* Goals */

.mct-team-stat-card.is-goals
.mct-team-stat-icon{
    color:#748ca5!important;

    background:
        #f2f6fa!important;
}


/* Goals conceded */

.mct-team-stat-card.is-conceded
.mct-team-stat-icon{
    color:#557aa6!important;

    background:
        #f2f7fc!important;
}


/* =========================================================
   COPY
   ========================================================= */

.mct-team-stat-copy{
    min-width:0!important;

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

    align-items:flex-start!important;
}


.mct-team-stat-value{
    margin:0!important;

    color:#0a1729!important;

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

    font-size:30px!important;
    line-height:.92!important;

    font-weight:700!important;
}


.mct-team-stat-copy > strong{
    display:block!important;

    margin-top:7px!important;

    overflow:hidden!important;

    color:#26394e!important;

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

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

    font-weight:600!important;

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


.mct-team-stat-copy > small{
    display:block!important;

    margin-top:4px!important;

    overflow:hidden!important;

    color:#8290a2!important;

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

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

    font-weight:500!important;

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


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

@media(max-width:1100px){

    .mct-team-stat-grid{
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            )!important;
    }

}


/* =========================================================
   MOBILE
   2 cards per row like league overview
   ========================================================= */

@media(max-width:760px){

    .mct-team-stat-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            )!important;

        gap:8px!important;

        margin-bottom:12px!important;
    }


    .mct-team-stat-card{
        min-height:98px!important;

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

        gap:9px!important;

        padding:
            12px
            10px!important;

        border-radius:8px!important;
    }


    .mct-team-stat-icon{
        width:36px!important;
        height:36px!important;

        flex-basis:36px!important;

        border-radius:8px!important;
    }


    .mct-team-stat-icon svg{
        width:20px!important;
        height:20px!important;
    }


    .mct-team-stat-value{
        font-size:26px!important;
    }


    .mct-team-stat-copy > strong{
        margin-top:5px!important;

        font-size:11px!important;
    }


    .mct-team-stat-copy > small{
        margin-top:3px!important;

        font-size:10px!important;
    }

}

/* =========================================================
   TEAM DASHBOARD V4
   Next match / recent matches / league table
   ========================================================= */

.mct-team-dashboard-v4{
    display:grid!important;

    grid-template-columns:
        minmax(0,.92fr)
        minmax(0,.92fr)
        minmax(0,1.16fr)!important;

    gap:12px!important;

    margin-top:12px!important;
}


.mct-team-dash-card{
    min-width:0!important;

    overflow:hidden!important;

    border:
        1px solid
        #dfe6ec!important;

    border-radius:9px!important;

    background:#fff!important;
}


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

.mct-dash-head{
    min-height:52px!important;

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

    gap:10px!important;

    padding:
        0
        15px!important;

    border-bottom:
        1px solid
        #edf1f4!important;
}


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

    color:#0b1a2d!important;

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

    font-size:15px!important;
    line-height:1!important;

    font-weight:700!important;
}


.mct-dash-head a{
    display:inline-flex!important;
    align-items:center!important;

    gap:3px!important;

    color:#1766a2!important;

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

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

    text-decoration:none!important;
}


.mct-dash-head a svg{
    width:11px!important;
    height:11px!important;

    fill:none!important;

    stroke:currentColor!important;
    stroke-width:1.8!important;
}


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

.mct-next-v4-body{
    min-height:260px!important;

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

    align-items:center!important;

    padding:
        13px
        16px
        16px!important;
}


.mct-next-v4-competition{
    width:100%!important;

    color:#61728b!important;

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

    font-size:11px!important;
}


.mct-next-v4-date{
    margin-top:17px!important;

    color:#0b1728!important;

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

    font-size:18px!important;
    line-height:1!important;
}


.mct-next-v4-teams{
    width:100%!important;

    display:grid!important;

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

    align-items:center!important;

    margin-top:18px!important;
}


.mct-next-v4-team{
    min-width:0!important;

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

    align-items:center!important;

    text-align:center!important;
}


.mct-next-v4-team img{
    width:66px!important;
    height:66px!important;

    object-fit:contain!important;
}


.mct-next-v4-team strong{
    max-width:100%!important;

    margin-top:8px!important;

    overflow:hidden!important;

    color:#17253a!important;

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

    font-size:13px!important;

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


.mct-next-v4-vs{
    color:#18304d!important;

    font-size:16px!important;

    text-align:center!important;
}


.mct-next-v4-button{
    width:72%!important;
    min-height:38px!important;

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

    margin-top:14px!important;

    border-radius:6px!important;

    background:#08b64b!important;

    color:#fff!important;

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

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

    text-decoration:none!important;
}


.mct-next-v4-button.is-disabled{
    opacity:.55!important;
}


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

.mct-last-v4-list{
    padding:
        3px
        14px!important;
}


.mct-last-v4-row{
    min-height:49px!important;

    display:grid!important;

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

    gap:6px!important;

    align-items:center!important;

    border-bottom:
        1px solid
        #edf1f4!important;
}


.mct-last-v4-row:last-child{
    border-bottom:0!important;
}


.mct-last-v4-date{
    color:#687c96!important;

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

    font-size:11px!important;
}


.mct-last-v4-club{
    min-width:0!important;

    display:flex!important;

    align-items:center!important;

    gap:6px!important;
}


.mct-last-v4-club img{
    width:25px!important;
    height:25px!important;

    flex:
        0
        0
        25px!important;

    object-fit:contain!important;
}


.mct-last-v4-club b{
    overflow:hidden!important;

    color:#405069!important;

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

    font-size:12px!important;

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


.mct-last-v4-score{
    color:#0b1729!important;

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

    font-size:13px!important;

    text-align:center!important;
}


.mct-last-v4-result{
    width:23px!important;
    height:23px!important;

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

    justify-self:end!important;

    border-radius:5px!important;

    color:#fff!important;

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

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


.mct-last-v4-result.is-v{
    background:#08b64b!important;
}


.mct-last-v4-result.is-e{
    background:#a7b2bb!important;
}


.mct-last-v4-result.is-d{
    background:#ed3543!important;
}


/* =========================================================
   MINI STANDING
   ========================================================= */

.mct-table-v4-head,
.mct-table-v4-row{
    display:grid!important;

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

    align-items:center!important;
}


.mct-table-v4-head{
    min-height:34px!important;

    padding:
        0
        10px!important;

    border-bottom:
        1px solid
        #edf1f4!important;

    background:#fafbfc!important;

    color:#718299!important;

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

    font-size:12px!important;
}


.mct-table-v4-row{
    position:relative!important;

    min-height:47px!important;

    padding:
        0
        10px!important;

    border-bottom:
        1px solid
        #edf1f4!important;

    color:#31445c!important;

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

    font-size:12px!important;
}


.mct-table-v4-row:last-child{
    border-bottom:0!important;
}


.mct-table-v4-row.is-current{
    background:#f0faf3!important;
}


.mct-table-v4-row.is-current::before{
    content:"";

    position:absolute!important;

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

    width:3px!important;

    background:#08b64b!important;
}


.mct-table-v4-team{
    min-width:0!important;

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

    gap:7px!important;
}


.mct-table-v4-team img{
    width:24px!important;
    height:24px!important;

    flex:
        0
        0
        24px!important;

    object-fit:contain!important;
}


.mct-table-v4-team strong{
    min-width:0!important;

    overflow:hidden!important;

    color:#263a52!important;

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

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

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


.mct-table-v4-row > b:last-child{
    color:#0c1b30!important;

    font-weight:700!important;
}


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

.mct-dash-empty{
    min-height:190px!important;

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

    padding:20px!important;

    color:#8290a3!important;

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

    font-size:10px!important;
}


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

@media(max-width:760px){

    .mct-team-dashboard-v4{
        grid-template-columns:
            1fr!important;

        gap:10px!important;
    }


    .mct-next-v4-body{
        min-height:245px!important;
    }


    .mct-next-v4-team img{
        width:62px!important;
        height:62px!important;
    }


    .mct-next-v4-button{
        width:70%!important;
    }


    .mct-last-v4-row{
        grid-template-columns:
            34px
            minmax(0,1fr)
            38px
            minmax(0,1fr)
            24px!important;
    }


    /*
     * Mobile table:
     * # | TIME | J | SG | PTS
     */

    .mct-table-v4-head,
    .mct-table-v4-row{
        grid-template-columns:
            27px
            minmax(0,1fr)
            31px
            40px
            40px!important;
    }


    .mct-table-v4-head > span:nth-child(4),
    .mct-table-v4-head > span:nth-child(5),
    .mct-table-v4-head > span:nth-child(6),

    .mct-table-v4-row > span:nth-child(4),
    .mct-table-v4-row > span:nth-child(5),
    .mct-table-v4-row > span:nth-child(6){
        display:none!important;
    }


    /*
     * DOM after team:
     * 3 J
     * 4 V
     * 5 E
     * 6 D
     * 7 SG
     * 8 PTS
     */

    .mct-table-v4-head > span:nth-child(7),
    .mct-table-v4-row > span:nth-child(7){
        grid-column:4!important;
    }


    .mct-table-v4-head > span:nth-child(8),
    .mct-table-v4-row > b:last-child{
        grid-column:5!important;
    }

}

/* =========================================================
   TEAM SEASON PERFORMANCE V5
   Same visual structure as reference
   ========================================================= */

.mct-season-performance-v5{
    display:grid!important;

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

    gap:12px!important;

    margin-top:12px!important;
}


.mct-performance-chart-card,
.mct-result-distribution-card{
    min-width:0!important;

    overflow:hidden!important;

    border:
        1px solid
        #dfe6ec!important;

    border-radius:9px!important;

    background:#fff!important;
}


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

.mct-performance-head{
    min-height:52px!important;

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

    padding:
        0
        15px!important;

    border-bottom:
        1px solid
        #edf1f4!important;
}


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

    color:#0b1b2e!important;

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

    font-size:15px!important;
    line-height:1!important;

    font-weight:700!important;
}


/* =========================================================
   LEFT BODY
   ========================================================= */

.mct-performance-body{
    display:grid!important;

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

    gap:14px!important;

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


/* chart */

.mct-performance-chart{
    position:relative!important;

    min-width:0!important;
}


.mct-performance-legend{
    min-height:22px!important;

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

    gap:13px!important;

    padding-right:6px!important;

    color:#53677f!important;

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

    font-size:11px!important;
}


.mct-performance-legend span{
    display:inline-flex!important;
    align-items:center!important;

    gap:5px!important;
}


.mct-performance-legend i{
    width:7px!important;
    height:7px!important;

    border-radius:50%!important;
}


.mct-performance-legend .is-scored i{
    background:#08a943!important;
}


.mct-performance-legend .is-conceded i{
    background:#a3afb9!important;
}


.mct-season-svg{
    width:100%!important;
    height:240px!important;

    display:block!important;
}


.mct-chart-grid-line{
    stroke:#e9eef2!important;

    stroke-width:1!important;

    vector-effect:
        non-scaling-stroke!important;
}


.mct-chart-y-label,
.mct-chart-x-label{
    fill:#6e8199!important;

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

    font-size:11px!important;
}


.mct-chart-bar.is-scored{
    fill:#14ad4c!important;
}


.mct-chart-bar.is-conceded{
    fill:#aab6bf!important;

    opacity:.85!important;
}


.mct-chart-trend{
    fill:none!important;

    stroke:#0ba943!important;

    stroke-width:2!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;

    vector-effect:
        non-scaling-stroke!important;
}


.mct-chart-dot{
    fill:#0ba943!important;

    stroke:#fff!important;

    stroke-width:1!important;

    vector-effect:
        non-scaling-stroke!important;
}


.mct-chart-no-data{
    position:absolute!important;

    inset:
        50px
        20px
        20px!important;

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

    color:#8391a2!important;

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

    font-size:10px!important;
}


/* =========================================================
   KPI COLUMN
   ========================================================= */

.mct-performance-kpis{
    display:grid!important;

    grid-template-columns:1fr!important;

    gap:8px!important;
}


.mct-performance-kpi{
    min-height:52px!important;

    display:grid!important;

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

    align-items:center!important;

    overflow:hidden!important;

    border-radius:6px!important;

    background:#f6f8fa!important;
}


.mct-performance-kpi::before{
    content:"";

    align-self:stretch!important;

    width:2px!important;

    grid-column:1!important;
    grid-row:1!important;

    background:transparent!important;
}


.mct-performance-kpi.is-green::before{
    background:#18bd57!important;
}


.mct-performance-kpi strong{
    grid-column:1!important;
    grid-row:1!important;

    padding-left:11px!important;

    color:#122338!important;

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

    font-size:21px!important;

    font-weight:700!important;
}


.mct-performance-kpi.is-green strong{
    color:#08963d!important;
}


.mct-performance-kpi span{
    grid-column:2!important;

    color:#536980!important;

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

    font-size:11px!important;
    font-weight:600!important;
}


/* =========================================================
   DONUT
   ========================================================= */

.mct-result-distribution-body{
    min-height:290px!important;

    display:grid!important;

    grid-template-columns:
        minmax(150px,.9fr)
        minmax(125px,1fr)!important;

    align-items:center!important;

    gap:14px!important;

    padding:
        18px
        18px!important;
}


.mct-result-donut{
    position:relative!important;

    width:170px!important;
    height:170px!important;

    justify-self:center!important;

    border-radius:50%!important;

    background:
        conic-gradient(
            #08a943
                0
                var(--win-end),

            #a7b2ba
                var(--win-end)
                var(--draw-end),

            #dfe4e8
                var(--draw-end)
                100%
        )!important;
}


.mct-result-donut::after{
    content:"";

    position:absolute!important;

    inset:24px!important;

    border-radius:50%!important;

    background:#fff!important;
}


.mct-result-donut-center{
    position:absolute!important;
    z-index:2!important;

    inset:0!important;

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

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


.mct-result-donut-center strong{
    color:#101f32!important;

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

    font-size:28px!important;
    line-height:1!important;
}


.mct-result-donut-center span{
    margin-top:4px!important;

    color:#65788f!important;

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

    font-size:12px!important;
}


/* legend */

.mct-result-legend{
    display:flex!important;

    flex-direction:column!important;

    gap:13px!important;
}


.mct-result-legend > div{
    display:grid!important;

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

    gap:8px!important;

    align-items:start!important;
}


.mct-result-legend i{
    width:10px!important;
    height:10px!important;

    margin-top:2px!important;

    border-radius:2px!important;
}


.mct-result-legend i.is-win{
    background:#08a943!important;
}


.mct-result-legend i.is-draw{
    background:#9eaab3!important;
}


.mct-result-legend i.is-loss{
    background:#dfe4e8!important;
}


.mct-result-legend i.is-goals{
    background:#67be82!important;
}


.mct-result-legend span{
    color:#607289!important;

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

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


.mct-result-legend strong{
    display:block!important;

    margin-bottom:1px!important;

    color:#22364d!important;

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

    font-size:12px!important;

    font-weight:700!important;
}


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

@media(max-width:760px){

    .mct-season-performance-v5{
        grid-template-columns:
            1fr!important;

        gap:10px!important;
    }


    .mct-performance-body{
        grid-template-columns:
            1fr!important;

        padding:
            10px
            10px
            12px!important;
    }


    .mct-season-svg{
        height:210px!important;
    }


    /*
     * Four KPI boxes become 2x2 on phone.
     */

    .mct-performance-kpis{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            )!important;

        gap:7px!important;
    }


    .mct-performance-kpi{
        min-height:58px!important;

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


    .mct-performance-kpi strong{
        font-size:18px!important;
    }


    .mct-performance-kpi span{
        padding-right:5px!important;

        font-size:11px!important;
    }


    .mct-result-distribution-body{
        min-height:230px!important;

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

        gap:10px!important;

        padding:
            14px
            12px!important;
    }


    .mct-result-donut{
        width:135px!important;
        height:135px!important;
    }


    .mct-result-donut::after{
        inset:18px!important;
    }


    .mct-result-donut-center strong{
        font-size:24px!important;
    }


    .mct-result-legend{
        gap:9px!important;
    }

}

/* =========================================================
   TEAM ANALYSIS V6
   ========================================================= */

.mct-team-analysis-v6{
    display:grid;
    grid-template-columns:
        1.25fr
        .92fr
        1fr;
    gap:12px;
    margin-top:12px;
}

.mct-analysis-card{
    min-width:0;
    overflow:hidden;
    border:1px solid #dfe6ec;
    border-radius:9px;
    background:#fff;
}

.mct-analysis-card > header{
    min-height:50px;
    display:flex;
    align-items:center;
    padding:0 15px;
    border-bottom:1px solid #edf1f4;
}

.mct-analysis-card > header h2{
    margin:0;
    color:#0a192c;
    font-family:
        "Barlow Condensed",
        Arial,
        sans-serif;
    font-size:15px;
    font-weight:700;
}


/* =========================================================
   SHOOTING
   ========================================================= */

.mct-shooting-body{
    min-height:250px;
    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        130px;
    gap:14px;
    padding:14px;
}

.mct-shot-visual{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.mct-shot-visual svg{
    width:100%;
    height:auto;
    max-height:180px;
}

.mct-shot-pitch{
    fill:#fbfcfd;
    stroke:#cfd9e1;
    stroke-width:1.4;
}

.mct-shot-line{
    fill:none;
    stroke:#d3dce4;
    stroke-width:1.2;
}

.mct-shot-fill{
    fill:#cfd9e1;
}

.mct-shot-node{
    stroke:#fff;
    stroke-width:1.5;
}

.mct-shot-node.is-total{
    fill:#17ad4d;
}

.mct-shot-node.is-target{
    fill:#7bd18e;
}

.mct-shot-node.is-blocked{
    fill:#97a6b3;
}

.mct-shot-legend{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:8px;
    color:#65778e;
    font-family:Rajdhani,Arial,sans-serif;
    font-size:11px;
}

.mct-shot-legend span{
    display:flex;
    align-items:center;
    gap:5px;
}

.mct-shot-legend i{
    width:9px;
    height:9px;
    border-radius:50%;
}

.mct-shot-legend i.is-total{
    background:#17ad4d;
}

.mct-shot-legend i.is-target{
    background:#7bd18e;
}

.mct-shot-legend i.is-blocked{
    background:#97a6b3;
}

.mct-shot-numbers{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:22px;
    padding-left:10px;
    border-left:1px solid #edf1f4;
}

.mct-shot-numbers strong{
    display:block;
    color:#0c1b30;
    font-family:
        "Barlow Condensed",
        Arial,
        sans-serif;
    font-size:28px;
    line-height:1;
}

.mct-shot-numbers span{
    display:block;
    margin-top:4px;
    color:#64768d;
    font-family:Rajdhani,Arial,sans-serif;
    font-size:10px;
}


/* =========================================================
   OFFENSIVE PROFILE
   ========================================================= */

.mct-offensive-grid{
    min-height:250px;
    display:grid;
    grid-template-columns:1fr 1fr;
}

.mct-offensive-grid > div{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-width:0;
    padding:15px 10px;
    text-align:center;
    border-right:1px solid #edf1f4;
    border-bottom:1px solid #edf1f4;
}

.mct-offensive-grid > div:nth-child(2n){
    border-right:0;
}

.mct-offensive-grid > div:nth-last-child(-n+2){
    border-bottom:0;
}

.mct-offensive-icon{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#eef8f2;
    color:#129a46;
}

.mct-offensive-icon svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mct-offensive-grid strong{
    margin-top:10px;
    color:#102037;
    font-family:
        "Barlow Condensed",
        Arial,
        sans-serif;
    font-size:25px;
    line-height:1;
}

.mct-offensive-grid small{
    margin-top:5px;
    color:#65778c;
    font-family:Rajdhani,Arial,sans-serif;
    font-size:12px;
}


/* =========================================================
   DISCIPLINE
   ========================================================= */

.mct-discipline-summary{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:82px;
    border-bottom:1px solid #edf1f4;
}

.mct-discipline-summary > div{
    display:grid;
    grid-template-columns:
        28px
        auto
        minmax(0,1fr);
    gap:8px;
    align-items:center;
    padding:12px;
}

.mct-discipline-summary > div:first-child{
    border-right:1px solid #edf1f4;
}

.mct-discipline-summary > div > i{
    width:20px;
    height:29px;
    justify-self:center;
    border-radius:3px;
}

.mct-discipline-summary i.is-yellow{
    background:#ffc400;
}

.mct-discipline-summary i.is-red{
    background:#ef2634;
}

.mct-discipline-summary > div > strong{
    color:#0b1a2d;
    font-family:
        "Barlow Condensed",
        Arial,
        sans-serif;
    font-size:30px;
}

.mct-discipline-summary span{
    color:#52677e;
    font-family:Rajdhani,Arial,sans-serif;
    font-size:12px;
    line-height:1.15;
}

.mct-discipline-summary span small{
    display:block;
    margin-top:3px;
    color:#7d8da0;
    font-size:11px;
}

.mct-discipline-title{
    min-height:36px;
    display:flex;
    align-items:center;
    padding:0 13px;
    border-bottom:1px solid #edf1f4;
}

.mct-discipline-title strong{
    color:#263a50;
    font-family:Rajdhani,Arial,sans-serif;
    font-size:11px;
    font-weight:700;
}

.mct-discipline-row{
    min-height:43px;
    display:grid;
    grid-template-columns:
        20px
        minmax(0,1fr)
        auto;
    gap:7px;
    align-items:center;
    padding:0 12px;
    border-bottom:1px solid #edf1f4;
}

.mct-discipline-row:last-child{
    border-bottom:0;
}

.mct-discipline-row > b{
    font-family:Rajdhani,Arial,sans-serif;
    font-size:10px;
}

.mct-discipline-player{
    min-width:0;
    display:flex;
    align-items:center;
    gap:8px;
}

.mct-discipline-player img{
    width:28px;
    height:28px;
    flex:0 0 28px;
    border-radius:50%;
    object-fit:cover;
}

.mct-discipline-player strong{
    overflow:hidden;
    color:#1e3147;
    font-family:
        "Barlow Condensed",
        Arial,
        sans-serif;
    font-size:13px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.mct-card-total{
    display:flex;
    align-items:center;
    gap:5px;
    color:#15273d;
    font-family:
        "Barlow Condensed",
        Arial,
        sans-serif;
    font-size:14px;
}

.mct-card-total small{
    display:flex;
    align-items:center;
    gap:4px;
    color:#708198;
    font-family:Rajdhani,Arial,sans-serif;
    font-size:12px;
}

.mct-card-total i{
    display:inline-block;
    width:7px;
    height:10px;
    border-radius:1px;
}

.mct-card-total i.is-yellow{
    background:#ffc400;
}

.mct-card-total i.is-red{
    background:#ef2634;
}

.mct-analysis-empty{
    padding:25px 15px;
    color:#8492a2;
    text-align:center;
    font-family:Rajdhani,Arial,sans-serif;
    font-size:10px;
}


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

@media(max-width:760px){

    .mct-team-analysis-v6{
        grid-template-columns:1fr;
        gap:10px;
    }

    .mct-shooting-body{
        grid-template-columns:
            minmax(0,1fr)
            105px;
        min-height:210px;
        gap:8px;
        padding:10px;
    }

    .mct-shot-numbers{
        gap:17px;
        padding-left:8px;
    }

    .mct-shot-numbers strong{
        font-size:23px;
    }

    .mct-shot-numbers span{
        font-size:11px;
    }

    .mct-offensive-grid{
        min-height:220px;
    }

    .mct-discipline-summary{
        min-height:76px;
    }

}

/* =========================================================
   TEAM FINAL V7
   ========================================================= */

.mct-team-final-v7{
    display:grid;
    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );
    gap:12px;
    margin-top:12px;
}


.mct-final-card{
    min-width:0;
    overflow:hidden;
    border:1px solid #dfe6ec;
    border-radius:9px;
    background:#fff;
}


.mct-final-card > header{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 13px;
    border-bottom:1px solid #edf1f4;
}


.mct-final-card > header h2{
    margin:0;
    color:#0b1a2d;
    font-family:
        "Barlow Condensed",
        Arial,
        sans-serif;
    font-size:14px;
    line-height:1;
    font-weight:700;
}


.mct-final-card > header a{
    color:#1767a0;
    font-family:
        Rajdhani,
        Arial,
        sans-serif;
    font-size:12px;
    font-weight:600;
    text-decoration:none;
}


/* =========================================================
   PLAYER RANKINGS
   ========================================================= */

.mct-final-ranking-row{
    min-height:62px;
    display:grid;
    grid-template-columns:
        24px
        minmax(0,1fr);
    gap:7px;
    align-items:center;
    padding:0 12px;
    border-bottom:1px solid #edf1f4;
}


.mct-final-ranking-row:last-child{
    border-bottom:0;
}


.mct-final-ranking-row > b{
    color:#15283f;
    font-family:
        "Barlow Condensed",
        Arial,
        sans-serif;
    font-size:13px;
}


.mct-final-player{
    min-width:0;
    display:flex;
    align-items:center;
    gap:9px;
}


.mct-final-player > img{
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:50%;
    object-fit:cover;
    background:#f3f5f6;
}


.mct-final-player > span{
    min-width:0;
    display:flex;
    flex-direction:column;
}


.mct-final-player strong{
    overflow:hidden;
    color:#1a2d43;
    font-family:
        "Barlow Condensed",
        Arial,
        sans-serif;
    font-size:13px;
    line-height:1.05;
    text-overflow:ellipsis;
    white-space:nowrap;
}


.mct-final-player small{
    margin-top:4px;
    color:#73849a;
    font-family:
        Rajdhani,
        Arial,
        sans-serif;
    font-size:11px;
}


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

.mct-home-away-body{
    min-height:186px;
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
}


.mct-home-away-item{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:12px 8px;
    text-align:center;
}


.mct-home-away-item:first-child{
    border-right:1px solid #edf1f4;
}


.mct-performance-ring{
    position:relative;
    width:88px;
    height:88px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:
        conic-gradient(
            #08ad49
                0
                var(--value),

            #e8eef2
                var(--value)
                100%
        );
}


.mct-performance-ring::after{
    content:"";
    position:absolute;
    inset:12px;
    border-radius:50%;
    background:#fff;
}


.mct-performance-ring strong{
    position:relative;
    z-index:2;
    color:#12233a;
    font-family:
        "Barlow Condensed",
        Arial,
        sans-serif;
    font-size:22px;
}


.mct-home-away-item > b{
    margin-top:9px;
    color:#21344a;
    font-family:
        "Barlow Condensed",
        Arial,
        sans-serif;
    font-size:12px;
}


.mct-home-away-item > span{
    margin-top:4px;
    color:#248153;
    font-family:
        Rajdhani,
        Arial,
        sans-serif;
    font-size:10px;
}


/* =========================================================
   SIMPLE APP CTA
   ========================================================= */

.mct-team-app-v7{
    display:grid;
    grid-template-columns:
        54px
        minmax(0,1fr)
        auto;
    gap:16px;
    align-items:center;

    margin-top:14px;

    padding:20px 22px;

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

    background:
        linear-gradient(
            90deg,
            #f4fbf6,
            #fbfdfc
        );
}


.mct-team-app-icon{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#e4f7ea;
    color:#09a447;
}


.mct-team-app-icon svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}


.mct-team-app-copy{
    min-width:0;
}


.mct-team-app-copy > span{
    color:#12a04b;
    font-family:
        Rajdhani,
        Arial,
        sans-serif;
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
}


.mct-team-app-copy h2{
    margin:3px 0 0;
    color:#102139;
    font-family:
        "Barlow Condensed",
        Arial,
        sans-serif;
    font-size:21px;
    line-height:1;
}


.mct-team-app-copy p{
    margin:6px 0 0;
    color:#697b90;
    font-family:
        Rajdhani,
        Arial,
        sans-serif;
    font-size:10px;
}


.mct-team-app-button{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 17px;
    border-radius:7px;
    background:#08b64b;
    color:#fff!important;
    font-family:
        Rajdhani,
        Arial,
        sans-serif;
    font-size:11px;
    font-weight:700;
    text-decoration:none!important;
}


.mct-team-app-button svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}


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

@media(max-width:1100px){

    .mct-team-final-v7{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

}


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

@media(max-width:760px){

    .mct-team-final-v7{
        grid-template-columns:1fr;
        gap:10px;
    }


    .mct-final-ranking-row{
        min-height:58px;
    }


    .mct-home-away-body{
        min-height:170px;
    }


    .mct-performance-ring{
        width:78px;
        height:78px;
    }


    .mct-performance-ring strong{
        font-size:20px;
    }


    .mct-team-app-v7{
        grid-template-columns:
            44px
            minmax(0,1fr);

        gap:12px;

        padding:16px 14px;
    }


    .mct-team-app-icon{
        width:42px;
        height:42px;
        border-radius:10px;
    }


    .mct-team-app-copy h2{
        font-size:18px;
    }


    .mct-team-app-button{
        grid-column:1/-1;
        width:100%;
        margin-top:2px;
    }

}

/* =========================================================
   SHARED APP BANNER — TEAM PAGE
   ========================================================= */

.mct-team-shared-app-banner{
    margin:
        16px
        0
        6px !important;
}

.mct-team-shared-app-banner img{
    display:block;

    width:100%;
    height:auto;

    border-radius:10px;

    border:1px solid #dfe7e3;
}


@media(max-width:760px){

    .mct-team-shared-app-banner{
        margin:
            12px
            0
            4px !important;
    }

    .mct-team-shared-app-banner img{
        border-radius:8px;
    }

}

/* ==========================================================
   TEAM OVERVIEW — STAT CARD TYPOGRAPHY ORDER
   label -> value -> secondary
   ========================================================== */

.mct-team-stat-copy {
    display: flex;
    flex-direction: column;
}

.mct-team-stat-copy > strong {
    order: 1;
}

.mct-team-stat-copy > .mct-team-stat-value {
    order: 2;
}

.mct-team-stat-copy > small {
    order: 3;
}


/* ==========================================================
   TEAM HERO ACTION ICON — TRUE CENTER
   ========================================================== */

@media (max-width: 767px) {

    .mct-team-action {
        position: relative !important;
        width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
    }

    .mct-team-action > svg {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;

        margin: 0 !important;
        display: block !important;
        flex: none !important;
    }

    .mct-team-action > span {
        display: none !important;
    }

}

/* ==========================================================
   MOBILE TEAM STICKY HEADER — REAL SECOND HEADER
   ========================================================== */

.mct-mobile-team-sticky {
    display: none;
}

@media (max-width:760px) {

    :root {
        --mct-mobile-header-offset:70px;
    }


    /* ------------------------------------------------------
       SHELL
       ------------------------------------------------------ */

    .mct-mobile-team-sticky {
        width:100%;
        position:fixed;
        top:var(--mct-mobile-header-offset);
        left:0;
        z-index:9990;

        display:block;

        opacity:0;
        visibility:hidden;
        pointer-events:none;

        transform:translateY(-12px);

        background:#081518;

        border-bottom:
            1px solid
            rgba(255,255,255,.09);

        box-shadow:
            0 7px 18px
            rgba(0,0,0,.14);

        transition:
            opacity .16s ease,
            transform .16s ease,
            visibility .16s ease;
    }

    .mct-mobile-team-sticky.is-visible {
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:none;
    }


    /* ------------------------------------------------------
       MAIN ROW
       ------------------------------------------------------ */

    .mct-mobile-team-sticky-main {
        height:54px;
        padding:0 10px;

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

        box-sizing:border-box;
    }


    /* Back */

    .mct-mobile-team-back {
        width:40px;
        height:40px;
        flex:0 0 40px;

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

        padding:0;
        margin:0;

        color:#fff;
        text-decoration:none;
        border-radius:7px;
    }

    .mct-mobile-team-back svg {
        width:23px;
        height:23px;

        display:block;

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


    /* ------------------------------------------------------
       TEAM IDENTITY
       ------------------------------------------------------ */

    .mct-mobile-team-identity {
        min-width:0;
        flex:1;

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

    .mct-mobile-team-identity img {
        width:30px;
        height:30px;
        flex:0 0 30px;

        display:block;
        object-fit:contain;
    }

    .mct-mobile-team-identity strong {
        min-width:0;

        display:block;
        overflow:hidden;

        color:#fff;

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

        font-size:17px;
        line-height:1;
        font-weight:700;

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


    /* ------------------------------------------------------
       ACTIONS
       ------------------------------------------------------ */

    .mct-mobile-team-icon {
        width:38px !important;
        min-width:38px !important;
        max-width:38px !important;

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

        flex:0 0 38px;

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

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

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

        background:transparent !important;
        color:#fff;

        cursor:pointer;
        box-sizing:border-box;
        line-height:1 !important;
    }

    .mct-mobile-team-icon svg {
        width:19px !important;
        height:19px !important;
        flex:0 0 19px !important;

        display:block !important;
        margin:0 !important;

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

    .mct-mobile-team-icon.is-share {
        color:#20ba68;
    }


    /* ------------------------------------------------------
       STICKY NAV
       ------------------------------------------------------ */

    .mct-mobile-team-sticky-tabs {
        height:44px;

        display:flex;
        align-items:stretch;

        overflow-x:auto;
        overflow-y:hidden;

        scrollbar-width:none;

        border-top:
            1px solid
            rgba(255,255,255,.055);

        background:#081316;
    }

    .mct-mobile-team-sticky-tabs::-webkit-scrollbar {
        display:none;
    }

    .mct-mobile-team-sticky-tabs
    .mct-mobile-team-tab {
        min-width:max-content;
        height:44px;

        flex:0 0 auto;

        padding:
            0
            18px !important;

        position:relative;

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

        border:0 !important;

        background:
            transparent !important;

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

        font-family:
            Lato,
            sans-serif;

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

        text-decoration:none !important;
        white-space:nowrap;
    }

    .mct-mobile-team-sticky-tabs
    .mct-mobile-team-tab.is-active {
        color:#34c759 !important;
    }

    .mct-mobile-team-sticky-tabs
    .mct-mobile-team-tab.is-active::after {
        content:"";

        height:3px;

        position:absolute;
        left:14px;
        right:14px;
        bottom:0;

        border-radius:
            3px
            3px
            0
            0;

        background:#34c759;
    }

}


/* Últimos jogos:
   data | time logo | placar | logo time | resultado
*/
.mct-last-v4-row .mct-last-v4-club:first-of-type {
    flex-direction: row !important;
}

.mct-last-v4-row .mct-last-v4-club:first-of-type b {
    order: 1 !important;
}

.mct-last-v4-row .mct-last-v4-club:first-of-type img {
    order: 2 !important;
}

.mct-last-v4-row .mct-last-v4-club:nth-of-type(2) {
    flex-direction: row !important;
}

.mct-last-v4-row .mct-last-v4-club:nth-of-type(2) img {
    order: 1 !important;
}

.mct-last-v4-row .mct-last-v4-club:nth-of-type(2) b {
    order: 2 !important;
}

/* =========================================================
   Últimos jogos
   DATA | TIME LOGO | PLACAR | LOGO TIME | RESULTADO
   ========================================================= */

/* 左边球队：文字 -> Logo */
.mct-last-v4-row > .mct-last-v4-club:nth-of-type(2) {
    flex-direction: row !important;
}

.mct-last-v4-row > .mct-last-v4-club:nth-of-type(2) b {
    order: 1 !important;
}

.mct-last-v4-row > .mct-last-v4-club:nth-of-type(2) img {
    order: 2 !important;
}

/* 右边球队：Logo -> 文字 */
.mct-last-v4-row > .mct-last-v4-club:nth-of-type(3) {
    flex-direction: row !important;
}

.mct-last-v4-row > .mct-last-v4-club:nth-of-type(3) img {
    order: 1 !important;
}

.mct-last-v4-row > .mct-last-v4-club:nth-of-type(3) b {
    order: 2 !important;
}

/* ==========================================================
   Últimos Jogos
   DATA | TIME LOGO | PLACAR | LOGO TIME | RESULTADO
   ========================================================== */

.mct-last-v4-row {
    grid-template-columns:
        38px
        minmax(0, 1fr)
        44px
        minmax(0, 1fr)
        24px !important;

    column-gap: 6px !important;
}

/* Esquerda: nome -> logo, encostado no placar */
.mct-last-v4-row > .mct-last-v4-club:nth-of-type(2) {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    text-align: right !important;
}

.mct-last-v4-row > .mct-last-v4-club:nth-of-type(2) b {
    order: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.mct-last-v4-row > .mct-last-v4-club:nth-of-type(2) img {
    order: 2 !important;
    flex: 0 0 auto !important;
}

/* Placar */
.mct-last-v4-score {
    text-align: center !important;
    white-space: nowrap !important;
}

/* Direita: logo -> nome */
.mct-last-v4-row > .mct-last-v4-club:nth-of-type(3) {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
}

.mct-last-v4-row > .mct-last-v4-club:nth-of-type(3) img {
    order: 1 !important;
    flex: 0 0 auto !important;
}

.mct-last-v4-row > .mct-last-v4-club:nth-of-type(3) b {
    order: 2 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Header action: Ver todos / Ver completa 始终保持一排 */
.mct-team-last-v4 .mct-dash-head > a,
.mct-team-table-v4 .mct-dash-head > a {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;

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

    white-space: nowrap !important;
    word-break: keep-all !important;
    flex-wrap: nowrap !important;
}

.mct-team-last-v4 .mct-dash-head > a svg,
.mct-team-table-v4 .mct-dash-head > a svg {
    flex: 0 0 auto !important;
}

/* =========================================================
   Distribuição dos Resultados
   居中 + 加大 Donut / Legend 间距
   ========================================================= */

.mct-results-distribution-body,
.mct-result-distribution-body,
.mct-distribution-body {
    justify-content: center !important;
    align-items: center !important;
    gap: 32px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 如果内部使用 grid */
.mct-results-distribution-content,
.mct-result-distribution-content,
.mct-distribution-content {
    justify-content: center !important;
    align-items: center !important;
    column-gap: 32px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Donut 本身不要贴左 */
.mct-results-donut,
.mct-result-donut,
.mct-distribution-donut {
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex: 0 0 auto !important;
}

/* Legend */
.mct-results-legend,
.mct-result-legend,
.mct-distribution-legend {
    flex: 0 0 auto !important;
}

@media (max-width: 760px) {
    .mct-results-distribution-body,
    .mct-result-distribution-body,
    .mct-distribution-body,
    .mct-results-distribution-content,
    .mct-result-distribution-content,
    .mct-distribution-content {
        gap: 28px !important;
        column-gap: 28px !important;
    }
}

/* Distribuição dos resultados - mobile */
@media (max-width: 760px) {

    .mct-result-distribution-body {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 36px !important;

        width: 100% !important;
        box-sizing: border-box !important;

        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .mct-result-distribution-body > * {
        flex-shrink: 0 !important;
    }
}

/* Team dashboard header actions - always one line */
.mct-team-page .mct-dash-head > a {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 5px !important;

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

    white-space: nowrap !important;
    word-break: keep-all !important;
}

.mct-team-page .mct-dash-head > a svg {
    flex: 0 0 auto !important;
}

/* =========================================================
   Final cards header action
   Ver todos / Ver completa 始终单行
   ========================================================= */

.mct-final-card > header > a {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;

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

    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;

    line-height: 1 !important;
}

.mct-final-card > header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.mct-final-card > header > h2 {
    min-width: 0 !important;
}

@media (max-width: 760px) {
    .mct-final-card > header > a {
        flex: 0 0 auto !important;
        min-width: max-content !important;
        white-space: nowrap !important;
    }
}

/* =========================================================
   TEAM JOGOS
   ========================================================= */

.mct-team-jogos-page {
    padding: 22px 0 44px;
}

.mct-jogos-page-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 18px;
}

.mct-jogos-page-head > div:first-child {
    min-width: 0;
}

.mct-jogos-page-head span {
    display: block;

    margin-bottom: 4px;

    color: #7d8998;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
}

.mct-jogos-page-head h2 {
    margin: 0;

    color: #071426;

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

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

.mct-jogos-season {
    min-width: 94px;

    padding: 10px 13px;

    border:
        1px solid #dfe6ec;

    border-radius: 8px;

    background: #fff;

    text-align: right;
}

.mct-jogos-season span {
    margin-bottom: 2px;

    font-size: 9px;
}

.mct-jogos-season strong {
    color: #071426;

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

    font-size: 19px;
}


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

.mct-jogos-summary {
    display: grid;

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

    margin-bottom: 14px;

    overflow: hidden;

    border:
        1px solid #dfe6ec;

    border-radius: 10px;

    background: #fff;
}

.mct-jogos-summary article {
    min-height: 86px;

    padding: 16px 18px;

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

    border-right:
        1px solid #e8edf1;
}

.mct-jogos-summary article:last-child {
    border-right: 0;
}

.mct-jogos-summary small {
    margin-bottom: 3px;

    color: #7c8999;

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

.mct-jogos-summary strong {
    color: #071426;

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

    font-size: 28px;
    line-height: 1;
}

.mct-jogos-summary span {
    margin-top: 5px;

    color: #8390a0;

    font-size: 11px;
}


/* =========================================================
   TOOLBAR
   ========================================================= */

.mct-jogos-toolbar {
    min-height: 54px;

    padding: 8px 10px;

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

    border:
        1px solid #dfe6ec;

    border-radius:
        10px 10px 0 0;

    background: #fff;
}

.mct-jogos-tabs {
    display: flex;
    align-items: center;

    gap: 5px;
}

.mct-jogos-tabs button {
    height: 32px;

    padding: 0 13px;

    border:
        1px solid #dfe5ea;

    border-radius: 6px;

    background: #fff;

    color: #536174;

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

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

    cursor: pointer;
}

.mct-jogos-tabs button.is-active {
    border-color: #00b956;

    background: #00b956;

    color: #fff;
}

.mct-jogos-filter-button {
    height: 32px;

    padding: 0 12px;

    display: inline-flex;
    align-items: center;
    gap: 6px;

    border:
        1px solid #dfe5ea;

    border-radius: 6px;

    background: #fff;

    color: #4e5b6d;

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

.mct-jogos-filter-button span {
    min-width: 18px;
    height: 18px;

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

    border-radius: 99px;

    background: #00b956;

    color: #fff;

    font-size: 11px;
}


/* =========================================================
   FILTERS
   ========================================================= */

.mct-jogos-filters {
    padding: 14px;

    display: grid;

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

    gap: 12px;

    border:
        1px solid #dfe6ec;

    border-top: 0;

    background: #f9fbfc;
}

.mct-jogos-filters > label,
.mct-jogos-filter-group {
    min-width: 0;
}

.mct-jogos-filters > label > span,
.mct-jogos-filter-group > span {
    display: block;

    margin-bottom: 6px;

    color: #788697;

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

.mct-jogos-filters select {
    width: 100%;
    height: 34px;

    padding: 0 30px 0 10px;

    border:
        1px solid #dfe5ea;

    border-radius: 6px;

    background: #fff;

    color: #1b2735;

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

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

.mct-jogos-filter-group > div {
    display: flex;

    gap: 4px;
}

.mct-jogos-filter-group button {
    min-width: 0;
    height: 34px;

    padding: 0 10px;

    flex: 1;

    border:
        1px solid #dfe5ea;

    border-radius: 6px;

    background: #fff;

    color: #566376;

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

.mct-jogos-filter-group button.is-active {
    border-color: #00b956;

    background: #eafaf1;

    color: #00a84d;
}


/* =========================================================
   MATCH LIST
   ========================================================= */

.mct-jogos-list {
    margin-top: 14px;

    display: flex;
    flex-direction: column;

    gap: 14px;
}

.mct-jogos-month {
    overflow: hidden;

    border:
        1px solid #dfe6ec;

    border-radius: 10px;

    background: #fff;
}

.mct-jogos-month > header {
    min-height: 44px;

    padding: 0 16px;

    display: flex;
    align-items: center;
    gap: 7px;

    border-bottom:
        1px solid #e7ecf0;

    background: #fafcfd;
}

.mct-jogos-month > header strong {
    color: #071426;

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

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

.mct-jogos-month > header span {
    color: #8b97a6;

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

.mct-jogos-row {
    min-height: 72px;

    padding: 8px 12px;

    display: grid;

    grid-template-columns:
        58px
        minmax(0, 1fr)
        54px
        minmax(0, 1fr)
        78px;

    align-items: center;

    border-bottom:
        1px solid #edf1f4;

    color: inherit;

    text-decoration: none;
}

.mct-jogos-row:last-child {
    border-bottom: 0;
}

.mct-jogos-row:hover {
    background: #fbfdfc;
}

.mct-jogos-date {
    display: flex;
    flex-direction: column;

    gap: 2px;
}

.mct-jogos-date strong {
    color: #071426;

    font-size: 11px;
}

.mct-jogos-date span {
    color: #93a0af;

    font-size: 9px;
}

.mct-jogos-team {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 7px;
}

.mct-jogos-team.is-home {
    justify-content: flex-end;

    text-align: right;
}

.mct-jogos-team.is-away {
    justify-content: flex-start;

    text-align: left;
}

.mct-jogos-team strong {
    min-width: 0;

    overflow: hidden;

    color: #111d2b;

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

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

.mct-jogos-team img {
    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    object-fit: contain;
}

.mct-jogos-score {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mct-jogos-score strong {
    color: #071426;

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

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

    white-space: nowrap;
}

.mct-jogos-status {
    justify-self: end;

    min-width: 62px;
    height: 24px;

    padding: 0 7px;

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

    border-radius: 5px;

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

    white-space: nowrap;
}

.mct-jogos-status.is-finished {
    background: #f1f4f6;

    color: #6d7887;
}

.mct-jogos-status.is-live {
    background: #e8fbf0;

    color: #00a54c;
}

.mct-jogos-status.is-upcoming {
    background: #eef5ff;

    color: #3470b8;
}

.mct-jogos-empty {
    padding: 48px 20px;

    border:
        1px solid #dfe6ec;

    border-radius: 10px;

    background: #fff;

    color: #7d8999;

    text-align: center;
}


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

@media (max-width: 760px) {

    .mct-team-jogos-page {
        padding:
            14px
            10px
            36px;
    }

    .mct-jogos-page-head {
        align-items: center;

        margin-bottom: 12px;
    }

    .mct-jogos-page-head h2 {
        font-size: 22px;
    }

    .mct-jogos-season {
        min-width: 76px;

        padding:
            8px
            10px;
    }


    .mct-jogos-summary {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        margin-bottom: 10px;
    }

    .mct-jogos-summary article {
        min-height: 72px;

        padding:
            11px
            10px;
    }

    .mct-jogos-summary strong {
        font-size: 22px;
    }

    .mct-jogos-summary span {
        font-size: 9px;
    }


    .mct-jogos-toolbar {
        min-height: 50px;

        padding: 7px;
    }

    .mct-jogos-tabs {
        gap: 3px;
    }

    .mct-jogos-tabs button {
        height: 30px;

        padding: 0 8px;

        font-size: 9px;
    }

    .mct-jogos-filter-button {
        height: 30px;

        padding: 0 8px;

        font-size: 9px;
    }


    .mct-jogos-filters {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 10px;

        padding: 10px;
    }


    .mct-jogos-list {
        gap: 10px;

        margin-top: 10px;
    }

    .mct-jogos-month > header {
        min-height: 40px;

        padding: 0 12px;
    }


    .mct-jogos-row {
        min-height: 64px;

        padding:
            7px
            8px;

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

        column-gap: 4px;
    }

    .mct-jogos-date strong {
        font-size: 9px;
    }

    .mct-jogos-date span {
        font-size: 11px;
    }

    .mct-jogos-team {
        gap: 4px;
    }

    .mct-jogos-team strong {
        font-size: 10px;
    }

    .mct-jogos-team img {
        width: 24px;
        height: 24px;

        flex:
            0 0 24px;
    }

    .mct-jogos-score strong {
        font-size: 14px;
    }

    .mct-jogos-status {
        display: none;
    }
}

/* =========================================================
   TEAM JOGOS — POLISH / ALIGNMENT
   ========================================================= */

@media (max-width: 760px) {

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

    .mct-jogos-page-head {
        margin-bottom: 12px !important;

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

        align-items: end !important;
        gap: 12px !important;
    }

    .mct-jogos-page-head > div:first-child {
        min-width: 0 !important;
    }

    .mct-jogos-page-head > div:first-child > span {
        margin-bottom: 5px !important;
    }

    .mct-jogos-page-head h2 {
        margin: 0 !important;

        font-size: 23px !important;
        line-height: .95 !important;

        white-space: nowrap !important;
    }

    .mct-jogos-season {
        width: 76px !important;
        min-width: 76px !important;
        height: 65px !important;

        padding: 9px 8px !important;

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

        text-align: center !important;
    }

    .mct-jogos-season span {
        margin: 0 0 4px !important;
    }

    .mct-jogos-season strong {
        font-size: 21px !important;
        line-height: 1 !important;
    }


    /* -----------------------------------------------------
       SUMMARY
       ----------------------------------------------------- */

    .mct-jogos-summary {
        margin-bottom: 10px !important;

        border-radius: 9px !important;
    }

    .mct-jogos-summary article {
        min-height: 80px !important;

        padding:
            12px
            10px !important;

        justify-content: center !important;
    }

    .mct-jogos-summary small {
        margin-bottom: 6px !important;

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

    .mct-jogos-summary strong {
        font-size: 25px !important;
        line-height: .9 !important;
    }

    .mct-jogos-summary span {
        margin-top: 6px !important;

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


    /* -----------------------------------------------------
       TOOLBAR
       ----------------------------------------------------- */

    .mct-jogos-toolbar {
        min-height: 52px !important;

        padding:
            8px
            8px !important;

        gap: 8px !important;

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

    .mct-jogos-tabs {
        min-width: 0 !important;

        flex: 1 !important;

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

        gap: 5px !important;
    }

    .mct-jogos-tabs button {
        width: 100% !important;
        min-width: 0 !important;
        height: 32px !important;

        padding: 0 5px !important;

        font-size: 11px !important;

        white-space: nowrap !important;
    }

    .mct-jogos-filter-button {
        flex: 0 0 auto !important;

        height: 32px !important;

        padding:
            0
            9px !important;
    }


    /* -----------------------------------------------------
       FILTER AREA
       ----------------------------------------------------- */

    .mct-jogos-filters {
        padding: 12px 10px !important;

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

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

        background: #fbfcfd !important;

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

    .mct-jogos-filters > label,
    .mct-jogos-filter-group {
        min-width: 0 !important;
    }

    .mct-jogos-filters > label > span,
    .mct-jogos-filter-group > span {
        margin-bottom: 7px !important;

        font-size: 11px !important;
    }

    .mct-jogos-filters select {
        height: 36px !important;

        padding:
            0
            28px
            0
            10px !important;

        font-size: 11px !important;
    }

    .mct-jogos-filter-group > div {
        display: grid !important;

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

        gap: 5px !important;
    }

    .mct-jogos-filter-group button {
        width: 100% !important;
        min-width: 0 !important;
        height: 36px !important;

        font-size: 9px !important;
    }


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

    .mct-jogos-list {
        margin-top: 10px !important;

        gap: 10px !important;
    }

    .mct-jogos-month {
        border-radius: 9px !important;
    }

    .mct-jogos-month > header {
        min-height: 40px !important;

        padding:
            0
            12px !important;

        gap: 6px !important;
    }

    .mct-jogos-month > header strong {
        font-size: 17px !important;
    }

    .mct-jogos-month > header span {
        font-size: 11px !important;
    }


    /* -----------------------------------------------------
       MATCH ROW
       日期 | 主队+LOGO | 比分 | LOGO+客队
       ----------------------------------------------------- */

    .mct-jogos-row {
        min-height: 64px !important;

        padding:
            8px
            9px !important;

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

        column-gap: 5px !important;

        align-items: center !important;
    }

    .mct-jogos-date {
        align-items: flex-start !important;
        justify-content: center !important;

        gap: 2px !important;
    }

    .mct-jogos-date strong {
        font-size: 13px !important;
        line-height: 1 !important;
    }

    .mct-jogos-date span {
        font-size: 11px !important;
        line-height: 1 !important;
    }

    .mct-jogos-team {
        min-width: 0 !important;

        gap: 5px !important;
    }

    .mct-jogos-team.is-home {
        justify-content: flex-end !important;
        text-align: right !important;
    }

    .mct-jogos-team.is-away {
        justify-content: flex-start !important;
        text-align: left !important;
    }

    .mct-jogos-team strong {
        min-width: 0 !important;

        font-size: 12px !important;
        line-height: 1 !important;

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

    .mct-jogos-team img {
        width: 25px !important;
        height: 25px !important;

        flex:
            0
            0
            25px !important;
    }

    .mct-jogos-score {
        min-width: 42px !important;

        justify-content: center !important;
    }

    .mct-jogos-score strong {
        font-size: 14px !important;
        line-height: 1 !important;
    }
}


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

@media (min-width: 761px) {

    .mct-jogos-page-head {
        align-items: center !important;
    }

    .mct-jogos-summary article {
        min-height: 82px !important;
    }

    .mct-jogos-filters {
        align-items: end !important;
    }

    .mct-jogos-row {
        grid-template-columns:
            70px
            minmax(150px, 1fr)
            58px
            minmax(150px, 1fr)
            84px !important;
    }
}

/* =========================================================
   TEAM JOGOS — LIST / CALENDAR SWITCH
   ========================================================= */

.mct-jogos-view-switch {
    margin-top: 12px;
    padding: 4px;

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

    gap: 4px;

    border:
        1px solid #dfe6ec;

    border-radius: 8px;

    background: #fff;
}

.mct-jogos-view-switch button {
    height: 34px;

    border: 0;
    border-radius: 6px;

    background: transparent;

    color: #536174;

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

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

    cursor: pointer;
}

.mct-jogos-view-switch button.is-active {
    background: #071426;

    color: #fff;
}


/* =========================================================
   CALENDAR
   ========================================================= */

.mct-jogos-calendar {
    margin-top: 10px;

    overflow: hidden;

    border:
        1px solid #dfe6ec;

    border-radius: 10px;

    background: #fff;
}

.mct-calendar-nav {
    min-height: 56px;

    padding: 8px 12px;

    display: grid;

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

    align-items: center;

    border-bottom:
        1px solid #e8edf1;
}

.mct-calendar-nav button {
    width: 34px;
    height: 34px;

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

    border: 0;
    border-radius: 8px;

    background: #f4f7fa;

    color: #3766c8;

    font-size: 25px;
    line-height: 1;

    cursor: pointer;
}

.mct-calendar-nav strong {
    text-align: center;

    color: #071426;

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

.mct-calendar-weekdays,
.mct-calendar-grid {
    display: grid;

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

.mct-calendar-weekdays {
    padding:
        8px
        8px
        5px;
}

.mct-calendar-weekdays span {
    color: #8793a2;

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

    text-align: center;
}

.mct-calendar-grid {
    padding:
        0
        8px
        8px;

    gap: 2px;
}

.mct-calendar-day {
    position: relative;

    min-height: 86px;

    padding: 6px;

    overflow: hidden;

    border-radius: 5px;

    background: #f5f7f9;
}

.mct-calendar-day.is-empty {
    background: #fafbfc;
}

.mct-calendar-day-number {
    display: block;

    color: #7e8a99;

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

.mct-calendar-day.has-match {
    background: #fff;

    box-shadow:
        inset 0 0 0 1px #e1e7ec;
}

.mct-calendar-event {
    margin-top: 5px;

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

    gap: 3px;

    color: inherit;

    text-decoration: none;
}

.mct-calendar-event img {
    width: 24px;
    height: 24px;

    object-fit: contain;
}

.mct-calendar-event strong {
    color: #071426;

    font-size: 9px;
    line-height: 1;

    white-space: nowrap;
}

.mct-calendar-event small {
    color: #7e8b9a;

    font-size: 11px;
}

.mct-calendar-event.is-live small {
    color: #00a84d;
    font-weight: 700;
}

.mct-calendar-event.is-finished small {
    color: #071426;
    font-weight: 700;
}


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

    .mct-jogos-view-switch {
        margin-top: 10px;
    }

    .mct-jogos-view-switch button {
        height: 32px;

        font-size: 10px;
    }

    .mct-calendar-day {
        min-height: 76px;

        padding: 4px;
    }

    .mct-calendar-event img {
        width: 22px;
        height: 22px;
    }

    .mct-calendar-event strong {
        font-size: 11px;
    }

    .mct-calendar-event small {
        font-size: 7px;
    }

}

/* =========================================================
   Jogos view switch — Lista / Calendário
   ========================================================= */

.mct-jogos-view-switch {
    width: 100% !important;
    height: 32px !important;

    margin-top: 10px !important;
    padding: 2px !important;

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

    gap: 0 !important;

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

    background: #f0f2f5 !important;

    overflow: hidden !important;
}

.mct-jogos-view-switch button {
    width: 100% !important;
    height: 28px !important;

    padding: 0 10px !important;

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

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

    background: transparent !important;

    color: #111820 !important;

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

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

    cursor: pointer !important;
}

.mct-jogos-view-switch button.is-active {
    background: #202126 !important;
    color: #fff !important;
}

@media (max-width: 760px) {

    .mct-jogos-view-switch {
        height: 32px !important;
        margin-top: 8px !important;
    }

    .mct-jogos-view-switch button {
        height: 28px !important;
        font-size: 14px !important;
    }
}

/* Jogos Lista / Calendário — remove button spacing */
.mct-jogos-view-switch button,
.mct-jogos-view-switch button.is-active {
    margin: 0 !important;
    padding: 0 !important;

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

    height: 28px !important;

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

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

.mct-jogos-view-switch {
    padding: 2px !important;
    gap: 0 !important;
}

/* =========================================================
   Lista / Calendário — final alignment fix
   ========================================================= */

.mct-jogos-view-switch {
    width: 100% !important;
    height: 34px !important;

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

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

    gap: 0 !important;

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

    background: #f0f2f5 !important;

    overflow: visible !important;
    box-sizing: border-box !important;
}

.mct-jogos-view-switch button,
.mct-jogos-view-switch button.is-active {
    width: 100% !important;
    height: 30px !important;

    min-width: 0 !important;
    max-width: none !important;

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

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

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

    box-sizing: border-box !important;

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

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

    line-height: 30px !important;

    text-align: center !important;
    vertical-align: middle !important;

    white-space: nowrap !important;
}

.mct-jogos-view-switch button {
    background: transparent !important;
    color: #111820 !important;
}

.mct-jogos-view-switch button.is-active {
    background: #202126 !important;
    color: #fff !important;
}

/* =========================================================
   Calendar match — reference-style compact badge
   Logo + score/time only
   ========================================================= */

.mct-calendar-event {
    width: 100% !important;

    margin-top: 4px !important;

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

    gap: 3px !important;

    overflow: visible !important;
}

.mct-calendar-event img {
    width: 30px !important;
    height: 30px !important;

    max-width: 30px !important;

    object-fit: contain !important;
}

.mct-calendar-event small {
    display: block !important;

    margin: 0 !important;

    color: #071426 !important;

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

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

    white-space: nowrap !important;
}

.mct-calendar-event.is-live small {
    color: #00a84d !important;
}

@media (max-width: 760px) {

    .mct-calendar-day {
        min-height: 76px !important;
    }

    .mct-calendar-event img {
        width: 28px !important;
        height: 28px !important;

        max-width: 28px !important;
    }

    .mct-calendar-event small {
        font-size: 9px !important;
    }
}

/* =========================================================
   Calendar — home + away
   ========================================================= */

.mct-calendar-event {
    width: 100% !important;

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

    gap: 4px !important;
}

.mct-calendar-event-teams {
    width: 100% !important;

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

    gap: 3px !important;
}

.mct-calendar-event-teams img {
    width: 21px !important;
    height: 21px !important;

    max-width: 21px !important;

    flex: 0 0 21px !important;

    object-fit: contain !important;
}

.mct-calendar-event small {
    margin: 0 !important;

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

    white-space: nowrap !important;
}

@media (max-width:760px) {

    .mct-calendar-event-teams {
        gap: 2px !important;
    }

    .mct-calendar-event-teams img {
        width: 19px !important;
        height: 19px !important;

        max-width: 19px !important;

        flex: 0 0 19px !important;
    }

}

/* =========================================================
   CALENDAR — SOFASCORE STYLE
   Casa = claro
   Fora = escuro
   ========================================================= */

.mct-calendar-day.has-match {
    padding: 2px !important;
}

.mct-calendar-event {
    width: 100% !important;
    height: calc(100% - 13px) !important;
    min-height: 54px !important;

    margin-top: 2px !important;
    padding: 4px 2px !important;

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

    gap: 3px !important;

    border-radius: 5px !important;

    text-decoration: none !important;
}


/* CASA */
.mct-calendar-event.is-home {
    background: #ffffff !important;

    box-shadow:
        inset 0 0 0 1px #dfe5eb !important;
}


/* FORA */
.mct-calendar-event.is-away {
    background: #202126 !important;

    box-shadow: none !important;
}


/* opponent logo */
.mct-calendar-event img {
    width: 27px !important;
    height: 27px !important;

    max-width: 27px !important;

    object-fit: contain !important;
}


/* score / time */
.mct-calendar-event small {
    margin: 0 !important;

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

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

    white-space: nowrap !important;

    color: #071426 !important;
}

.mct-calendar-event.is-away small {
    color: #ffffff !important;
}


/* Finished score */
.mct-calendar-event.is-finished small {
    font-size: 10px !important;
    font-weight: 800 !important;
}


/* Live */
.mct-calendar-event.is-live small {
    color: #00c866 !important;
}


/* =========================================================
   CASA / FORA LEGEND
   ========================================================= */

.mct-jogos-calendar::after {
    content:
        "□  Casa     ■  Fora";

    display: block;

    padding:
        4px
        12px
        10px;

    color: #7d8998;

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

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

    white-space: pre;
}


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

    .mct-calendar-event img {
        width: 25px !important;
        height: 25px !important;

        max-width: 25px !important;
    }

    .mct-calendar-event {
        min-height: 53px !important;
    }

}

/* =========================================================
   TEAM CALENDAR — Sofascore-like match cells
   整个日期格 = 比赛卡
   ========================================================= */

@media (max-width: 760px) {

    /* Calendar grid */
    .mct-calendar-grid {
        gap: 2px !important;
    }


    /* =====================================================
       BASIC DAY CELL
       ===================================================== */

    .mct-calendar-day {
        position: relative !important;

        min-height: 78px !important;

        padding: 0 !important;

        overflow: hidden !important;

        border-radius: 4px !important;

        background: #f3f5f7 !important;

        box-shadow: none !important;
    }


    .mct-calendar-day.is-empty {
        background: #f7f8fa !important;
    }


    /* 日期数字 */
    .mct-calendar-day-number {
        position: absolute !important;

        top: 5px !important;
        left: 6px !important;

        z-index: 5 !important;

        margin: 0 !important;

        color: #8591a0 !important;

        font-size: 9px !important;
        line-height: 1 !important;
        font-weight: 500 !important;

        pointer-events: none !important;
    }


    /* =====================================================
       HAS MATCH
       ===================================================== */

    .mct-calendar-day.has-match {
        padding: 0 !important;

        background: #ffffff !important;

        box-shadow:
            inset 0 0 0 1px #dfe5eb !important;
    }


    /* =====================================================
       EVENT OCCUPIES ENTIRE CELL
       ===================================================== */

    .mct-calendar-event {
        position: absolute !important;

        inset: 0 !important;

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

        min-height: 0 !important;

        margin: 0 !important;

        padding:
            17px
            3px
            5px !important;

        display: flex !important;

        flex-direction: column !important;

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

        gap: 4px !important;

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

        box-shadow: none !important;

        text-decoration: none !important;
    }


    /* =====================================================
       CASA
       ===================================================== */

    .mct-calendar-event.is-home {
        background: #ffffff !important;
    }


    /* =====================================================
       FORA
       ===================================================== */

    .mct-calendar-event.is-away {
        background: #202126 !important;
    }


    /* 客场日期数字变白灰 */
    .mct-calendar-day:has(
        .mct-calendar-event.is-away
    ) .mct-calendar-day-number {
        color: #ffffff !important;

        font-weight: 700 !important;
    }


    /* =====================================================
       OPPONENT LOGO
       ===================================================== */

    .mct-calendar-event img {
        width: 31px !important;
        height: 31px !important;

        max-width: 31px !important;

        margin: auto 0 0 !important;

        flex: 0 0 31px !important;

        object-fit: contain !important;
    }


    /* =====================================================
       SCORE / TIME
       ===================================================== */

    .mct-calendar-event small {
        min-width: 0 !important;

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

        background: transparent !important;

        color: #071426 !important;

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

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

        white-space: nowrap !important;
    }


    /* 客场时间 */
    .mct-calendar-event.is-away small {
        color: #ffffff !important;
    }


    /* =====================================================
       FINISHED SCORE PILL
       图2的绿色比分胶囊
       ===================================================== */

    .mct-calendar-event.is-finished small {
        min-width: 40px !important;

        padding:
            4px
            6px !important;

        display: inline-flex !important;

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

        border-radius: 5px !important;

        background: #09b75a !important;

        color: #ffffff !important;

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


    /* =====================================================
       LIVE
       ===================================================== */

    .mct-calendar-event.is-live small {
        padding:
            3px
            5px !important;

        border-radius: 4px !important;

        background: #09b75a !important;

        color: #ffffff !important;
    }

}

/* =========================================================
   CALENDAR — improve dark logos on away cells
   ========================================================= */

@media (max-width:760px) {

    /* 客场深色卡片里的 Logo 加浅色底托 */
    .mct-calendar-event.is-away img {
        width: 31px !important;
        height: 31px !important;

        padding: 3px !important;

        border-radius: 50% !important;

        background: #ffffff !important;

        box-sizing: border-box !important;

        object-fit: contain !important;
    }

}

/* =========================================================
   TEAM CALENDAR HEADER — reference style
   ========================================================= */

@media (max-width:760px) {

    /* 整个月份导航 */
    .mct-calendar-nav {
        min-height: 64px !important;
        height: 64px !important;

        padding: 10px 13px !important;

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

        align-items: center !important;

        gap: 12px !important;

        border-bottom: 0 !important;

        background: #fff !important;
    }


    /* 左右箭头 */
    .mct-calendar-nav button {
        width: 34px !important;
        height: 34px !important;

        min-width: 34px !important;
        min-height: 34px !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: #f3f5f8 !important;

        color: #315fe8 !important;

        font-family: Arial, sans-serif !important;
        font-size: 23px !important;
        font-weight: 500 !important;
        line-height: 1 !important;

        box-shadow: none !important;
    }


    /* 右边按钮靠右 */
    .mct-calendar-nav button:last-child {
        justify-self: end !important;
    }


    /* =====================================================
       MONTH SELECT LOOK
       ===================================================== */

    .mct-calendar-nav strong {
        width: max-content !important;
        max-width: 190px !important;
        height: 36px !important;

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

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

        gap: 7px !important;

        border:
            1px solid #d7dce2 !important;

        border-radius: 8px !important;

        background: #fff !important;

        color: #111820 !important;

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

        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1 !important;

        text-align: center !important;

        box-shadow:
            0 1px 2px rgba(0,0,0,.04) !important;
    }


    .mct-calendar-nav strong span {
        display: block !important;

        white-space: nowrap !important;
    }


    /* dropdown 小灰块 */
    .mct-calendar-nav strong i {
        width: 25px !important;
        height: 28px !important;

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

        border-radius: 6px !important;

        background: #f1f3f6 !important;

        color: #252a31 !important;

        font-family: Arial, sans-serif !important;
        font-size: 11px !important;
        font-style: normal !important;
        line-height: 1 !important;
    }


    /* =====================================================
       WEEKDAYS
       ===================================================== */

    .mct-calendar-weekdays {
        padding:
            4px
            8px
            8px !important;

        background: #fff !important;
    }


    .mct-calendar-weekdays span {
        color: #8993a0 !important;

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

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

        text-transform: lowercase !important;
    }

}

/* Team Jogos filter buttons — remove inherited margin */
.mct-jogos-toolbar button,
.mct-jogos-tabs button,
.mct-jogos-tabs button.is-active,
.mct-jogos-filter-button {
    margin: 0 !important;
}

/* LOCAL — remove button spacing completely */
.mct-jogos-filter-group[data-jogos-filter-venue] button,
.mct-jogos-filter-group[data-jogos-filter-venue] button.is-active {
    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   TEAM JOGOS — CALENDAR MONTH PICKER
   ========================================================== */

.mct-calendar-month-picker {
    position: relative;
    min-width: 0;
    display: flex;
    justify-content: center;
}

.mct-calendar-month-trigger,
.mct-calendar-month-trigger:hover,
.mct-calendar-month-trigger:focus {
    width: auto !important;
    min-width: 150px !important;
    max-width: 100% !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 5px 0 12px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;

    border: 1px solid #d7dce2 !important;
    border-radius: 8px !important;

    background: #fff !important;
    color: #1d2433 !important;

    box-shadow: none !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    text-transform: none !important;
}

.mct-calendar-month-trigger > span {
    white-space: nowrap;
}

.mct-calendar-month-trigger > i {
    width: 25px;
    height: 28px;

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

    flex: 0 0 25px;

    border-radius: 6px;

    background: #f1f3f6;
    color: #697386;

    font-size: 10px;
    font-style: normal;

    transition: transform .16s ease;
}

.mct-calendar-month-trigger[aria-expanded="true"] > i {
    transform: rotate(180deg);
}

.mct-calendar-month-menu {
    position: absolute;
    z-index: 80;

    top: calc(100% + 6px);
    left: 50%;

    width: 190px;
    max-height: 260px;

    padding: 5px;

    overflow-y: auto;

    transform: translateX(-50%);

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

    background: #fff;

    box-shadow:
        0 10px 30px
        rgba(15, 23, 42, .14);
}

.mct-calendar-month-menu[hidden] {
    display: none !important;
}

.mct-calendar-month-menu button,
.mct-calendar-month-menu button:hover,
.mct-calendar-month-menu button:focus {
    width: 100% !important;
    height: 36px !important;

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

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

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

    background: transparent !important;
    color: #283247 !important;

    box-shadow: none !important;

    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 36px !important;

    text-align: left !important;
    text-transform: none !important;
}

.mct-calendar-month-menu button:hover {
    background: #f3f5f8 !important;
}

.mct-calendar-month-menu button.is-active {
    background: #edf2ff !important;
    color: #315fe8 !important;
    font-weight: 700 !important;
}

@media (max-width: 760px) {

    .mct-calendar-nav {
        overflow: visible !important;
    }

    .mct-calendar-month-picker {
        width: 100%;
    }

    .mct-calendar-month-trigger,
    .mct-calendar-month-trigger:hover,
    .mct-calendar-month-trigger:focus {
        min-width: 145px !important;
        height: 34px !important;
    }

    .mct-calendar-month-menu {
        width: 180px;
        max-height: 230px;
    }
}


/* ==========================================================
   TEAM JOGOS — MONTH TRIGGER FINAL FIX
   Prevent calendar arrow-button rules leaking into selector
   ========================================================== */

.mct-calendar-nav
.mct-calendar-month-picker
button.mct-calendar-month-trigger,
.mct-calendar-nav
.mct-calendar-month-picker
button.mct-calendar-month-trigger:hover,
.mct-calendar-nav
.mct-calendar-month-picker
button.mct-calendar-month-trigger:focus,
.mct-calendar-nav
.mct-calendar-month-picker
button.mct-calendar-month-trigger:active {

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

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

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

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

    gap: 7px !important;

    border: 1px solid #d7dce2 !important;
    outline: 0 !important;
    border-radius: 8px !important;

    background: #fff !important;
    color: #202633 !important;

    box-shadow: none !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;

    transform: none !important;
}


.mct-calendar-nav
.mct-calendar-month-trigger
[data-calendar-title] {

    display: block !important;

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

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

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;
    color: #202633 !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;

    white-space: nowrap !important;
}


.mct-calendar-nav
.mct-calendar-month-trigger > i {

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

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

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

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

    flex: 0 0 25px !important;

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

    background: #f0f2f5 !important;
    color: #7d8797 !important;

    font-family: Arial, sans-serif !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    font-style: normal !important;

    line-height: 1 !important;
}


.mct-calendar-nav
.mct-calendar-month-trigger[aria-expanded="true"] > i {

    transform: rotate(180deg) !important;
}


@media (max-width: 760px) {

    .mct-calendar-nav
    .mct-calendar-month-picker
    button.mct-calendar-month-trigger,
    .mct-calendar-nav
    .mct-calendar-month-picker
    button.mct-calendar-month-trigger:hover,
    .mct-calendar-nav
    .mct-calendar-month-picker
    button.mct-calendar-month-trigger:focus,
    .mct-calendar-nav
    .mct-calendar-month-picker
    button.mct-calendar-month-trigger:active {

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

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

        margin: 0 auto !important;

        padding:
            0
            4px
            0
            11px !important;
    }

}



/* ==========================================================
   TEAM HEADER — 1210PX CONTENT ALIGNMENT
   Same geometry as League pages
   ========================================================== */

@media (min-width: 761px) {

    /*
     * Keep the dark hero/background full viewport width.
     * Only constrain the actual content horizontally.
     *
     * This gives:
     *
     * full-width background
     *        └── 1210px content
     */
    .mct-team-hero {
        width: 100% !important;
        max-width: none !important;

        padding-left:
            max(
                20px,
                calc((100% - 1210px) / 2)
            ) !important;

        padding-right:
            max(
                20px,
                calc((100% - 1210px) / 2)
            ) !important;

        box-sizing: border-box !important;
    }


    /*
     * NAV:
     * background remains full width,
     * actual tabs align to the same 1210px content column.
     */
    .mct-team-nav {
        width: 100% !important;
        max-width: none !important;

        padding-left:
            max(
                20px,
                calc((100% - 1210px) / 2)
            ) !important;

        padding-right:
            max(
                20px,
                calc((100% - 1210px) / 2)
            ) !important;

        box-sizing: border-box !important;
    }


    /*
     * Some team templates have an inner hero wrapper.
     * Do not allow it to become wider than the target shell.
     */
    .mct-team-hero-inner,
    .mct-team-hero-content,
    .mct-team-hero-main {
        width: 100% !important;
        max-width: 1210px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /*
     * If nav uses an additional inner element,
     * keep that aligned too.
     */
    .mct-team-nav-inner {
        width: 100% !important;
        max-width: 1210px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

}


/* ==========================================================
   MOBILE
   Keep existing mobile full-width behaviour
   ========================================================== */

@media (max-width: 760px) {

    .mct-team-hero,
    .mct-team-nav {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

}



/* ==========================================================
   TEAM OVERVIEW — 1210PX MAIN CONTENT SHELL
   ========================================================== */

@media (min-width: 761px) {

    /*
     * Main team page content.
     * Match the 1210px league/team header alignment.
     */
    .mct-team-page > main,
    .mct-team-main,
    .mct-team-content,
    .mct-team-overview,
    .mct-team-overview-main {
        width: calc(100% - 40px) !important;
        max-width: 1210px !important;

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

        box-sizing: border-box !important;
    }

}


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

    .mct-team-page > main,
    .mct-team-main,
    .mct-team-content,
    .mct-team-overview,
    .mct-team-overview-main {
        width: 100% !important;
        max-width: none !important;
    }

}


/* ==========================================================
   TEAM HERO ACTION TEXT — FINAL
   ========================================================== */

.mct-team-action span{
    font-size:14px !important;
    line-height:1 !important;
    font-weight:700 !important;
    font-family:
        "Barlow Condensed",
        "Arial Narrow",
        Arial,
        sans-serif !important;
}

/* 如果你想按钮本身也跟着略大 */
.mct-team-action{
    font-size:14px !important;
}


/* ==========================================================
   TEAM HERO ACTIONS — FINAL COMPUTED STYLE
   ========================================================== */

.mct-team-hero-actions .mct-team-action{
    position:relative !important;

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

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

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

    gap:7px !important;

    border:1px solid rgba(255,255,255,.20) !important;
    border-radius:5px !important;

    background:rgba(255,255,255,.02) !important;
    color:#fff !important;

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

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

    letter-spacing:.4074px !important;

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

    white-space:nowrap !important;

    box-sizing:border-box !important;
    cursor:pointer !important;
}


/* FAVORITAR */
.mct-team-hero-actions .mct-team-action.is-favorite{
    min-width:105px !important;
}


/* COMPARTILHAR */
.mct-team-hero-actions .mct-team-action.is-share{
    min-width:118px !important;
}


/* Text must inherit button typography */
.mct-team-hero-actions .mct-team-action > span{
    font-family:inherit !important;
    font-size:inherit !important;
    line-height:inherit !important;
    font-weight:inherit !important;
    letter-spacing:inherit !important;
}


/* Icons */
.mct-team-hero-actions .mct-team-action > svg{
    width:15px !important;
    height:15px !important;

    flex:0 0 15px !important;

    margin:0 !important;
}


/* Share icon */
.mct-team-hero-actions .mct-team-action.is-share > svg{
    color:#32b94b !important;
    stroke:#32b94b !important;
}


/* TEAM STAT CARD LABEL — FINAL */
.mct-team-stat-card strong {
    font-size: 11px !important;
    line-height: 1.15 !important;
}

/* ==========================================================
   TEAM HERO ACTIONS — MOBILE SAME AS LEAGUE
   icon-only square buttons
   ========================================================== */

@media (max-width: 760px) {

    .mct-team-hero-actions{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-end !important;

        gap:6px !important;

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


    .mct-team-hero-actions .mct-team-action,
    .mct-team-hero-actions .mct-team-action.is-favorite,
    .mct-team-hero-actions .mct-team-action.is-share{
        position:relative !important;

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

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

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

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

        gap:0 !important;

        border:
            1px solid
            rgba(255,255,255,.20)
            !important;

        border-radius:6px !important;

        background:
            rgba(255,255,255,.025)
            !important;

        box-shadow:none !important;

        overflow:hidden !important;
    }


    /* Hide desktop labels */
    .mct-team-hero-actions
    .mct-team-action > span{
        display:none !important;
    }


    /* Exact icon centering */
    .mct-team-hero-actions
    .mct-team-action > svg{
        position:absolute !important;

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

        width:17px !important;
        height:17px !important;

        margin:0 !important;

        transform:
            translate(
                -50%,
                -50%
            )
            !important;

        flex:none !important;

        display:block !important;
    }


    /* Favorite */
    .mct-team-hero-actions
    .mct-team-action.is-favorite > svg{
        color:#ffffff !important;
        stroke:#ffffff !important;
    }


    /* Share */
    .mct-team-hero-actions
    .mct-team-action.is-share > svg{
        color:#00c96b !important;
        stroke:#00c96b !important;
    }


    .mct-team-hero-actions
    .mct-team-action:hover,
    .mct-team-hero-actions
    .mct-team-action:focus{
        transform:none !important;
    }

}


/* Favorite ativo — somente estrela */
.mct-team-action.is-favorite.is-active svg,
.mct-mobile-team-icon.is-active svg {
    fill: #F5C542 !important;
    color: #F5C542 !important;
    stroke: #F5C542 !important;
}