/* =========================================================
 * ARTILHEIROS — TOP
 * ========================================================= */

.mcc-scorers-page {
    background:#f7f9fb;
}

.mcc-scorers-page > .mcc-league-shell {
    padding-top:18px;
    padding-bottom:30px;
}


/* metrics */

.mcc-scorers-metrics {
    display:flex;
    align-items:center;
    gap:8px;

    width:100%;

    margin-bottom:14px;

    overflow-x:auto;
    scrollbar-width:none;
}

.mcc-scorers-metrics::-webkit-scrollbar {
    display:none;
}

.mcc-scorers-metric {
    flex:0 0 auto;

    height:38px;

    padding:0 17px;

    border:1px solid #dfe5eb;
    border-radius:6px;

    background:#fff;

    color:#586679;

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

    cursor:pointer;

    white-space:nowrap;
}

.mcc-scorers-metric.is-active {
    border-color:#0aa84b;

    background:#0aa84b;

    color:#fff;

    box-shadow:
        0 5px 16px
        rgba(10,168,75,.15);
}


/* top 3 */

.mcc-scorers-podium {
    display:grid;

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

    gap:12px;
}


.mcc-scorer-card {
    position:relative;

    min-width:0;

    overflow:hidden;

    border:1px solid #e0e6ec;
    border-radius:9px;

    background:#fff;
}


.mcc-scorer-rank {
    position:absolute;

    z-index:5;

    top:12px;
    left:12px;

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

    width:29px;
    height:29px;

    border-radius:8px;

    background:#edf1f5;

    color:#68778a;

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


.is-rank-1 .mcc-scorer-rank {
    background:#fff0b9;
    color:#cc9300;
}

.is-rank-2 .mcc-scorer-rank {
    background:#eef1f5;
    color:#6f7d90;
}

.is-rank-3 .mcc-scorer-rank {
    background:#fbe9df;
    color:#b66c3d;
}


.mcc-scorer-player {
    display:grid;

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

    min-height:178px;
}


.mcc-scorer-photo {
    display:flex;
    align-items:flex-end;
    justify-content:center;

    min-width:0;

    padding:
        42px
        5px
        0;

    background:
        linear-gradient(
            145deg,
            #f7f9fb,
            #fff
        );
}


.mcc-scorer-photo img {
    display:block;

    width:100%;
    max-width:94px;

    height:133px;

    object-fit:contain;
    object-position:center bottom;
}


.mcc-scorer-photo > span {
    display:flex;
    align-items:center;
    justify-content:center;

    width:66px;
    height:66px;

    margin-bottom:30px;

    border-radius:50%;

    background:#e9eef3;

    color:#657387;

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


.mcc-scorer-info {
    display:flex;
    flex-direction:column;
    justify-content:flex-end;

    min-width:0;

    padding:
        18px
        15px
        14px
        10px;
}


.mcc-scorer-title {
    display:grid;

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

    align-items:end;

    gap:8px;
}


.mcc-scorer-title > div:first-child {
    min-width:0;
}


.mcc-scorer-title
> div:first-child
> strong {
    display:block;

    overflow:hidden;

    color:#111c2d;

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

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


.mcc-scorer-title
> div:first-child
> span {
    display:flex;
    align-items:center;

    gap:5px;

    min-width:0;

    margin-top:5px;

    overflow:hidden;

    color:#7c8998;

    font-size:9px;

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


.mcc-scorer-title
> div:first-child
> span img {
    flex:0 0 auto;

    width:14px;
    height:14px;

    object-fit:contain;
}


.mcc-scorer-goal-count {
    text-align:right;
}


.mcc-scorer-goal-count strong {
    display:block;

    color:#0b9142;

    font-size:30px;
    font-weight:950;
    line-height:.9;
}


.mcc-scorer-goal-count small {
    display:block;

    margin-top:5px;

    color:#8a96a5;

    font-size:7px;
    font-weight:600;
}


.mcc-scorer-stats {
    display:grid;

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

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

    border-top:1px solid #edf0f3;
}


.mcc-scorer-stats > div {
    min-width:0;

    padding:0 7px;

    text-align:center;

    border-left:1px solid #edf0f3;
}


.mcc-scorer-stats > div:first-child {
    padding-left:0;
    border-left:0;
}


.mcc-scorer-stats > div:last-child {
    padding-right:0;
}


.mcc-scorer-stats strong {
    display:block;

    color:#172337;

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


.mcc-scorer-stats span {
    display:block;

    margin-top:3px;

    color:#929daa;

    font-size:7px;
    font-weight:600;
}


.mcc-scorers-empty {
    padding:35px;

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

    background:#fff;

    color:#8491a2;

    text-align:center;
}


/* mobile */

@media (max-width:767px) {

    .mcc-scorers-page >
    .mcc-league-shell {
        padding-top:12px;
    }


    .mcc-scorers-metrics {
        margin-bottom:10px;
    }


    .mcc-scorers-metric {
        height:34px;

        padding:0 13px;

        font-size:11px;
    }


    .mcc-scorers-podium {
        display:flex;
        flex-direction:column;

        gap:8px;
    }


    .mcc-scorer-player {
        grid-template-columns:
            74px
            minmax(0,1fr);

        min-height:115px;
    }


    .mcc-scorer-rank {
        top:8px;
        left:8px;

        width:23px;
        height:23px;

        border-radius:6px;

        font-size:10px;
    }


    .mcc-scorer-photo {
        padding:
            29px
            3px
            0;
    }


    .mcc-scorer-photo img {
        max-width:66px;
        height:84px;
    }


    .mcc-scorer-info {
        padding:
            12px
            11px
            10px
            5px;
    }


    .mcc-scorer-title
    > div:first-child
    > strong {
        font-size:13px;
    }


    .mcc-scorer-goal-count strong {
        font-size:24px;
    }


    .mcc-scorer-stats {
        margin-top:9px;
        padding-top:8px;
    }


    .mcc-scorer-stats strong {
        font-size:10px;
    }

}


/* =========================================================
 * ARTILHEIROS — INTERACTION V2
 * ========================================================= */

.mcc-scorers-podium {
    transition:
        opacity .12s ease,
        transform .12s ease;
}

.mcc-scorers-podium.is-switching {
    opacity:.35;
    transform:translateY(3px);
}


.mcc-scorers-metric {
    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease,
        box-shadow .15s ease;
}


.mcc-scorers-metric:hover {
    border-color:#10a84b;

    color:#079441;

    transform:translateY(-1px);
}


.mcc-scorers-metric.is-active:hover {
    color:#fff;
}


.mcc-scorers-metric:focus-visible {
    outline:2px solid rgba(10,168,75,.28);
    outline-offset:2px;
}


.mcc-scorer-card {
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease;
}


.mcc-scorer-card:hover {
    transform:translateY(-2px);

    border-color:#d3dce5;

    box-shadow:
        0 10px 26px
        rgba(26,42,58,.07);
}


/* subtle football watermark */

.mcc-scorer-card::after {
    content:"";

    position:absolute;

    z-index:0;

    width:94px;
    height:94px;

    right:-24px;
    top:18px;

    border:13px solid #f1f4f7;

    border-radius:50%;

    opacity:.72;

    pointer-events:none;
}


.mcc-scorer-player,
.mcc-scorer-rank {
    position:relative;
    z-index:2;
}


.mcc-scorers-no-metric-data {
    grid-column:1 / -1;

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

    min-height:178px;

    border:1px dashed #dbe2e9;
    border-radius:9px;

    background:#fff;

    color:#8390a0;

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


@media (max-width:767px) {

    .mcc-scorer-card:hover {
        transform:none;
        box-shadow:none;
    }


    .mcc-scorers-no-metric-data {
        min-height:100px;
    }

}


/* =========================================================
 * MC ARTILHEIROS — TABLE V3
 * ========================================================= */

.mcc-scorers-table-section {
    margin-top:14px;

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

    background:#fff;

    overflow:hidden;
}


/* toolbar */

.mcc-scorers-toolbar {
    display:grid;

    grid-template-columns:
        minmax(250px,1fr)
        150px
        150px
        auto;

    gap:9px;

    align-items:center;

    padding:11px;

    border-bottom:1px solid #edf0f3;
}


.mcc-scorers-search {
    display:flex;
    align-items:center;

    gap:8px;

    min-width:0;
    height:38px;

    padding:0 11px;

    border:1px solid #dfe5eb;
    border-radius:6px;

    background:#fff;
}


.mcc-scorers-search > span {
    color:#718095;

    font-size:17px;
}


.mcc-scorers-search input {
    width:100%;
    min-width:0;

    border:0;
    outline:0;

    background:transparent;

    color:#182337;

    font-size:11px;
}


.mcc-scorers-filter select {
    width:100%;
    height:38px;

    padding:0 11px;

    border:1px solid #dfe5eb;
    border-radius:6px;

    background:#fff;

    color:#334155;

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


.mcc-scorers-export {
    height:38px;

    padding:0 15px;

    border:1px solid #dfe5eb;
    border-radius:6px;

    background:#fff;

    color:#334155;

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

    white-space:nowrap;

    cursor:pointer;
}


.mcc-scorers-export:hover {
    border-color:#0aa84b;

    color:#078f40;
}


/* table */

.mcc-scorers-table-scroll {
    width:100%;

    overflow-x:auto;
}


.mcc-scorers-table {
    width:100%;

    min-width:920px;

    border-collapse:collapse;
}


.mcc-scorers-table th {
    height:37px;

    padding:0 10px;

    border-bottom:1px solid #edf0f3;

    color:#758297;

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

    text-align:left;

    white-space:nowrap;
}


.mcc-scorers-table td {
    height:46px;

    padding:6px 10px;

    border-bottom:1px solid #f0f2f5;

    color:#445269;

    font-size:9px;

    vertical-align:middle;

    white-space:nowrap;
}


.mcc-scorers-table tbody
tr:hover {
    background:#fafcfd;
}


.mcc-scorers-table tbody
tr:last-child td {
    border-bottom:0;
}


.mcc-art-player-cell {
    display:flex;

    align-items:center;

    gap:7px;
}


.mcc-art-player-cell img {
    width:24px;
    height:24px;

    border-radius:50%;

    object-fit:contain;
}


.mcc-art-player-cell strong {
    color:#182337;

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


.mcc-art-team-cell img {
    width:18px;
    height:18px;

    margin-right:6px;

    object-fit:contain;

    vertical-align:middle;
}


/* footer */

.mcc-scorers-table-footer {
    display:flex;

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

    gap:12px;

    min-height:55px;

    padding:9px 13px;

    border-top:1px solid #edf0f3;
}


.mcc-scorers-table-footer > span {
    color:#7d8999;

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


.mcc-scorers-pagination {
    display:flex;

    align-items:center;

    gap:5px;
}


.mcc-scorers-pagination button {
    display:flex;
    align-items:center;
    justify-content:center;

    width:30px;
    height:30px;

    border:1px solid #e0e6ec;
    border-radius:6px;

    background:#fff;

    color:#536176;

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

    cursor:pointer;
}


.mcc-scorers-pagination button.is-active {
    border-color:#09a948;

    background:#09a948;

    color:#fff;
}


.mcc-scorers-pagination button:disabled {
    opacity:.35;

    cursor:default;
}


.mcc-scorers-table-empty {
    padding:35px;

    color:#8995a4;

    font-size:11px;

    text-align:center;
}


/* mobile hidden on desktop */

.mcc-scorers-mobile-list {
    display:none;
}


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

@media (max-width:767px) {

    .mcc-scorers-table-section {
        margin-top:10px;

        border-radius:8px;
    }


    .mcc-scorers-toolbar {
        grid-template-columns:
            minmax(0,1fr)
            auto;

        gap:7px;

        padding:9px;
    }


    .mcc-scorers-search {
        grid-column:1 / -1;

        height:36px;
    }


    .mcc-scorers-filter {
        min-width:0;
    }


    .mcc-scorers-filter select {
        height:34px;

        padding:0 8px;

        font-size:9px;
    }


    .mcc-scorers-export {
        height:34px;

        padding:0 11px;

        font-size:9px;
    }


    .mcc-scorers-table-scroll {
        display:none;
    }


    .mcc-scorers-mobile-list {
        display:flex;

        flex-direction:column;

        gap:7px;

        padding:8px;
    }


    .mcc-art-mobile-card {
        position:relative;

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

        background:#fff;

        overflow:hidden;
    }


    .mcc-art-mobile-rank {
        position:absolute;

        top:8px;
        left:8px;

        z-index:2;

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

        width:22px;
        height:22px;

        border-radius:6px;

        background:#eef2f5;

        color:#5f6c7f;

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


    .mcc-art-mobile-head {
        display:grid;

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

        align-items:center;

        gap:8px;

        min-height:76px;

        padding:
            9px
            10px
            8px
            34px;
    }


    .mcc-art-mobile-player {
        width:50px;
        height:58px;

        object-fit:contain;
        object-position:center bottom;
    }


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


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

        overflow:hidden;

        color:#172337;

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

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


    .mcc-art-mobile-name span {
        display:flex;
        align-items:center;

        gap:5px;

        min-width:0;

        margin-top:5px;

        overflow:hidden;

        color:#7e8a99;

        font-size:11px;

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


    .mcc-art-mobile-team {
        width:14px;
        height:14px;

        object-fit:contain;
    }


    .mcc-art-mobile-goals {
        text-align:right;
    }


    .mcc-art-mobile-goals strong {
        display:block;

        color:#0a9844;

        font-size:22px;
        font-weight:950;
        line-height:1;
    }


    .mcc-art-mobile-goals span {
        display:block;

        margin-top:3px;

        color:#8b97a6;

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


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

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

        border-top:1px solid #edf0f3;
    }


    .mcc-art-mobile-stats > div {
        padding:7px 4px;

        text-align:center;

        border-left:1px solid #edf0f3;
    }


    .mcc-art-mobile-stats > div:first-child {
        border-left:0;
    }


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

        color:#263449;

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


    .mcc-art-mobile-stats span {
        display:block;

        margin-top:2px;

        color:#909aa8;

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


    .mcc-scorers-table-footer {
        min-height:48px;

        padding:7px 9px;
    }


    .mcc-scorers-table-footer > span {
        font-size:8px;
    }


    .mcc-scorers-pagination button {
        width:27px;
        height:27px;

        font-size:9px;
    }

}


/* =========================================================
 * ARTILHEIROS TOP3 — FIG2 STYLE V4
 * ========================================================= */

.mcc-scorers-podium {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}


.mcc-scorer-card {
    position:relative;
    min-width:0;
    min-height:300px;

    overflow:hidden;

    border:1px solid #dfe5ec;
    border-radius:9px;

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

    box-shadow:
        0 2px 8px
        rgba(20,32,48,.025);
}


/* -------------------------
 * rank + crown
 * ------------------------- */

.mcc-scorer-rank-stack {
    position:absolute;

    z-index:6;

    top:16px;
    left:16px;

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

    gap:3px;

    width:30px;
}


.mcc-scorer-crown {
    width:20px;
    height:20px;

    fill:currentColor;
    stroke:currentColor;
    stroke-width:1.3;

    overflow:visible;
}


.mcc-scorer-rank-stack strong {
    color:inherit;

    font-size:18px;
    font-weight:950;
    line-height:1;
}


.mcc-scorer-card.is-rank-1
.mcc-scorer-rank-stack {
    color:#e8aa00;
}


.mcc-scorer-card.is-rank-2
.mcc-scorer-rank-stack {
    color:#8ea0b8;
}


.mcc-scorer-card.is-rank-3
.mcc-scorer-rank-stack {
    color:#c77b50;
}


/* -------------------------
 * watermark ball
 * ------------------------- */

.mcc-scorer-ball-watermark {
    position:absolute;

    z-index:0;

    top:14px;
    right:15px;

    width:74px;
    height:74px;

    fill:none;

    stroke:#edf1f5;
    stroke-width:7;

    opacity:.9;

    pointer-events:none;
}


/* -------------------------
 * portrait zone
 * ------------------------- */

.mcc-scorer-hero {
    position:relative;

    z-index:2;

    height:145px;

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

    padding-top:16px;
}


.mcc-scorer-photo {
    display:flex;
    align-items:flex-end;
    justify-content:center;

    width:138px;
    height:138px;

    padding:0;

    background:none;
}


.mcc-scorer-photo img {
    display:block;

    width:100%;
    height:100%;

    max-width:none;

    object-fit:contain;
    object-position:center bottom;
}


.mcc-scorer-photo > span {
    display:flex;
    align-items:center;
    justify-content:center;

    width:78px;
    height:78px;

    margin:0 0 18px;

    border-radius:50%;

    background:#eef2f6;

    color:#627086;

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


/* -------------------------
 * content
 * ------------------------- */

.mcc-scorer-content {
    position:relative;

    z-index:3;

    padding:
        5px
        14px
        0;
}


.mcc-scorer-mainline {
    display:grid;

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

    align-items:end;

    gap:10px;

    padding-bottom:14px;
}


.mcc-scorer-copy {
    min-width:0;
}


.mcc-scorer-name {
    display:block;

    overflow:hidden;

    color:#111827;

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

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


.mcc-scorer-team {
    display:flex;
    align-items:center;

    gap:6px;

    min-width:0;

    margin-top:7px;

    color:#6f7c8e;

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


.mcc-scorer-team img {
    flex:0 0 auto;

    width:18px;
    height:18px;

    object-fit:contain;
}


.mcc-scorer-team span {
    overflow:hidden;

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


.mcc-scorer-primary {
    min-width:42px;

    text-align:right;
}


.mcc-scorer-primary strong {
    display:block;

    color:#0aa648;

    font-size:30px;
    font-weight:950;
    line-height:.88;
}


.mcc-scorer-primary span {
    display:block;

    margin-top:5px;

    color:#6f7d90;

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

    text-transform:none;
}


/* -------------------------
 * bottom stats
 * ------------------------- */

.mcc-scorer-bottom-stats {
    display:grid;

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

    border-top:1px solid #e9edf2;
}


.mcc-scorer-bottom-stats > div {
    position:relative;

    min-width:0;

    padding:
        14px
        5px
        13px;

    text-align:center;
}


.mcc-scorer-bottom-stats
> div
+ div::before {
    content:"";

    position:absolute;

    left:0;
    top:12px;
    bottom:12px;

    width:1px;

    background:#e9edf2;
}


.mcc-scorer-bottom-stats strong {
    display:block;

    color:#172033;

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


.mcc-scorer-bottom-stats span {
    display:block;

    margin-top:5px;

    color:#748196;

    font-size:8px;
    font-weight:600;

    white-space:nowrap;
}


/* remove old top3 layout effects */

.mcc-scorer-player,
.mcc-scorer-info,
.mcc-scorer-title,
.mcc-scorer-goal-count,
.mcc-scorer-stats {
    display:none !important;
}


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

@media (max-width:767px) {

    .mcc-scorers-podium {
        display:flex;
        flex-direction:column;

        gap:8px;
    }


    .mcc-scorer-card {
        min-height:190px;
    }


    .mcc-scorer-rank-stack {
        top:11px;
        left:11px;
    }


    .mcc-scorer-crown {
        width:17px;
        height:17px;
    }


    .mcc-scorer-rank-stack strong {
        font-size:15px;
    }


    .mcc-scorer-ball-watermark {
        top:10px;
        right:10px;

        width:58px;
        height:58px;
    }


    .mcc-scorer-hero {
        height:92px;
    }


    .mcc-scorer-photo {
        width:92px;
        height:92px;
    }


    .mcc-scorer-content {
        padding:
            4px
            11px
            0;
    }


    .mcc-scorer-name {
        font-size:13px;
    }


    .mcc-scorer-primary strong {
        font-size:24px;
    }


    .mcc-scorer-bottom-stats > div {
        padding:
            10px
            4px
            9px;
    }


    .mcc-scorer-bottom-stats strong {
        font-size:11px;
    }


    .mcc-scorer-bottom-stats span {
        font-size:7px;
    }

}


/* =========================================================
 * ARTILHEIROS TOP3 — REMOVE BOTTOM GAP
 * ========================================================= */

.mcc-scorer-card {
    min-height: 0 !important;
    height: auto !important;
}

.mcc-scorer-content {
    padding-bottom: 0 !important;
}

.mcc-scorer-bottom-stats {
    margin-bottom: 0 !important;
}

.mcc-scorer-bottom-stats > div {
    margin-bottom: 0 !important;
}


@media (max-width: 767px) {

    .mcc-scorer-card {
        min-height: 0 !important;
        height: auto !important;
    }

}


/* =========================================================
 * TOP3 — FOOTBALL WATERMARK FIX
 * ========================================================= */

.mcc-scorer-ball-watermark {
    top: 14px !important;
    right: -7px !important;

    width: 82px !important;
    height: 82px !important;

    fill: none !important;

    stroke: #e9eef3 !important;
    stroke-width: 4px !important;
    stroke-linecap: round;
    stroke-linejoin: round;

    opacity: .78 !important;

    pointer-events: none;
}

.mcc-scorer-ball-watermark polygon {
    fill: #f1f4f7;
    stroke: #e9eef3;
}


/* make sure player stays above watermark */

.mcc-scorer-hero {
    position: relative;
    z-index: 2;
}

.mcc-scorer-content {
    position: relative;
    z-index: 3;
}


@media (max-width: 767px) {

    .mcc-scorer-ball-watermark {
        top: 10px !important;
        right: -8px !important;

        width: 68px !important;
        height: 68px !important;
    }

}


/* =========================================================
 * REMOVE TOP3 FOOTBALL WATERMARK
 * ========================================================= */

.mcc-scorer-ball-watermark {
    display: none !important;
}


/* =========================================================
 * ARTILHEIROS TOOLBAR — CLEAN ALIGNMENT
 * ========================================================= */

.mcc-scorers-toolbar {
    display: grid !important;

    grid-template-columns:
        minmax(320px, 1fr)
        160px
        160px
        118px !important;

    align-items: center !important;

    gap: 10px !important;

    padding: 12px !important;
}


/* =========================================================
 * SEARCH
 * ========================================================= */

.mcc-scorers-search {
    display: flex !important;
    align-items: center !important;

    gap: 8px !important;

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

    min-width: 0 !important;

    padding: 0 12px !important;

    border: 1px solid #dfe5eb !important;
    border-radius: 6px !important;

    background: #fff !important;

    box-sizing: border-box !important;
}


.mcc-scorers-search > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: 16px !important;
    height: 16px !important;

    color: #75849a !important;

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


.mcc-scorers-search input {
    flex: 1 1 auto !important;

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

    height: 100% !important;

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

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    background: transparent !important;

    color: #1d2939 !important;

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

    box-sizing: border-box !important;
}


.mcc-scorers-search input::placeholder {
    color: #7b8797 !important;
    opacity: 1 !important;
}


/* =========================================================
 * SELECTS
 * ========================================================= */

.mcc-scorers-filter {
    display: block !important;

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


.mcc-scorers-filter select {
    display: block !important;

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

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 34px 0 12px !important;

    border: 1px solid #dfe5eb !important;
    border-radius: 6px !important;

    background-color: #fff !important;

    color: #334155 !important;

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

    line-height: 40px !important;

    box-sizing: border-box !important;
}


/* =========================================================
 * EXPORT
 * ========================================================= */

.mcc-scorers-export {
    display: flex !important;

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

    gap: 7px !important;

    width: 118px !important;
    height: 40px !important;

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

    border: 1px solid #dfe5eb !important;
    border-radius: 6px !important;

    background: #fff !important;

    color: #2f3d52 !important;

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

    line-height: 1 !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* hover */

.mcc-scorers-search:focus-within,
.mcc-scorers-filter select:focus,
.mcc-scorers-export:hover {
    border-color: #c8d1dc !important;
}


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

@media (max-width: 767px) {

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

        gap: 8px !important;

        padding: 10px !important;
    }


    .mcc-scorers-search {
        grid-column: 1 / -1 !important;

        height: 38px !important;
    }


    .mcc-scorers-filter select,
    .mcc-scorers-export {
        height: 38px !important;
    }


    .mcc-scorers-export {
        width: 100% !important;
    }

}


/* =========================================================
 * ARTILHEIROS TOOLBAR — COMPACT / SAME HEIGHT V2
 * ========================================================= */

/* 整个工具栏压矮 */
.mcc-scorers-table-section .mcc-scorers-toolbar {
    display:grid !important;

    grid-template-columns:
        minmax(300px, 1fr)
        160px
        160px
        118px !important;

    align-items:center !important;

    gap:10px !important;

    padding:9px 10px !important;

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

    box-sizing:border-box !important;
}


/* ---------------------------------------------------------
 * 四个控件：全部强制 34px
 * --------------------------------------------------------- */

.mcc-scorers-table-section .mcc-scorers-search,
.mcc-scorers-table-section .mcc-scorers-filter select,
.mcc-scorers-table-section .mcc-scorers-export {
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;

    margin:0 !important;

    border:1px solid #dce3ea !important;
    border-radius:6px !important;

    background:#fff !important;

    box-shadow:none !important;

    box-sizing:border-box !important;
}


/* ---------------------------------------------------------
 * SEARCH
 * --------------------------------------------------------- */

.mcc-scorers-table-section .mcc-scorers-search {
    display:flex !important;

    align-items:center !important;

    gap:8px !important;

    width:100% !important;

    padding:0 11px !important;

    overflow:hidden !important;
}


/* 搜索 icon */

.mcc-scorers-table-section
.mcc-scorers-search > span {
    display:flex !important;

    flex:0 0 14px !important;

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

    width:14px !important;
    height:14px !important;

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

    color:#647895 !important;

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


/* 重点：input 本身不能再有第二层高度/边框 */

.mcc-scorers-table-section
.mcc-scorers-search input[type="search"] {
    display:block !important;

    flex:1 1 auto !important;

    width:100% !important;

    height:32px !important;
    min-height:0 !important;
    max-height:32px !important;

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

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

    outline:0 !important;

    background:transparent !important;

    box-shadow:none !important;

    color:#344054 !important;

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

    line-height:32px !important;

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


.mcc-scorers-table-section
.mcc-scorers-search input[type="search"]::placeholder {
    color:#748399 !important;

    opacity:1 !important;
}


/* Chrome search 自带按钮清掉 */

.mcc-scorers-table-section
.mcc-scorers-search
input[type="search"]::-webkit-search-decoration,
.mcc-scorers-table-section
.mcc-scorers-search
input[type="search"]::-webkit-search-cancel-button,
.mcc-scorers-table-section
.mcc-scorers-search
input[type="search"]::-webkit-search-results-button,
.mcc-scorers-table-section
.mcc-scorers-search
input[type="search"]::-webkit-search-results-decoration {
    display:none !important;
}


/* ---------------------------------------------------------
 * SELECT
 * --------------------------------------------------------- */

.mcc-scorers-table-section
.mcc-scorers-filter {
    display:block !important;

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

    min-width:0 !important;

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


.mcc-scorers-table-section
.mcc-scorers-filter select {
    display:block !important;

    width:100% !important;

    padding:
        0
        30px
        0
        11px !important;

    color:#344054 !important;

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

    line-height:32px !important;

    vertical-align:middle !important;

    outline:0 !important;

    box-sizing:border-box !important;
}


/* ---------------------------------------------------------
 * EXPORT
 * --------------------------------------------------------- */

.mcc-scorers-table-section
.mcc-scorers-export {
    display:flex !important;

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

    gap:6px !important;

    width:118px !important;

    padding:0 11px !important;

    color:#27364b !important;

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

    line-height:1 !important;

    white-space:nowrap !important;

    vertical-align:middle !important;

    cursor:pointer !important;
}


/* ---------------------------------------------------------
 * focus / hover
 * --------------------------------------------------------- */

.mcc-scorers-table-section
.mcc-scorers-search:focus-within,
.mcc-scorers-table-section
.mcc-scorers-filter select:focus,
.mcc-scorers-table-section
.mcc-scorers-export:hover {
    border-color:#bdc8d5 !important;
}


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

@media (max-width:767px) {

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

        gap:7px !important;

        padding:8px !important;
    }


    .mcc-scorers-table-section
    .mcc-scorers-search {
        grid-column:1 / -1 !important;
    }


    .mcc-scorers-table-section
    .mcc-scorers-search,
    .mcc-scorers-table-section
    .mcc-scorers-filter,
    .mcc-scorers-table-section
    .mcc-scorers-filter select,
    .mcc-scorers-table-section
    .mcc-scorers-export {
        height:34px !important;
        min-height:34px !important;
        max-height:34px !important;
    }


    .mcc-scorers-table-section
    .mcc-scorers-export {
        width:100% !important;
    }

}


/* =========================================================
 * ARTILHEIROS TABLE — RANK COLUMN + SORTABLE HEAD
 * ========================================================= */

/* rank column不要贴边 */
.mcc-scorers-table th:first-child,
.mcc-scorers-table td:first-child {
    width:34px !important;

    padding-left:14px !important;
    padding-right:8px !important;

    text-align:center !important;
}


/* sortable header */

.mcc-scorers-table th[data-art-sort] {
    position:relative;

    cursor:pointer;

    user-select:none;

    transition:
        color .15s ease,
        background .15s ease;
}


.mcc-scorers-table th[data-art-sort]:hover {
    color:#0a9d47 !important;
    background:#fafcfd;
}


.mcc-scorers-table th[data-art-sort]::after {
    content:"";

    display:inline-block;

    width:0;
    height:0;

    margin-left:5px;

    vertical-align:middle;

    opacity:.28;

    border-left:3px solid transparent;
    border-right:3px solid transparent;
    border-top:4px solid currentColor;
}


.mcc-scorers-table th[data-art-sort].is-sort-desc::after {
    opacity:1;

    border-top:4px solid currentColor;
    border-bottom:0;
}


.mcc-scorers-table th[data-art-sort].is-sort-asc::after {
    opacity:1;

    border-top:0;
    border-bottom:4px solid currentColor;
}


.mcc-scorers-table th[data-art-sort].is-sort-asc,
.mcc-scorers-table th[data-art-sort].is-sort-desc {
    color:#0a9d47 !important;
}


/* # 不需要箭头 */
.mcc-scorers-table th:first-child::after {
    display:none !important;
}



/* =========================================================
 * ARTILHEIROS — EXPORT SVG
 * ========================================================= */

.mcc-scorers-export svg {
    flex:0 0 auto;

    width:17px;
    height:17px;

    fill:none;

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

.mcc-scorers-export span {
    display:block;
    line-height:1;
}



/* =========================================================
 * ARTILHEIROS TOP3 — MOBILE COMPACT CARD V5
 * ========================================================= */

@media (max-width: 767px) {

    /* 三张卡纵向 */
    .mcc-scorers-podium {
        display:flex !important;
        flex-direction:column !important;

        gap:8px !important;
    }


    /* 整张卡 */
    .mcc-scorer-card {
        position:relative !important;

        display:grid !important;

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

        grid-template-rows:
            92px
            42px !important;

        min-height:0 !important;
        height:134px !important;

        overflow:hidden !important;

        border:1px solid #dfe5ec !important;
        border-radius:8px !important;

        background:#fff !important;

        box-shadow:none !important;
    }


    /* -----------------------------------------------------
     * 排名
     * ----------------------------------------------------- */

    .mcc-scorer-rank-stack {
        position:absolute !important;

        z-index:5 !important;

        top:10px !important;
        left:10px !important;

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

        width:22px !important;

        gap:1px !important;
    }


    .mcc-scorer-crown {
        width:15px !important;
        height:15px !important;
    }


    .mcc-scorer-rank-stack strong {
        font-size:14px !important;
        line-height:1 !important;
    }


    /* -----------------------------------------------------
     * 球员头像
     * ----------------------------------------------------- */

    .mcc-scorer-hero {
        grid-column:1 !important;
        grid-row:1 !important;

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

        width:86px !important;
        height:92px !important;

        padding:18px 0 0 !important;

        box-sizing:border-box !important;
    }


    .mcc-scorer-photo {
        display:flex !important;
        align-items:flex-end !important;
        justify-content:center !important;

        width:74px !important;
        height:82px !important;

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

        background:none !important;
    }


    .mcc-scorer-photo img {
        display:block !important;

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

        max-width:none !important;

        object-fit:contain !important;
        object-position:center bottom !important;
    }


    /* -----------------------------------------------------
     * 右边姓名 + 球队 + 进球
     * ----------------------------------------------------- */

    .mcc-scorer-content {
        grid-column:2 !important;
        grid-row:1 / 3 !important;

        display:grid !important;

        grid-template-rows:
            92px
            42px !important;

        min-width:0 !important;

        padding:0 !important;

        position:relative !important;
        z-index:3 !important;
    }


    .mcc-scorer-mainline {
        display:grid !important;

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

        align-items:center !important;

        gap:8px !important;

        min-width:0 !important;

        height:92px !important;

        padding:
            10px
            11px
            8px
            4px !important;

        border:0 !important;

        box-sizing:border-box !important;
    }


    .mcc-scorer-copy {
        min-width:0 !important;
    }


    .mcc-scorer-name {
        display:block !important;

        margin:0 !important;

        overflow:hidden !important;

        color:#152033 !important;

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

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


    .mcc-scorer-team {
        display:flex !important;

        align-items:center !important;

        gap:5px !important;

        margin-top:6px !important;

        min-width:0 !important;

        color:#758196 !important;

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


    .mcc-scorer-team img {
        flex:0 0 auto !important;

        width:15px !important;
        height:15px !important;

        object-fit:contain !important;
    }


    .mcc-scorer-team span {
        overflow:hidden !important;

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


    /* 进球大数字 */

    .mcc-scorer-primary {
        display:flex !important;

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

        min-width:0 !important;

        text-align:right !important;
    }


    .mcc-scorer-primary strong {
        display:block !important;

        color:#07a747 !important;

        font-size:25px !important;
        font-weight:950 !important;
        line-height:.9 !important;
    }


    .mcc-scorer-primary span {
        display:block !important;

        margin-top:4px !important;

        color:#718095 !important;

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


    /* -----------------------------------------------------
     * 底部统计
     * ----------------------------------------------------- */

    .mcc-scorer-bottom-stats {
        grid-row:2 !important;

        display:grid !important;

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

        height:42px !important;

        margin:0 !important;

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

        box-sizing:border-box !important;
    }


    .mcc-scorer-bottom-stats > div {
        position:relative !important;

        display:flex !important;

        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        min-width:0 !important;

        height:42px !important;

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

        box-sizing:border-box !important;
    }


    .mcc-scorer-bottom-stats
    > div
    + div::before {
        content:"" !important;

        position:absolute !important;

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

        width:1px !important;

        background:#e8edf2 !important;
    }


    .mcc-scorer-bottom-stats strong {
        display:block !important;

        color:#162236 !important;

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


    .mcc-scorer-bottom-stats span {
        display:block !important;

        margin-top:3px !important;

        overflow:hidden !important;

        color:#778599 !important;

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

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


    /* -----------------------------------------------------
     * 不要足球水印
     * ----------------------------------------------------- */

    .mcc-scorer-ball-watermark {
        display:none !important;
    }


    /* hover 在手机没必要 */
    .mcc-scorer-card:hover {
        transform:none !important;
        box-shadow:none !important;
    }

}


/* =========================================================
 * ARTILHEIROS TOP3 — MOBILE SPACING FIX V6
 * rank / avatar / info / goals
 * ========================================================= */

@media (max-width: 767px) {

    /*
     * 卡片重新分列：
     *
     * 40px  = 排名
     * 78px  = 头像
     * auto  = 姓名 + 球队
     * 44px  = 进球
     */
    .mcc-scorer-card {
        display:grid !important;

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

        grid-template-rows:
            92px
            42px !important;

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

        padding:0 !important;

        overflow:hidden !important;

        box-sizing:border-box !important;
    }


    /* =====================================================
     * RANK
     * ===================================================== */

    .mcc-scorer-rank-stack {
        position:static !important;

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

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

        width:40px !important;
        height:92px !important;

        padding-top:11px !important;

        margin:0 !important;

        gap:2px !important;

        box-sizing:border-box !important;

        z-index:5 !important;
    }


    .mcc-scorer-crown {
        width:16px !important;
        height:16px !important;

        margin:0 !important;
    }


    .mcc-scorer-rank-stack strong {
        margin:0 !important;

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


    /* =====================================================
     * PLAYER PHOTO
     * ===================================================== */

    .mcc-scorer-hero {
        position:relative !important;

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

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

        width:78px !important;
        height:92px !important;

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

        box-sizing:border-box !important;

        z-index:3 !important;
    }


    .mcc-scorer-photo {
        display:flex !important;

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

        width:72px !important;
        height:84px !important;

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

        background:transparent !important;
    }


    .mcc-scorer-photo img {
        display:block !important;

        width:72px !important;
        height:84px !important;

        max-width:72px !important;

        margin:0 !important;

        object-fit:contain !important;
        object-position:center bottom !important;
    }


    /* =====================================================
     * CONTENT
     * ===================================================== */

    .mcc-scorer-content {
        display:contents !important;
    }


    /*
     * Mainline is no longer one giant 2-column block.
     * Its children are placed directly into the card grid.
     */
    .mcc-scorer-mainline {
        display:contents !important;
    }


    /* name + team */

    .mcc-scorer-copy {
        grid-column:3 !important;
        grid-row:1 !important;

        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;

        min-width:0 !important;

        height:92px !important;

        padding:
            8px
            7px
            8px
            7px !important;

        margin:0 !important;

        box-sizing:border-box !important;
    }


    .mcc-scorer-name {
        display:block !important;

        min-width:0 !important;

        margin:0 !important;

        overflow:hidden !important;

        color:#152033 !important;

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

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


    .mcc-scorer-team {
        display:flex !important;

        align-items:center !important;

        gap:5px !important;

        min-width:0 !important;

        margin-top:6px !important;

        color:#718096 !important;

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


    .mcc-scorer-team img {
        flex:0 0 auto !important;

        width:17px !important;
        height:17px !important;

        object-fit:contain !important;
    }


    .mcc-scorer-team > span {
        min-width:0 !important;

        overflow:hidden !important;

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


    /* =====================================================
     * GOALS
     * ===================================================== */

    .mcc-scorer-primary {
        grid-column:4 !important;
        grid-row:1 !important;

        display:flex !important;

        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        width:44px !important;
        height:92px !important;

        min-width:0 !important;

        padding:
            7px
            6px
            7px
            0 !important;

        margin:0 !important;

        text-align:center !important;

        box-sizing:border-box !important;

        z-index:4 !important;
    }


    .mcc-scorer-primary strong {
        display:block !important;

        margin:0 !important;

        color:#08a648 !important;

        font-size:30px !important;
        font-weight:950 !important;
        line-height:.9 !important;
    }


    .mcc-scorer-primary span {
        display:block !important;

        margin-top:4px !important;

        color:#718095 !important;

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

        text-align:center !important;
    }


    /* =====================================================
     * BOTTOM STATS
     * spans all 4 columns
     * ===================================================== */

    .mcc-scorer-bottom-stats {
        grid-column:1 / -1 !important;
        grid-row:2 !important;

        display:grid !important;

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

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

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

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

        box-sizing:border-box !important;
    }


    .mcc-scorer-bottom-stats > div {
        position:relative !important;

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

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

        height:42px !important;

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

        box-sizing:border-box !important;
    }


    .mcc-scorer-bottom-stats
    > div
    + div::before {
        content:"" !important;

        position:absolute !important;

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

        width:1px !important;

        background:#e8edf2 !important;
    }


    .mcc-scorer-bottom-stats strong {
        margin:0 !important;

        color:#152033 !important;

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


    .mcc-scorer-bottom-stats span {
        margin-top:3px !important;

        color:#748196 !important;

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


    /* =====================================================
     * No watermark on mobile
     * ===================================================== */

    .mcc-scorer-ball-watermark {
        display:none !important;
    }

}


/* =========================================================
 * ARTILHEIROS SEARCH — SVG ICON
 * ========================================================= */

.mcc-scorers-search > svg {
    display:block !important;

    flex:0 0 auto !important;

    width:15px !important;
    height:15px !important;

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

    fill:none !important;

    stroke:#667892 !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;

    pointer-events:none !important;
}


/* old font icon no longer needed */

.mcc-scorers-search > span {
    display:none !important;
}



/* =========================================================
 * ARTILHEIROS METRIC — REMOVE LEGACY MARGIN
 * ========================================================= */

.mcc-scorers-metric,
.mcc-scorers-metric.is-active {
    margin:0 !important;
}

