/* ============================================================
   MC TEAM — ELENCO
   ============================================================ */

.mct-elenco-page {
    --el-bg: #f4f7f6;
    --el-card: #fff;
    --el-text: #10232f;
    --el-muted: #72818a;
    --el-line: #e4ebe8;
    --el-green: #12a86b;
    --el-green-soft: #eaf8f1;
    --el-navy: #102a3a;
}

.mct-elenco-content {
    background: var(--el-bg);
    padding: 34px 0 56px;
}

.mct-elenco-page .mct-team-shell {
    max-width: 1210px;
}

.mct-elenco-heading,
.mct-elenco-card-head,
.mct-elenco-section-head,
.mct-player-toolbar,
.mct-player-card-top,
.mct-player-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mct-elenco-heading {
    gap: 24px;
    margin-bottom: 22px;
}

.mct-elenco-kicker,
.mct-elenco-card-head span,
.mct-elenco-section-head > div > span,
.mct-leader-label {
    display: block;
    color: var(--el-green);
    font: 700 11px/1 Rajdhani, sans-serif;
    letter-spacing: .13em;
}

.mct-elenco-heading h2,
.mct-elenco-card-head h3,
.mct-elenco-section-head h3 {
    margin: 4px 0 0;
    color: var(--el-text);
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
}

.mct-elenco-heading h2 {
    font-size: 34px;
    line-height: 1;
}

.mct-elenco-heading p {
    margin: 7px 0 0;
    color: var(--el-muted);
    font: 500 14px/1.4 Rajdhani, sans-serif;
}

.mct-elenco-season {
    min-width: 128px;
    padding: 9px 14px;
    border: 1px solid var(--el-line);
    border-radius: 8px;
    background: #fff;
}

.mct-elenco-season span {
    display: block;
    color: var(--el-muted);
    font: 600 10px/1 Rajdhani, sans-serif;
    text-transform: uppercase;
}

.mct-elenco-season strong {
    display: block;
    margin-top: 4px;
    color: var(--el-text);
    font: 600 18px/1 Rajdhani, sans-serif;
}

/* summary */

.mct-elenco-summary {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.mct-elenco-stat {
    position: relative;
    overflow: hidden;
    min-height: 108px;
    padding: 17px 18px;
    border: 1px solid var(--el-line);
    border-radius: 10px;
    background: #fff;
}

.mct-elenco-stat::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 34px;
    height: 3px;
    background: var(--el-green);
}

.mct-elenco-stat > span {
    display: block;
    color: var(--el-muted);
    font: 700 10px/1 Rajdhani, sans-serif;
    letter-spacing: .08em;
}

.mct-elenco-stat > strong {
    display: block;
    margin-top: 8px;
    color: var(--el-text);
    font: 600 30px/.95 "Barlow Condensed", sans-serif;
}

.mct-elenco-stat small {
    display: block;
    margin-top: 7px;
    color: #849098;
    font: 500 11px/1 Rajdhani, sans-serif;
}

/* dashboard */

.mct-elenco-dashboard {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(300px, .75fr);
    gap: 16px;
    align-items: start;
}

.mct-elenco-side {
    display: grid;
    gap: 16px;
}

.mct-elenco-card,
.mct-elenco-section {
    border: 1px solid var(--el-line);
    border-radius: 12px;
    background: var(--el-card);
}

.mct-elenco-card {
    padding: 20px;
}

.mct-elenco-card-head {
    margin-bottom: 18px;
}

.mct-elenco-card-head h3,
.mct-elenco-section-head h3 {
    font-size: 25px;
    line-height: 1;
}

.mct-formation-badge {
    padding: 7px 10px;
    border-radius: 6px;
    background: var(--el-green-soft);
    color: var(--el-green);
    font: 800 14px/1 Rajdhani, sans-serif;
}

/* pitch */

.mct-pitch {
    position: relative;
    min-height: 430px;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.34);
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.045) 50%,
            transparent 50%
        ),
        #168f61;
    background-size: 90px 100%;
}

.mct-pitch::before {
    content: "";
    position: absolute;
    inset: 14px;
    border: 1px solid rgba(255,255,255,.52);
    pointer-events: none;
}

.mct-pitch::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    top: 50%;
    border-top: 1px solid rgba(255,255,255,.52);
}

.mct-pitch-circle {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    border: 1px solid rgba(255,255,255,.52);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.mct-pitch-line {
    position: absolute;
    z-index: 1;
    left: 50%;
    width: 180px;
    height: 68px;
    border: 1px solid rgba(255,255,255,.52);
    transform: translateX(-50%);
}

.mct-pitch-line.is-box-top {
    top: 14px;
    border-top: 0;
}

.mct-pitch-line.is-box-bottom {
    bottom: 14px;
    border-bottom: 0;
}

.mct-pitch-unit {
    position: absolute;
    z-index: 3;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    transform: translateX(-50%);
    color: #fff;
}

.mct-pitch-unit.is-f {
    top: 40px;
}

.mct-pitch-unit.is-m {
    top: 145px;
}

.mct-pitch-unit.is-d {
    bottom: 115px;
}

.mct-pitch-unit.is-g {
    bottom: 28px;
}

.mct-pitch-unit > strong {
    font: 700 11px/1 Rajdhani, sans-serif;
}

.mct-shirt-icon {
    position: relative;
    display: grid;
    place-items: center;
    width: 55px;
    height: 55px;
    filter: drop-shadow(0 6px 10px rgba(0,0,0,.14));
}

.mct-shirt-icon svg {
    width: 55px;
    height: 55px;
    color: #fff;
}

.mct-shirt-icon b {
    position: absolute;
    top: 20px;
    color: var(--el-green);
    font: 800 17px/1 Rajdhani, sans-serif;
}

/* distribution */

.mct-position-distribution {
    margin-top: 22px;
}

.mct-position-distribution h4 {
    margin: 0 0 14px;
    color: var(--el-text);
    font: 800 15px/1 Rajdhani, sans-serif;
}

.mct-position-row {
    display: grid;
    grid-template-columns: 118px 1fr 26px;
    gap: 12px;
    align-items: center;
    margin-top: 10px;
}

.mct-position-row > span,
.mct-position-row > strong {
    color: var(--el-muted);
    font: 600 12px/1 Rajdhani, sans-serif;
}

.mct-position-row > strong {
    color: var(--el-text);
    text-align: right;
}

.mct-position-row > div {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #edf2f0;
}

.mct-position-row i {
    display: block;
    width: var(--value);
    height: 100%;
    border-radius: inherit;
    background: var(--el-green);
}

/* age */

.mct-age-chart {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 9px;
    height: 145px;
    align-items: end;
    padding-top: 12px;
}

.mct-age-column {
    display: grid;
    grid-template-rows: 18px 1fr 18px;
    height: 100%;
    text-align: center;
}

.mct-age-column strong,
.mct-age-column span {
    color: var(--el-muted);
    font: 700 10px/1 Rajdhani, sans-serif;
}

.mct-age-column > div {
    position: relative;
    align-self: stretch;
    margin: 3px auto;
    width: 30px;
    border-radius: 4px 4px 0 0;
    background: #eef3f1;
}

.mct-age-column i {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--height);
    min-height: 3px;
    border-radius: inherit;
    background: var(--el-green);
}

.mct-age-meta {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin-top: 15px;
}

.mct-age-meta > div {
    padding: 9px 6px;
    border-radius: 7px;
    background: #f7f9f8;
    text-align: center;
}

.mct-age-meta span {
    display: block;
    color: var(--el-muted);
    font: 600 9px/1 Rajdhani, sans-serif;
}

.mct-age-meta strong {
    display: block;
    margin-top: 5px;
    color: var(--el-text);
    font: 800 12px/1 Rajdhani, sans-serif;
}

/* nationality */

.mct-nationality-layout {
    display: grid;
    grid-template-columns: 112px 1fr;
    gap: 18px;
    align-items: center;
}

.mct-nationality-ring {
    display: grid;
    place-items: center;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    background:
        conic-gradient(
            var(--el-green) 0 var(--native),
            #dce6e2 var(--native) 100%
        );
}

.mct-nationality-ring::before {
    content: "";
    grid-area: 1/1;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #fff;
}

.mct-nationality-ring > div {
    z-index: 2;
    grid-area: 1/1;
    text-align: center;
}

.mct-nationality-ring strong {
    display: block;
    color: var(--el-text);
    font: 800 24px/1 "Barlow Condensed", sans-serif;
}

.mct-nationality-ring span {
    color: var(--el-muted);
    font: 600 10px/1 Rajdhani, sans-serif;
}

.mct-nationality-list {
    display: grid;
    gap: 8px;
}

.mct-nationality-list > div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 7px;
    border-bottom: 1px solid #edf1ef;
    color: var(--el-muted);
    font: 600 12px/1 Rajdhani, sans-serif;
}

.mct-nationality-list strong {
    color: var(--el-text);
}

/* shirts */

.mct-shirt-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.mct-shirt-grid span {
    display: grid;
    place-items: center;
    width: 35px;
    height: 35px;
    border: 1px solid var(--el-line);
    border-radius: 7px;
    color: var(--el-text);
    background: #fafcfb;
    font: 800 12px/1 Rajdhani, sans-serif;
}

/* sections */

.mct-elenco-section {
    margin-top: 16px;
    padding: 20px;
}

.mct-elenco-section-head {
    margin-bottom: 17px;
}

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

.mct-leader-card {
    padding: 16px;
    border: 1px solid var(--el-line);
    border-radius: 10px;
    background: #fafcfb;
}

.mct-leader-main {
    display: grid;
    grid-template-columns: 58px 1fr auto;
    gap: 12px;
    align-items: center;
    margin-top: 12px;
}

.mct-leader-photo,
.mct-player-photo {
    overflow: hidden;
    background: #edf3f0;
}

.mct-leader-photo {
    width: 58px;
    height: 58px;
    border-radius: 50%;
}

.mct-leader-photo img,
.mct-player-photo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
}

.mct-leader-photo span,
.mct-player-photo span {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: var(--el-green);
    font: 800 25px/1 "Barlow Condensed", sans-serif;
}

.mct-leader-copy {
    min-width: 0;
}

.mct-leader-copy strong {
    display: block;
    overflow: hidden;
    color: var(--el-text);
    font: 800 17px/1.05 "Barlow Condensed", sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mct-leader-copy span {
    display: block;
    margin-top: 5px;
    color: var(--el-muted);
    font: 600 11px/1 Rajdhani, sans-serif;
}

.mct-leader-value {
    text-align: right;
}

.mct-leader-value strong {
    display: block;
    color: var(--el-green);
    font: 800 28px/.9 "Barlow Condensed", sans-serif;
}

.mct-leader-value span {
    display: block;
    margin-top: 5px;
    color: var(--el-muted);
    font: 600 10px/1 Rajdhani, sans-serif;
}

/* toolbar */

.mct-elenco-section-head.is-players {
    margin-bottom: 15px;
}

.mct-player-count {
    color: var(--el-muted);
    font: 600 12px/1 Rajdhani, sans-serif;
}

.mct-player-count strong {
    color: var(--el-text);
}

.mct-player-toolbar {
    gap: 14px;
    margin-bottom: 16px;
}

.mct-player-tabs {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    scrollbar-width: none;
}

.mct-player-tabs::-webkit-scrollbar {
    display: none;
}

.mct-player-tabs button {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--el-muted);
    font: 700 11px/1 Rajdhani, sans-serif;
    cursor: pointer;
}

.mct-player-tabs button:hover,
.mct-player-tabs button.is-active {
    border-color: #cceadd;
    background: var(--el-green-soft);
    color: var(--el-green);
}

.mct-player-tools {
    display: flex;
    gap: 8px;
}

.mct-player-search {
    display: flex;
    align-items: center;
    width: 190px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid var(--el-line);
    border-radius: 7px;
    background: #fff;
}

.mct-player-search svg {
    flex: 0 0 auto;
    width: 15px;
    color: #8c999f;
}

.mct-player-search input {
    min-width: 0;
    width: 100%;
    height: 100%;
    padding: 0 0 0 8px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--el-text);
    font: 600 12px/1 Rajdhani, sans-serif;
}

.mct-player-tools select {
    height: 36px;
    padding: 0 28px 0 10px;
    border: 1px solid var(--el-line);
    border-radius: 7px;
    outline: 0;
    background: #fff;
    color: var(--el-text);
    font: 700 11px/1 Rajdhani, sans-serif;
}

/* players */

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

.mct-player-card {
    overflow: hidden;
    border: 1px solid var(--el-line);
    border-radius: 11px;
    background: #fff;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.mct-player-card:hover {
    transform: translateY(-2px);
    border-color: #c9ded5;
    box-shadow: 0 9px 26px rgba(21, 54, 43, .07);
}

.mct-player-card-top {
    min-height: 38px;
    padding: 0 14px;
    border-bottom: 1px solid #edf1ef;
}

.mct-player-number {
    color: var(--el-green);
    font: 800 16px/1 "Barlow Condensed", sans-serif;
}

.mct-player-status {
    padding: 4px 7px;
    border-radius: 999px;
    background: #fff0ec;
    color: #d95d43;
    font: 700 9px/1 Rajdhani, sans-serif;
}

.mct-player-identity {
    display: grid;
    grid-template-columns: 88px 1fr;
    gap: 14px;
    align-items: end;
    min-height: 122px;
    padding: 12px 14px 0;
}

.mct-player-photo {
    align-self: end;
    width: 88px;
    height: 105px;
    border-radius: 8px 8px 0 0;
}

.mct-player-name {
    min-width: 0;
    align-self: center;
    padding-bottom: 12px;
}

.mct-player-name > span {
    color: var(--el-green);
    font: 700 10px/1 Rajdhani, sans-serif;
    text-transform: uppercase;
}

.mct-player-name h4 {
    overflow: hidden;
    margin: 5px 0 8px;
    color: var(--el-text);
    font: 600 21px/1 "Barlow Condensed", sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mct-player-name > div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    color: var(--el-muted);
    font: 600 10px/1 Rajdhani, sans-serif;
}

.mct-player-name > div > * + *::before {
    content: "•";
    margin-right: 6px;
    color: #c0c9c5;
}

.mct-player-name b {
    color: var(--el-text);
}

.mct-player-card-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid #edf1ef;
    border-bottom: 1px solid #edf1ef;
}

.mct-player-card-stats > div {
    padding: 10px 5px;
    text-align: center;
}

.mct-player-card-stats > div + div {
    border-left: 1px solid #edf1ef;
}

.mct-player-card-stats span,
.mct-player-card-foot span {
    display: block;
    color: var(--el-muted);
    font: 600 9px/1 Rajdhani, sans-serif;
}

.mct-player-card-stats strong {
    display: block;
    margin-top: 4px;
    color: var(--el-text);
    font: 800 15px/1 Rajdhani, sans-serif;
}

.mct-player-card-foot {
    min-height: 48px;
    padding: 8px 14px;
}

.mct-player-card-foot > div:last-child {
    text-align: right;
}

.mct-player-card-foot strong {
    display: block;
    margin-top: 4px;
    color: var(--el-text);
    font: 800 11px/1 Rajdhani, sans-serif;
}

.mct-player-empty {
    padding: 40px 20px;
    color: var(--el-muted);
    text-align: center;
    font: 600 14px/1.4 Rajdhani, sans-serif;
}

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

@media (max-width: 980px) {

    .mct-elenco-summary {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .mct-elenco-dashboard {
        grid-template-columns: 1fr;
    }

    .mct-elenco-side {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .mct-elenco-side > article:last-child {
        grid-column: 1 / -1;
    }

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

    .mct-player-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .mct-player-tools {
        width: 100%;
    }

    .mct-player-search {
        flex: 1;
        width: auto;
    }
}

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

@media (max-width: 760px) {

    .mct-elenco-content {
        padding: 20px 0 34px;
    }

    .mct-elenco-heading {
        align-items: flex-end;
        margin-bottom: 15px;
    }

    .mct-elenco-heading h2 {
        font-size: 27px;
    }

    .mct-elenco-heading p {
        display: none;
    }

    .mct-elenco-season {
        min-width: 92px;
        padding: 7px 10px;
    }

    .mct-elenco-summary {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .mct-elenco-stat {
        min-height: 91px;
        padding: 14px;
    }

    .mct-elenco-stat.is-value {
        grid-column: 1 / -1;
    }

    .mct-elenco-stat > strong {
        font-size: 26px;
    }

    .mct-elenco-dashboard {
        gap: 12px;
    }

    .mct-elenco-card,
    .mct-elenco-section {
        border-radius: 10px;
    }

    .mct-elenco-card,
    .mct-elenco-section {
        padding: 15px;
    }

    .mct-elenco-card-head h3,
    .mct-elenco-section-head h3 {
        font-size: 22px;
    }

    .mct-pitch {
        min-height: 380px;
    }

    .mct-elenco-side {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .mct-elenco-side > article:last-child {
        grid-column: auto;
    }

    .mct-leader-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .mct-player-toolbar {
        gap: 10px;
    }

    .mct-player-tabs {
        width: calc(100% + 15px);
        margin-right: -15px;
        padding-right: 15px;
    }

    .mct-player-tools {
        display: grid;
        grid-template-columns: 1fr 100px;
    }

    .mct-player-search {
        width: 100%;
    }

    .mct-player-grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .mct-player-identity {
        grid-template-columns: 80px 1fr;
        min-height: 108px;
    }

    .mct-player-photo {
        width: 80px;
        height: 94px;
    }

    .mct-player-name h4 {
        font-size: 20px;
    }

    .mct-player-card-stats > div {
        padding: 9px 4px;
    }

    .mct-nationality-layout {
        grid-template-columns: 104px 1fr;
    }
}


/* ============================================================
   ELENCO SUMMARY V2
   ============================================================ */

.mct-elenco-page .mct-elenco-summary {
    display: grid;
    grid-template-columns:
        repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.mct-elenco-page .mct-elenco-stat {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 112px;
    padding: 18px 17px;
    overflow: hidden;
    border: 1px solid #e1e9e6;
    border-radius: 11px;
    background: #fff;
    box-shadow:
        0 2px 8px
        rgba(18, 43, 34, .025);
}

.mct-elenco-page .mct-elenco-stat::after {
    display: none;
}

.mct-elenco-page .mct-elenco-stat-icon {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
}

.mct-elenco-page .mct-elenco-stat-icon svg {
    width: 28px;
    height: 28px;
}

.mct-elenco-page .mct-elenco-stat-copy {
    min-width: 0;
}

.mct-elenco-page .mct-elenco-stat-copy strong {
    display: block;
    margin: 0;
    color: #102431;
    font:
        600 29px/.92
        "Barlow Condensed",
        sans-serif;
    white-space: nowrap;
}

.mct-elenco-page .mct-elenco-stat-copy span {
    display: block;
    margin-top: 6px;
    color: #667983;
    font:
        700 13px/1
        Rajdhani,
        sans-serif;
}

.mct-elenco-page .mct-elenco-stat-copy small {
    display: block;
    margin-top: 5px;
    color: #98a5ab;
    font:
        600 10px/1.15
        Rajdhani,
        sans-serif;
}

/* Jogadores */
.mct-elenco-page
.mct-elenco-stat.is-players
.mct-elenco-stat-icon {
    color: #14ad69;
    background: #eaf8f1;
}

/* Idade */
.mct-elenco-page
.mct-elenco-stat.is-age
.mct-elenco-stat-icon {
    color: #2788e8;
    background: #edf6ff;
}

/* Estrangeiros */
.mct-elenco-page
.mct-elenco-stat.is-foreign
.mct-elenco-stat-icon {
    color: #7667e8;
    background: #f1efff;
}

/* Jovens */
.mct-elenco-page
.mct-elenco-stat.is-young
.mct-elenco-stat-icon {
    color: #e99825;
    background: #fff6e7;
}

/* Valor */
.mct-elenco-page
.mct-elenco-stat.is-value
.mct-elenco-stat-icon {
    color: #0aa3a3;
    background: #e8f8f7;
}

@media (max-width: 980px) {

    .mct-elenco-page
    .mct-elenco-summary {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {

    .mct-elenco-page
    .mct-elenco-summary {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .mct-elenco-page
    .mct-elenco-stat {
        min-height: 94px;
        padding: 13px;
        gap: 11px;
    }

    .mct-elenco-page
    .mct-elenco-stat.is-value {
        grid-column: 1 / -1;
    }

    .mct-elenco-page
    .mct-elenco-stat-icon {
        width: 40px;
        height: 40px;
        border-radius: 9px;
    }

    .mct-elenco-page
    .mct-elenco-stat-icon svg {
        width: 23px;
        height: 23px;
    }

    .mct-elenco-page
    .mct-elenco-stat-copy strong {
        font-size: 24px;
    }

    .mct-elenco-page
    .mct-elenco-stat-copy span {
        font-size: 11px;
    }

    .mct-elenco-page
    .mct-elenco-stat-copy small {
        font-size: 9px;
    }
}


/* ============================================================
   ELENCO SUMMARY V3
   Label top / value center / meta bottom
   ============================================================ */

.mct-elenco-page
.mct-elenco-stat {
    display: flex;
    align-items: center;
    gap: 15px;
}

.mct-elenco-page
.mct-elenco-stat-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    height: 68px;
}


/* LABEL — TOP */

.mct-elenco-page
.mct-elenco-stat-copy span {
    order: 1;

    margin: 0 0 4px;

    font-family:
        Rajdhani,
        sans-serif;

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

    letter-spacing: .01em;

    white-space: nowrap;
}


/* VALUE — MIDDLE */

.mct-elenco-page
.mct-elenco-stat-copy strong {
    order: 2;

    margin: 0;

    color: #102431;

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

    font-size: 29px;
    font-weight: 600;
    line-height: .95;

    white-space: nowrap;
}


/* META — BOTTOM */

.mct-elenco-page
.mct-elenco-stat-copy small {
    order: 3;

    margin-top: 6px;

    color: #98a5ab;

    font-family:
        Rajdhani,
        sans-serif;

    font-size: 9px;
    font-weight: 600;
    line-height: 1;

    white-space: nowrap;
}


/* ============================================================
   LABEL COLORS
   ============================================================ */

/* Jogadores */

.mct-elenco-page
.mct-elenco-stat.is-players
.mct-elenco-stat-copy span {
    color: #14ad69;
}


/* Idade média */

.mct-elenco-page
.mct-elenco-stat.is-age
.mct-elenco-stat-copy span {
    color: #2788e8;
}


/* Estrangeiros */

.mct-elenco-page
.mct-elenco-stat.is-foreign
.mct-elenco-stat-copy span {
    color: #7667e8;
}


/* Até 21 anos */

.mct-elenco-page
.mct-elenco-stat.is-young
.mct-elenco-stat-copy span {
    color: #e99825;
}


/* Valor do elenco */

.mct-elenco-page
.mct-elenco-stat.is-value
.mct-elenco-stat-copy span {
    color: #0aa3a3;
}


/* ============================================================
   DESKTOP FINE TUNING
   ============================================================ */

@media (min-width: 981px) {

    .mct-elenco-page
    .mct-elenco-stat {
        min-height: 112px;
        padding: 17px 18px;
    }

    .mct-elenco-page
    .mct-elenco-stat-icon {
        width: 48px;
        height: 48px;
    }

    .mct-elenco-page
    .mct-elenco-stat-copy {
        height: 70px;
    }

    .mct-elenco-page
    .mct-elenco-stat-copy strong {
        font-size: 30px;
    }

}


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

@media (max-width: 760px) {

    .mct-elenco-page
    .mct-elenco-stat-copy {
        height: 60px;
    }

    .mct-elenco-page
    .mct-elenco-stat-copy span {
        margin-bottom: 4px;
        font-size: 11px;
    }

    .mct-elenco-page
    .mct-elenco-stat-copy strong {
        font-size: 25px;
    }

    .mct-elenco-page
    .mct-elenco-stat-copy small {
        margin-top: 5px;
        font-size: 10px;
    }

}


/* ============================================================
   PERFIL DO ELENCO V2
   ============================================================ */

.mct-elenco-page
.mct-squad-profile-v2 {
    padding: 17px 18px 18px;
}

.mct-profile-head {
    margin-bottom: 15px;
}

.mct-profile-head h3 {
    margin: 0;
    color: #102431;

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

    font-size: 25px;
    font-weight: 600;
    line-height: 1;
}

.mct-profile-head p {
    margin: 4px 0 0;
    color: #7d8c95;

    font-family:
        Rajdhani,
        sans-serif;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
}


/* ============================================================
   MAIN SPLIT
   ============================================================ */

.mct-profile-main {
    display: grid;

    grid-template-columns:
        minmax(0, 1.22fr)
        minmax(300px, .98fr);

    gap: 20px;

    align-items: stretch;
}


/* ============================================================
   PITCH
   ============================================================ */

.mct-profile-pitch {
    min-width: 0;
}

.mct-profile-pitch-field {
    position: relative;

    min-height: 350px;

    overflow: hidden;

    border-radius: 8px;

    border:
        1px solid
        rgba(5, 69, 43, .8);

    background:
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,.025) 0,
            rgba(255,255,255,.025) 41px,
            rgba(0,0,0,.035) 41px,
            rgba(0,0,0,.035) 82px
        ),
        linear-gradient(
            135deg,
            #08733f 0%,
            #0a8e4d 46%,
            #086b3c 100%
        );

    box-shadow:
        inset 0 0 60px
        rgba(0,0,0,.15);
}

.mct-profile-pitch-field::before {
    content: "";

    position: absolute;

    inset: 15px;

    border:
        2px solid
        rgba(255,255,255,.43);

    pointer-events: none;
}

.mct-field-half-line {
    position: absolute;

    z-index: 1;

    left: 15px;
    right: 15px;
    top: 50%;

    height: 2px;

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

.mct-field-circle {
    position: absolute;

    z-index: 1;

    left: 50%;
    top: 50%;

    width: 78px;
    height: 78px;

    border:
        2px solid
        rgba(255,255,255,.43);

    border-radius: 50%;

    transform:
        translate(-50%, -50%);
}

.mct-field-circle::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        rgba(255,255,255,.6);

    transform:
        translate(-50%, -50%);
}

.mct-field-box {
    position: absolute;

    z-index: 1;

    left: 50%;

    width: 170px;
    height: 63px;

    border:
        2px solid
        rgba(255,255,255,.43);

    transform:
        translateX(-50%);
}

.mct-field-box.is-top {
    top: 15px;

    border-top: 0;
}

.mct-field-box.is-bottom {
    bottom: 15px;

    border-bottom: 0;
}

.mct-field-box span {
    position: absolute;

    left: 50%;

    width: 74px;
    height: 25px;

    border:
        2px solid
        rgba(255,255,255,.43);

    transform:
        translateX(-50%);
}

.mct-field-box.is-top span {
    top: 0;

    border-top: 0;
}

.mct-field-box.is-bottom span {
    bottom: 0;

    border-bottom: 0;
}


/* ============================================================
   FORMATION BADGE
   ============================================================ */

.mct-pitch-formation {
    position: absolute;

    z-index: 10;

    right: 13px;
    top: 13px;

    min-width: 116px;

    padding: 7px 10px;

    border:
        1px solid
        rgba(255,255,255,.42);

    border-radius: 7px;

    background:
        rgba(7, 40, 31, .72);

    color: #fff;

    text-align: center;

    backdrop-filter:
        blur(4px);
}

.mct-pitch-formation span {
    display: block;

    color:
        rgba(255,255,255,.72);

    font-family:
        Rajdhani,
        sans-serif;

    font-size: 8px;
    font-weight: 600;
    line-height: 1;
}

.mct-pitch-formation strong {
    display: block;

    margin-top: 5px;

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

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


/* ============================================================
   POSITION SHIRTS
   ============================================================ */

.mct-pitch-position {
    position: absolute;

    z-index: 5;

    left: 50%;

    display: flex;

    flex-direction: column;

    align-items: center;

    transform:
        translateX(-50%);

    color: #fff;
}

.mct-pitch-position > span {
    margin-top: 0;

    text-shadow:
        0 1px 3px
        rgba(0,0,0,.45);

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

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

.mct-pitch-position.is-forward {
    top: 18px;
}

.mct-pitch-position.is-midfield {
    top: 117px;
}

.mct-pitch-position.is-defense {
    bottom: 79px;
}

.mct-pitch-position.is-goalkeeper {
    bottom: 6px;
}


/* shirt */

.mct-redblack-shirt {
    position: relative;

    width: 49px;
    height: 53px;

    filter:
        drop-shadow(
            0 4px 4px
            rgba(0,0,0,.28)
        );
}

.mct-redblack-shirt svg {
    display: block;

    width: 100%;
    height: 100%;
}

.mct-redblack-shirt > strong {
    position: absolute;

    left: 50%;
    top: 27px;

    color: #fff;

    transform:
        translate(-50%, -50%);

    text-shadow:
        0 1px 2px #000;

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

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

.mct-defense-shirts {
    display: flex;

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

    gap: 48px;
}

.mct-defense-shirts
.mct-redblack-shirt.is-small {
    width: 42px;
    height: 48px;

    opacity: .96;
}


/* ============================================================
   RIGHT DATA
   ============================================================ */

.mct-profile-data {
    display: flex;

    flex-direction: column;

    min-width: 0;
}

.mct-profile-data h4 {
    margin: 0 0 16px;

    color: #172735;

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

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


/* Distribution */

.mct-profile-distribution {
    padding:
        3px 2px 17px;
}

.mct-profile-dist-row {
    display: grid;

    grid-template-columns:
        102px
        23px
        minmax(80px, 1fr)
        32px;

    gap: 9px;

    align-items: center;

    min-height: 39px;
}

.mct-dist-label {
    color: #607481;

    font-family:
        Rajdhani,
        sans-serif;

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

.mct-dist-count {
    color: #142634;

    text-align: right;

    font-family:
        Rajdhani,
        sans-serif;

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

.mct-dist-track {
    height: 13px;

    overflow: hidden;

    border-radius: 999px;

    background:
        #e9eeec;
}

.mct-dist-track i {
    display: block;

    width: var(--mct-width);
    height: 100%;

    border-radius: inherit;

    background:
        linear-gradient(
            90deg,
            #13b267,
            #07a95e
        );
}

.mct-dist-percent {
    color: #819098;

    text-align: right;

    font-family:
        Rajdhani,
        sans-serif;

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


/* ============================================================
   FORMATIONS
   ============================================================ */

.mct-profile-formations {
    margin-top: auto;

    padding: 16px;

    border:
        1px solid
        #e4ebe8;

    border-radius: 9px;

    background:
        #fff;
}

.mct-profile-formations h4 {
    margin-bottom: 13px;
}

.mct-formation-row {
    display: grid;

    grid-template-columns:
        18px
        60px
        98px
        minmax(60px, 1fr)
        38px;

    gap: 8px;

    align-items: center;

    min-height: 33px;
}

.mct-formation-ball {
    display: grid;

    place-items: center;

    color: #315064;
}

.mct-formation-ball svg {
    width: 14px;
    height: 14px;
}

.mct-formation-name {
    color: #223746;

    font-family:
        Rajdhani,
        sans-serif;

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

.mct-formation-games {
    color: #71838f;

    font-family:
        Rajdhani,
        sans-serif;

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

.mct-formation-progress {
    height: 8px;

    overflow: hidden;

    border-radius: 999px;

    background:
        #edf1ef;
}

.mct-formation-progress i {
    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    background:
        #16b568;
}

.mct-formation-percent {
    color: #50636e;

    text-align: right;

    font-family:
        Rajdhani,
        sans-serif;

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


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

@media (max-width: 1100px) {

    .mct-profile-main {
        grid-template-columns:
            minmax(0, 1.1fr)
            minmax(280px, .9fr);

        gap: 14px;
    }

    .mct-defense-shirts {
        gap: 34px;
    }

}


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

@media (max-width: 760px) {

    .mct-elenco-page
    .mct-squad-profile-v2 {
        padding: 14px;
    }

    .mct-profile-head h3 {
        font-size: 22px;
    }

    .mct-profile-main {
        display: block;
    }

    .mct-profile-pitch-field {
        min-height: 365px;
    }

    .mct-profile-data {
        margin-top: 18px;
    }

    .mct-profile-dist-row {
        grid-template-columns:
            105px
            22px
            1fr
            32px;
    }

    .mct-profile-formations {
        margin-top: 14px;
        padding: 13px;
    }

    .mct-formation-row {
        grid-template-columns:
            18px
            54px
            86px
            1fr
            34px;
    }

    .mct-defense-shirts {
        gap: 54px;
    }

}


/* ============================================================
   DYNAMIC TEAM SHIRT COLORS
   Logo -> primary / secondary
   ============================================================ */

.mct-squad-profile-v2 {
    --mct-team-primary: #14ad69;
    --mct-team-secondary: #102431;
}

.mct-squad-profile-v2
.mct-shirt-primary-fill {
    fill:
        var(--mct-team-primary);
}

.mct-squad-profile-v2
.mct-shirt-secondary-fill {
    fill:
        var(--mct-team-secondary);
}


/*
 * SVG outline follows secondary team color,
 * while keeping enough contrast around the shirt.
 */

.mct-squad-profile-v2
.mct-redblack-shirt
path:first-child {
    stroke:
        var(--mct-team-secondary);
}


/*
 * Number always needs to remain readable.
 */

.mct-squad-profile-v2
.mct-redblack-shirt > strong {
    color: #fff;

    text-shadow:
        0 1px 2px
        rgba(0,0,0,.9),
        0 0 4px
        rgba(0,0,0,.45);
}

/* ============================================================
   FORMATION SINGLE REAL SOURCE
   ============================================================ */

.mct-profile-formations
.mct-formation-row-single {
    grid-template-columns:
        20px
        72px
        1fr;

    gap: 9px;

    min-height: 42px;
}

.mct-formation-single-meta {
    min-width: 0;
}

.mct-formation-single-meta span {
    display: block;

    color: #617580;

    font-family:
        Rajdhani,
        sans-serif;

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

.mct-formation-single-meta small {
    display: block;

    margin-top: 5px;

    color: #9aa7ad;

    font-family:
        Rajdhani,
        sans-serif;

    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}


/* =========================================================
   MCT ELENCO — NATIONALITIES MULTICOLOR V2
   ========================================================= */

/*
 * Donut palette:
 * 1 Brasil      green
 * 2 Uruguai     slate
 * 3 Argentina   blue
 * 4 Colombia    yellow
 * 5 Chile       red
 * 6+ extras     violet / orange / teal
 */

.mct-nationality-ring {
    background:
        conic-gradient(
            #10b981 0deg 210deg,
            #94a3b8 210deg 250deg,
            #48a9e6 250deg 285deg,
            #f5b82e 285deg 310deg,
            #ef2b2d 310deg 330deg,
            #8b5cf6 330deg 342deg,
            #f97316 342deg 352deg,
            #14b8a6 352deg 360deg
        ) !important;

    box-shadow:
        inset 0 0 0 1px rgba(15, 23, 42, 0.025);
}


/* keep donut center clean */

.mct-nationality-ring::before {
    background: #ffffff !important;
}


/* nationality rows */

.mct-nationality-list > div {
    position: relative;

    padding-left: 17px !important;
}


/* colored indicator */

.mct-nationality-list > div::before {
    content: "";

    position: absolute;
    left: 0;
    top: 50%;

    width: 7px;
    height: 7px;

    border-radius: 2px;

    transform:
        translateY(-50%);

    background:
        #cbd5e1;
}


/* Brasil */

.mct-nationality-list > div:nth-child(1)::before {
    background:
        #10b981;
}


/* Uruguai */

.mct-nationality-list > div:nth-child(2)::before {
    background:
        #94a3b8;
}


/* Argentina */

.mct-nationality-list > div:nth-child(3)::before {
    background:
        #48a9e6;
}


/* Colombia / 4th nationality */

.mct-nationality-list > div:nth-child(4)::before {
    background:
        #f5b82e;
}


/* Chile / 5th nationality */

.mct-nationality-list > div:nth-child(5)::before {
    background:
        #ef2b2d;
}


/* Extra nationalities */

.mct-nationality-list > div:nth-child(6)::before {
    background:
        #8b5cf6;
}

.mct-nationality-list > div:nth-child(7)::before {
    background:
        #f97316;
}

.mct-nationality-list > div:nth-child(8)::before {
    background:
        #14b8a6;
}


/* stronger separation between rows */

.mct-nationality-list > div {
    border-bottom:
        1px solid rgba(15, 23, 42, 0.07) !important;
}

.mct-nationality-list > div:last-child {
    border-bottom:
        0 !important;
}


/* count stays strong */

.mct-nationality-list strong {
    color:
        #08172d !important;

    font-weight:
        800 !important;
}


/* mobile: slightly smaller dots */

@media (max-width: 760px) {

    .mct-nationality-list > div {
        padding-left:
            15px !important;
    }

    .mct-nationality-list > div::before {
        width:
            6px;

        height:
            6px;
    }
}


/* =========================================================
   MCT ELENCO — AGE PROFILE
   ========================================================= */

.mct-age-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 4px;
}

.mct-age-row {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.mct-age-row-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.mct-age-row-top > span {
    font-family: "Rajdhani", sans-serif;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    color: #586779;
}

.mct-age-row-top > div {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.mct-age-row-top strong {
    font-family: "Rajdhani", sans-serif;
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
    color: #08172d;
}

.mct-age-row-top em {
    min-width: 29px;
    font-family: "Rajdhani", sans-serif;
    font-size: 11px;
    line-height: 1;
    font-style: normal;
    font-weight: 700;
    text-align: right;
    color: #93a1af;
}

.mct-age-track {
    position: relative;
    overflow: hidden;

    width: 100%;
    height: 7px;

    border-radius: 999px;

    background:
        #edf2f0;
}

.mct-age-track > span {
    display: block;

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

    height: 100%;

    border-radius: inherit;

    background:
        linear-gradient(
            90deg,
            #11a968 0%,
            #19c37d 100%
        );
}

.mct-age-footer {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;

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

    border-top:
        1px solid rgba(15, 23, 42, 0.07);
}

.mct-age-footer > div {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    min-width: 0;
}

.mct-age-footer > div + div {
    padding-left: 12px;

    border-left:
        1px solid rgba(15, 23, 42, 0.07);
}

.mct-age-footer span {
    font-family: "Rajdhani", sans-serif;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.09em;
    color: #8a98a8;
}

.mct-age-footer strong {
    font-family: "Rajdhani", sans-serif;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: #08172d;
}

@media (max-width: 760px) {

    .mct-age-list {
        gap:
            13px;
    }

    .mct-age-track {
        height:
            6px;
    }
}


/* =========================================================
   MCT ELENCO — HIGHLIGHTS TOP 3 V2
   Perfil left column
   ========================================================= */

.mct-elenco-dashboard {
    align-items:
        start !important;
}

.mct-elenco-main-column {
    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;

    gap:
        14px;
}


/* ---------------------------------------------------------
   Highlights container
   --------------------------------------------------------- */

.mct-highlights-v2 {
    width:
        100%;

    min-width:
        0;

    padding:
        18px !important;
}

.mct-highlights-head {
    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        16px;

    margin-bottom:
        15px;
}

.mct-highlights-head > div > span {
    display:
        block;

    margin-bottom:
        4px;

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

    font-size:
        9px;

    line-height:
        1;

    font-weight:
        600;

    letter-spacing:
        .15em;

    color:
        #08a765;
}

.mct-highlights-head h3 {
    margin:
        0;

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

    font-size:
        23px;

    line-height:
        1.05;

    font-weight:
        600;

    color:
        #08172d;
}

.mct-highlights-head p {
    margin:
        5px 0 0;

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

    font-size:
        12px;

    line-height:
        1.35;

    font-weight:
        500;

    color:
        #7d8a99;
}


/* ---------------------------------------------------------
   3 rankings
   --------------------------------------------------------- */

.mct-highlight-rankings {
    display:
        grid;

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

    gap:
        10px;
}

.mct-ranking-card {
    overflow:
        hidden;

    min-width:
        0;

    border:
        1px solid #e2e9e6;

    border-radius:
        10px;

    background:
        #fbfcfc;
}

.mct-ranking-title {
    min-height:
        41px;

    padding:
        10px 11px 8px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        8px;

    border-bottom:
        1px solid #e7ecea;

    background:
        #ffffff;
}

.mct-ranking-title h4 {
    margin:
        0;

    min-width:
        0;

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

    font-size:
        15px;

    line-height:
        1;

    font-weight:
        600;

    color:
        #101d31;
}

.mct-ranking-title > span {
    flex:
        0 0 auto;

    padding:
        3px 5px;

    border-radius:
        4px;

    background:
        #eaf8f1;

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

    font-size:
        9px;

    line-height:
        1;

    font-weight:
        600;

    letter-spacing:
        .08em;

    color:
        #07965c;
}


/* ---------------------------------------------------------
   Ranking rows
   --------------------------------------------------------- */

.mct-ranking-list {
    padding:
        3px 10px;
}

.mct-ranking-row {
    min-height:
        57px;

    display:
        grid;

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

    align-items:
        center;

    gap:
        7px;

    padding:
        7px 0;

    border-bottom:
        1px solid #e8edeb;
}

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

.mct-ranking-number {
    font-family:
        "Rajdhani",
        sans-serif;

    font-size:
        12px;

    line-height:
        1;

    font-weight:
        800;

    color:
        #7f8d9b;
}

.mct-ranking-row:first-child
.mct-ranking-number {
    color:
        #08a765;
}


/* player image */

.mct-ranking-photo {
    overflow:
        hidden;

    width:
        34px;

    height:
        34px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    background:
        #eef3f1;
}

.mct-ranking-photo img {
    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    object-position:
        center top;
}

.mct-ranking-photo > span {
    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size:
        16px;

    font-weight:
        800;

    color:
        #6f7d8b;
}


/* player */

.mct-ranking-player {
    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;
}

.mct-ranking-player strong {
    overflow:
        hidden;

    display:
        block;

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

    font-size:
        15px;

    line-height:
        1.05;

    font-weight:
        600;

    white-space:
        nowrap;

    text-overflow:
        ellipsis;

    color:
        #101d31;
}

.mct-ranking-player small {
    overflow:
        hidden;

    display:
        block;

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

    font-size:
        11px;

    line-height:
        1;

    font-weight:
        600;

    white-space:
        nowrap;

    text-overflow:
        ellipsis;

    color:
        #84919f;
}


/* value */

.mct-ranking-value {
    min-width:
        32px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-end;

    gap:
        1px;

    text-align:
        right;
}

.mct-ranking-value strong {
    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size:
        19px;

    line-height:
        1;

    font-weight:
        600;

    color:
        #0aaf69;
}

.mct-ranking-value span {
    font-family:
        "Rajdhani",
        sans-serif;

    font-size:
        10px;

    line-height:
        1;

    font-weight:
        600;

    color:
        #8794a2;
}

.mct-ranking-empty {
    padding:
        24px 10px;

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

    font-size:
        11px;

    text-align:
        center;

    color:
        #8996a3;
}


/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 1050px) {

    .mct-highlight-rankings {
        grid-template-columns:
            1fr;
    }

    .mct-ranking-row {
        grid-template-columns:
            18px 38px minmax(0, 1fr) auto;
    }

    .mct-ranking-photo {
        width:
            38px;

        height:
            38px;
    }
}

@media (max-width: 760px) {

    .mct-elenco-main-column {
        display:
            contents;
    }

    .mct-highlights-v2 {
        padding:
            15px !important;
    }

    .mct-highlights-head h3 {
        font-size:
            21px;
    }

    .mct-highlight-rankings {
        grid-template-columns:
            1fr;

        gap:
            9px;
    }

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

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

        gap:
            8px;
    }

    .mct-ranking-player strong {
        font-size:
            14px;
    }

    .mct-ranking-value strong {
        font-size:
            20px;
    }
}


/* =========================================================
   MCT ELENCO — PLAYER LIST TOOLBAR V2
   ========================================================= */

.mct-elenco-section-head {
    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        20px;

    margin-bottom:
        16px;
}


/* title */

.mct-elenco-section-head > div > span {
    display:
        block;

    margin-bottom:
        4px;

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

    font-size:
        9px;

    line-height:
        1;

    font-weight:
        800;

    letter-spacing:
        .15em;

    color:
        #08a765;
}

.mct-elenco-section-head h3 {
    margin:
        0;

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

    font-size:
        24px;

    line-height:
        1.05;

    font-weight:
        600;

    color:
        #08172d;
}


/* player count */

.mct-elenco-section-head > strong,
.mct-elenco-section-head .mct-player-total {
    margin-top:
        4px;

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

    font-size:
        11px;

    line-height:
        1;

    font-weight:
        700;

    color:
        #738191;
}


/* toolbar */

.mct-player-toolbar {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        16px;

    margin-bottom:
        18px;
}


/* tabs */

.mct-player-filters {
    display:
        flex;

    align-items:
        center;

    gap:
        7px;

    min-width:
        0;
}

.mct-player-filter {
    min-height:
        34px;

    padding:
        0 13px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        4px;

    border:
        1px solid #e0e7e4;

    border-radius:
        7px;

    background:
        #ffffff;

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

    font-size:
        10px;

    line-height:
        1;

    font-weight:
        800;

    white-space:
        nowrap;

    color:
        #526171;

    cursor:
        pointer;

    transition:
        border-color .18s ease,
        background .18s ease,
        color .18s ease,
        box-shadow .18s ease;
}

.mct-player-filter:hover {
    border-color:
        #b8d8ca;

    background:
        #f8fbfa;

    color:
        #087c50;
}

.mct-player-filter.is-active,
.mct-player-filter.active,
.mct-player-filter[aria-selected="true"] {
    border-color:
        #0aad68;

    background:
        #0aad68;

    color:
        #ffffff;

    box-shadow:
        0 5px 12px rgba(10, 173, 104, .13);
}


/* right actions */

.mct-player-actions {
    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    flex:
        0 0 auto;
}


/* search */

.mct-player-search {
    position:
        relative;

    width:
        190px;
}

.mct-player-search input {
    width:
        100%;

    height:
        36px;

    padding:
        0 12px 0 34px;

    border:
        1px solid #dde5e2;

    border-radius:
        7px;

    outline:
        none;

    background:
        #ffffff;

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

    font-size:
        12px;

    font-weight:
        600;

    color:
        #17253a;

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

.mct-player-search input::placeholder {
    color:
        #9aa6b2;
}

.mct-player-search input:focus {
    border-color:
        #13b674;

    box-shadow:
        0 0 0 3px rgba(19, 182, 116, .08);
}


/* search icon */

.mct-player-search::before {
    content:
        "";

    position:
        absolute;

    left:
        12px;

    top:
        50%;

    width:
        12px;

    height:
        12px;

    border:
        1.8px solid #7d8b99;

    border-radius:
        50%;

    transform:
        translateY(-58%);

    pointer-events:
        none;
}

.mct-player-search::after {
    content:
        "";

    position:
        absolute;

    left:
        22px;

    top:
        22px;

    width:
        5px;

    height:
        1.8px;

    border-radius:
        999px;

    background:
        #7d8b99;

    transform:
        rotate(45deg);

    pointer-events:
        none;
}


/* sort */

.mct-player-sort {
    min-width:
        145px;

    height:
        36px;

    padding:
        0 30px 0 12px;

    border:
        1px solid #dde5e2;

    border-radius:
        7px;

    outline:
        none;

    background:
        #ffffff;

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

    font-size:
        11px;

    font-weight:
        700;

    color:
        #17253a;

    cursor:
        pointer;
}


/* ---------------------------------------------------------
   responsive
   --------------------------------------------------------- */

@media (max-width: 900px) {

    .mct-player-toolbar {
        align-items:
            stretch;

        flex-direction:
            column;
    }

    .mct-player-filters {
        overflow-x:
            auto;

        padding-bottom:
            3px;

        scrollbar-width:
            none;
    }

    .mct-player-filters::-webkit-scrollbar {
        display:
            none;
    }

    .mct-player-actions {
        width:
            100%;
    }

    .mct-player-search {
        flex:
            1 1 auto;

        width:
            auto;
    }

    .mct-player-sort {
        flex:
            0 0 145px;
    }
}

@media (max-width: 560px) {

    .mct-elenco-section-head h3 {
        font-size:
            22px;
    }

    .mct-player-actions {
        flex-direction:
            column;
    }

    .mct-player-search,
    .mct-player-sort {
        width:
            100%;

        flex:
            none;
    }
}


/* ==========================================================
   TODOS OS JOGADORES — TOOLBAR FINAL
   ========================================================== */

.mct-all-players{
    padding-top:26px;
}

.mct-all-players .mct-elenco-section-head{
    margin-bottom:14px;
}

.mct-player-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-bottom:18px;
}


/* tabs */

.mct-player-tabs{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.mct-player-tabs button{
    height:38px;
    padding:0 14px;
    border:1px solid #dfe6e3;
    border-radius:8px;
    background:#fff;
    color:#647181;
    font-family:"Rajdhani",sans-serif;
    font-size:11px;
    font-weight:800;
    letter-spacing:.03em;
    display:inline-flex;
    align-items:center;
    gap:5px;
    cursor:pointer;
    transition:.18s ease;
}

.mct-player-tabs button span{
    font-size:10px;
    opacity:.72;
}

.mct-player-tabs button:hover{
    border-color:#b8d8ca;
    color:#13895c;
}

.mct-player-tabs button.is-active{
    background:#0ca965;
    border-color:#0ca965;
    color:#fff;
    box-shadow:0 5px 14px rgba(12,169,101,.16);
}

.mct-player-tabs button.is-active span{
    opacity:1;
}


/* tools */

.mct-player-tools{
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0;
}


/* search */

.mct-player-search{
    width:190px;
    height:38px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 12px;
    border:1px solid #dfe6e3;
    border-radius:8px;
    background:#fff;
    color:#91a0ae;
}

.mct-player-search svg{
    width:17px;
    height:17px;
    flex:none;
}

.mct-player-search input{
    width:100%;
    border:0;
    outline:0;
    background:transparent;
    font-family:"Rajdhani",sans-serif;
    font-size:12px;
    font-weight:700;
    color:#26364a;
}

.mct-player-search input::placeholder{
    color:#9ca8b5;
}


/* sort */

.mct-player-sort-wrap{
    position:relative;
    width:145px;
    height:38px;
    border:1px solid #dfe6e3;
    border-radius:8px;
    background:#fff;
    display:flex;
    align-items:center;
    padding:0 10px;
}

.mct-player-sort-wrap span{
    position:absolute;
    top:5px;
    left:12px;
    font-family:"Rajdhani",sans-serif;
    font-size:8px;
    font-weight:800;
    letter-spacing:.08em;
    color:#95a0ad;
    pointer-events:none;
}

.mct-player-sort-wrap select{
    width:100%;
    height:100%;
    padding-top:9px;
    border:0;
    outline:0;
    appearance:auto;
    background:transparent;
    font-family:"Rajdhani",sans-serif;
    font-size:12px;
    font-weight:800;
    color:#24364a;
    cursor:pointer;
}


/* responsive */

@media(max-width:900px){

    .mct-player-toolbar{
        align-items:flex-start;
        flex-direction:column;
        gap:14px;
    }

    .mct-player-tabs{
        width:100%;
        flex-wrap:nowrap;
        overflow-x:auto;
        padding-bottom:2px;
    }

    .mct-player-tabs::-webkit-scrollbar{
        display:none;
    }

    .mct-player-tools{
        width:100%;
    }

    .mct-player-search{
        flex:1;
        width:auto;
    }
}

@media(max-width:560px){

    .mct-player-tools{
        flex-direction:column;
        align-items:stretch;
    }

    .mct-player-search,
    .mct-player-sort-wrap{
        width:100%;
    }

}


/* ==========================================================
   PLAYER TOOLS — FINAL FIX
   Fix nested search border + sort text overlap
   ========================================================== */

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

.mct-all-players .mct-player-search {
    box-sizing: border-box !important;

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

    padding: 0 12px !important;

    display: flex !important;
    align-items: center !important;
    gap: 9px !important;

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

    background: #fff !important;

    overflow: hidden !important;
}

.mct-all-players .mct-player-search::before,
.mct-all-players .mct-player-search::after {
    content: none !important;
    display: none !important;
}

.mct-all-players .mct-player-search svg {
    position: static !important;

    flex: 0 0 16px !important;

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

    margin: 0 !important;

    color: #8393a3 !important;

    transform: none !important;
}

.mct-all-players .mct-player-search input,
.mct-all-players .mct-player-search input[type="search"] {
    box-sizing: border-box !important;

    flex: 1 1 auto !important;

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

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

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

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

    background: transparent !important;

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

    color: #26364a !important;

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

.mct-all-players .mct-player-search input:focus {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* ---------- SORT ---------- */

.mct-all-players .mct-player-sort-wrap {
    box-sizing: border-box !important;

    position: relative !important;

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

    padding: 0 !important;

    display: block !important;

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

    background: #fff !important;

    overflow: hidden !important;
}

.mct-all-players .mct-player-sort-wrap > span {
    position: absolute !important;

    z-index: 2 !important;

    top: 6px !important;
    left: 12px !important;

    margin: 0 !important;

    font-family: "Rajdhani", sans-serif !important;
    font-size: 7px !important;
    line-height: 8px !important;
    font-weight: 700 !important;

    letter-spacing: .04em !important;

    color: #9aa6b2 !important;

    pointer-events: none !important;
}

.mct-all-players .mct-player-sort-wrap select,
.mct-all-players select[data-mct-player-sort] {
    box-sizing: border-box !important;

    position: absolute !important;

    inset: 0 !important;

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

    margin: 0 !important;

    padding:
        13px
        30px
        1px
        12px !important;

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

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

    background-color: transparent !important;

    font-family: "Rajdhani", sans-serif !important;
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 800 !important;

    color: #26364a !important;

    cursor: pointer !important;
}


/* ---------- TOOLS ALIGNMENT ---------- */

.mct-all-players .mct-player-tools {
    display: flex !important;
    align-items: center !important;

    gap: 9px !important;

    flex: 0 0 auto !important;
}


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

@media (max-width: 900px) {

    .mct-all-players .mct-player-search {
        width: auto !important;

        flex: 1 1 auto !important;
    }

}

@media (max-width: 560px) {

    .mct-all-players .mct-player-tools {
        width: 100% !important;

        display: grid !important;

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

    .mct-all-players .mct-player-search {
        width: 100% !important;
    }

    .mct-all-players .mct-player-sort-wrap {
        width: 130px !important;
    }

}

/* ==========================================================
   PLAYER TOOLS — HEIGHT / ALIGN FINAL
   ========================================================== */

.mct-all-players .mct-player-tools {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
}

/* 两个外框绝对统一 */
.mct-all-players .mct-player-search,
.mct-all-players .mct-player-sort-wrap {
    box-sizing: border-box !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    border: 1px solid #dfe6e3 !important;
    border-radius: 8px !important;
    background: #fff !important;
}

/* SEARCH */
.mct-all-players .mct-player-search {
    width: 190px !important;
    padding: 0 12px !important;

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

.mct-all-players .mct-player-search svg {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    margin: 0 !important;
}

.mct-all-players .mct-player-search input[type="search"] {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;

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

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

    display: block !important;

    line-height: 38px !important;
}

/* SORT */
.mct-all-players .mct-player-sort-wrap {
    position: relative !important;

    width: 145px !important;
    padding: 0 !important;

    overflow: hidden !important;
}

/* Ordenar por */
.mct-all-players .mct-player-sort-wrap > span {
    position: absolute !important;

    top: 6px !important;
    left: 12px !important;

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

    font-size: 7px !important;
    line-height: 7px !important;

    z-index: 2 !important;
}

/* Camisa */
.mct-all-players .mct-player-sort-wrap select,
.mct-all-players select[data-mct-player-sort] {
    position: absolute !important;

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

    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    margin: 0 !important;

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

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

    font-size: 12px !important;
    line-height: 16px !important;

    background-color: transparent !important;
}

/* 防止主题给 select/input 额外 vertical margin */
.mct-all-players .mct-player-tools input,
.mct-all-players .mct-player-tools select,
.mct-all-players .mct-player-tools label {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ==========================================================
   MOBILE PLAYER TOOLS — SEARCH + SORT SAME ROW
   ========================================================== */

@media (max-width: 560px) {

    .mct-all-players .mct-player-tools {
        width: 100% !important;

        display: grid !important;

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

        align-items: center !important;

        gap: 8px !important;

        margin: 0 !important;
    }

    .mct-all-players .mct-player-search {
        box-sizing: border-box !important;

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

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

        margin: 0 !important;

        padding:
            0
            10px !important;
    }

    .mct-all-players .mct-player-search input[type="search"] {
        min-width: 0 !important;

        padding-left:
            7px !important;

        font-size:
            11px !important;
    }

    .mct-all-players .mct-player-search svg {
        width: 15px !important;
        height: 15px !important;

        flex:
            0 0 15px !important;
    }

    .mct-all-players .mct-player-sort-wrap {
        box-sizing: border-box !important;

        width: 132px !important;
        min-width: 132px !important;

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

        margin: 0 !important;
    }

    .mct-all-players .mct-player-sort-wrap > span {
        top: 6px !important;
        left: 10px !important;

        font-size: 6px !important;
        line-height: 7px !important;
    }

    .mct-all-players .mct-player-sort-wrap select,
    .mct-all-players select[data-mct-player-sort] {
        height: 40px !important;

        padding:
            12px
            25px
            0
            10px !important;

        font-size:
            11px !important;
    }

}


/* very small phones */
@media (max-width: 380px) {

    .mct-all-players .mct-player-tools {
        grid-template-columns:
            minmax(0, 1fr)
            118px !important;

        gap:
            6px !important;
    }

    .mct-all-players .mct-player-sort-wrap {
        width: 118px !important;
        min-width: 118px !important;
    }

}