/* ==========================================================================
   ValueStats · Team profile
   ========================================================================== */

.team-profile {
    --team-canvas: var(--vs-color-canvas);
    --team-surface: var(--vs-color-surface);
    --team-surface-muted: var(--vs-color-surface-muted);
    --team-border: var(--vs-color-border);
    --team-border-strong: var(--vs-color-border-strong);
    --team-ink: var(--vs-color-ink);
    --team-muted: var(--vs-color-muted);
    --team-primary: var(--vs-color-primary);
    --team-primary-dark: var(--vs-color-primary-strong);
    min-height: 100vh;
    color: var(--team-ink);
    background: var(--team-canvas) !important;
}

.team-profile-page {
    width: 100%;
}

.team-profile-hero {
    position: relative;
    overflow: hidden;
    border-width: 0 0 1px !important;
    border-color: rgba(77, 123, 101, .18) !important;
    border-radius: 0 !important;
    color: #14251c;
    background:
        radial-gradient(circle at 82% 10%, rgba(21, 150, 106, .12), transparent 30%),
        linear-gradient(142deg, #f4f7f5 0%, #e7eee9 62%, #dfe9e3 100%) !important;
    box-shadow: 0 10px 28px rgba(25, 52, 38, .09) !important;
}

.team-profile-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: .06;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(8, 74, 49, .3) 1px, transparent 1px),
        linear-gradient(90deg, rgba(8, 74, 49, .3) 1px, transparent 1px);
    background-size: 54px 54px;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 86%);
    mask-image: linear-gradient(90deg, #000, transparent 86%);
}

.team-profile-hero::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, #15966a, rgba(21, 150, 106, .18) 42%, transparent 82%);
}

.team-profile-hero-body,
.team-profile-nav {
    position: relative;
    z-index: 1;
}

.team-profile-hero-body {
    min-height: 11rem;
    padding: clamp(1.8rem, 3.4vw, 2.8rem) clamp(1rem, 2.6vw, 2rem) !important;
}

.team-profile-hero-grid {
    position: relative;
    z-index: 1;
    width: 100%;
}

.team-profile-watermark {
    position: absolute;
    z-index: 0;
    top: 50%;
    right: clamp(1.25rem, 5vw, 5rem);
    width: clamp(10rem, 17vw, 14rem);
    height: clamp(10rem, 17vw, 14rem);
    transform: translateY(-50%);
    opacity: .055;
    filter: grayscale(1);
    pointer-events: none;
    user-select: none;
}

.team-profile-watermark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.team-profile-identity {
    max-width: min(100%, 60rem);
    align-items: center !important;
}

.team-profile-crest {
    width: clamp(5.5rem, 8vw, 7rem) !important;
    height: clamp(5.5rem, 8vw, 7rem) !important;
    padding: .48rem !important;
    border: 1px solid rgba(77, 123, 101, .18) !important;
    border-radius: .48rem !important;
    background: rgba(255, 255, 255, .84) !important;
    box-shadow: 0 10px 24px rgba(25, 52, 38, .1) !important;
}

.team-profile-name {
    overflow: visible;
    margin: 0;
    color: #10231a !important;
    font-size: clamp(1.75rem, 3vw, 2.75rem) !important;
    font-weight: 680 !important;
    line-height: 1.08;
    letter-spacing: -.04em;
}

.team-profile-title-row {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.team-profile-actions {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .42rem;
}

.team-profile-actions > span {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    line-height: 1;
}

.team-profile-actions .js-fav-toggle {
    width: 2.15rem;
    height: 2.15rem;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border: 1px solid rgba(77, 123, 101, .2) !important;
    border-radius: .34rem !important;
    color: #53665c !important;
    background: rgba(255, 255, 255, .55) !important;
}

.team-profile-actions .js-fav-toggle.is-active {
    border-color: rgba(188, 134, 20, .4) !important;
    color: #9a6408 !important;
    background: rgba(255, 247, 214, .88) !important;
}

.team-profile-actions .js-fav-toggle.is-loading {
    cursor: wait;
    opacity: .72;
}

.team-profile-actions .js-fav-toggle.is-loading .fa-star {
    animation: team-favourite-pulse .7s ease-in-out infinite alternate;
}

@keyframes team-favourite-pulse {
    from { transform: scale(.86); }
    to { transform: scale(1.12); }
}

.team-profile-actions .fa-bell {
    display: inline-flex;
    width: 2.15rem;
    height: 2.15rem;
    align-items: center;
    justify-content: center;
    margin-left: 0 !important;
    border: 1px solid rgba(77, 123, 101, .2);
    border-radius: .34rem;
    color: #53665c !important;
    background: rgba(255, 255, 255, .55);
    font-size: .75rem !important;
}

.team-profile-meta {
    margin-top: .7rem !important;
}

.team-profile-meta a,
.team-profile-meta span {
    color: #607269 !important;
}

.team-profile-meta a:hover {
    color: #087a55 !important;
}

.team-profile-meta img {
    width: 1.25rem !important;
    height: 1.25rem !important;
}

.team-profile-next {
    min-width: 18rem !important;
    padding: .8rem .95rem !important;
    border: 1px solid rgba(77, 123, 101, .18) !important;
    border-radius: .44rem !important;
    color: #203029;
    background: rgba(255, 255, 255, .52) !important;
    box-shadow: none !important;
}

.team-profile-next:hover {
    border-color: rgba(21, 150, 106, .35) !important;
    background: rgba(255, 255, 255, .75) !important;
    box-shadow: 0 8px 20px rgba(25, 52, 38, .08) !important;
}

.team-profile-next > span:first-child {
    padding: .22rem .46rem !important;
    border-radius: .2rem !important;
    background: #087a55 !important;
    letter-spacing: .075em;
}

.team-profile-next-crest {
    border-color: rgba(77, 123, 101, .16) !important;
    border-radius: .28rem !important;
    background: rgba(255, 255, 255, .92) !important;
}

.team-profile-next .text-gray-800 {
    color: #203029 !important;
}

.team-profile-next .text-gray-600 {
    color: #607269 !important;
}

.team-profile-next .text-emerald-500,
.team-profile-next .text-emerald-600 {
    color: #087a55 !important;
}

.team-profile-nav {
    overflow-x: auto;
    padding-inline: clamp(0rem, 2.6vw, 2rem);
    border-color: rgba(77, 123, 101, .15) !important;
    background: rgba(255, 255, 255, .38);
    scrollbar-width: none;
}

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

.team-profile-nav-list {
    min-width: max-content;
}

.team-profile-nav-link {
    min-height: 2.9rem;
    padding: .74rem 1rem !important;
    border-bottom-width: 2px !important;
    border-radius: 0 !important;
    color: #66776e !important;
    background: transparent !important;
    font-size: .77rem !important;
    font-weight: 680 !important;
    letter-spacing: .01em;
}

.team-profile-nav-link:hover {
    border-color: rgba(21, 150, 106, .3) !important;
    color: #075f45 !important;
    background: rgba(255, 255, 255, .42) !important;
}

.team-profile-nav-link--active {
    border-color: #15966a !important;
    color: #075f45 !important;
    background: rgba(21, 150, 106, .08) !important;
}

.team-profile-shell {
    width: 100%;
    padding: 1rem clamp(.75rem, 1.7vw, 1.5rem) 2.5rem;
}

.team-profile-content,
.team-profile-seo {
    border-color: var(--team-border) !important;
    border-radius: .52rem !important;
    background: var(--team-surface) !important;
    box-shadow: 0 8px 24px rgba(25, 45, 35, .055), 0 1px 2px rgba(25, 45, 35, .04) !important;
}

.team-profile-stats-view {
    padding: .95rem !important;
}

.team-profile-filter-summary,
.team-profile-period,
.team-profile-upcoming {
    border-color: var(--team-border) !important;
    border-radius: .38rem !important;
    background: var(--team-surface-muted) !important;
    box-shadow: none !important;
}

.team-profile-filter-summary > div > span,
.team-profile-period > div > span {
    border-radius: .28rem !important;
}

.team-profile-filter-summary > div > span.bg-emerald-600 {
    background: var(--team-primary) !important;
}

.team-profile-filter-summary button {
    border-radius: .28rem !important;
}

.team-profile-period {
    padding: .7rem .8rem !important;
}

.team-profile-period > div:first-child > span {
    border: 1px solid var(--team-border);
    background: var(--team-surface) !important;
    box-shadow: none !important;
}

.team-period-switch {
    border: 1px solid var(--team-border);
    border-radius: .32rem !important;
    background: #e6ece8 !important;
}

.team-period-option {
    border-radius: .22rem !important;
}

.team-period-option[aria-current="page"] {
    color: var(--team-primary-dark) !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(25, 45, 35, .08) !important;
}

.team-profile-table-scroll {
    border: 1px solid var(--team-border);
    border-radius: .42rem;
    background: var(--team-surface);
    scrollbar-color: rgba(21, 150, 106, .38) transparent;
    scrollbar-width: thin;
}

.team-profile-table-scroll::-webkit-scrollbar {
    height: 6px;
}

.team-profile-table-scroll::-webkit-scrollbar-thumb {
    background: rgba(21, 150, 106, .38);
}

.team-profile table {
    border-collapse: separate;
    border-spacing: 0;
}

.team-profile table thead,
.team-profile table thead tr,
.team-profile table thead th {
    border-color: #d7e0db !important;
    background: #f1f5f3 !important;
}

.team-profile table thead th {
    color: #66766e !important;
    font-size: .66rem !important;
    font-weight: 720 !important;
    letter-spacing: .035em;
}

.team-profile table tbody,
.team-profile table tbody tr,
.team-profile table tbody td,
.team-profile table tbody th {
    border-color: #e0e7e3 !important;
}

.team-profile table tbody tr:hover,
.team-profile table tbody tr:hover td,
.team-profile table tbody tr:hover th {
    background: #eff6f2 !important;
}

.team-profile table tbody td,
.team-profile table tbody th {
    font-variant-numeric: tabular-nums;
}

.team-profile table .sticky.left-0,
.team-profile table .sticky.left-10 {
    box-shadow: 1px 0 0 #dce5e0;
}

.team-profile-upcoming > button {
    border-radius: .34rem !important;
}

.team-profile-upcoming > button > div:first-child > div:first-child,
.team-profile-upcoming > button span {
    border-radius: .24rem !important;
}

.team-profile-analysis {
    min-height: 16rem;
}

.team-profile-analysis .team-analysis-container {
    min-height: 15rem;
}

.team-profile-analysis #teamInlineFilterSection,
.player-profile-analysis #inlineFilterSection {
    position: relative;
    z-index: 30;
    border-color: var(--team-border) !important;
    background: var(--team-surface-muted) !important;
}

.team-analysis-filter-control,
.team-analysis-filter-picker {
    min-width: 0;
}

.team-analysis-filter-picker {
    position: relative;
}

.team-analysis-picker-trigger {
    display: grid;
    width: 100%;
    min-height: 2.35rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .45rem;
    padding: .48rem .62rem;
    border: 1px solid var(--team-border-strong);
    border-radius: .42rem;
    color: var(--team-ink);
    background: var(--team-surface);
    font-size: .76rem;
    font-weight: 680;
    text-align: left;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.team-analysis-picker-trigger:hover,
.team-analysis-picker-trigger.is-selected {
    border-color: rgba(21, 150, 106, .44);
}

.team-analysis-picker-trigger:focus-visible {
    outline: 0;
    border-color: var(--team-primary);
    box-shadow: 0 0 0 3px var(--vs-color-focus);
}

.team-analysis-picker-trigger > i:first-child {
    color: var(--team-primary);
    font-size: .68rem;
}

.team-analysis-picker-trigger > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-analysis-picker-chevron {
    color: var(--team-muted);
    font-size: .55rem;
    transition: transform .18s ease;
}

.team-analysis-picker-chevron.is-open {
    transform: rotate(180deg);
}

.team-analysis-picker-menu {
    position: absolute;
    z-index: 70;
    top: calc(100% + .32rem);
    left: 0;
    width: min(20rem, calc(100vw - 2rem));
    max-height: 18rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: .3rem;
    border: 1px solid var(--team-border-strong);
    border-radius: .42rem;
    background: var(--team-surface);
    box-shadow: var(--vs-shadow-floating);
    scrollbar-color: rgba(21, 150, 106, .38) transparent;
    scrollbar-width: thin;
}

.team-analysis-picker-menu--opponents {
    right: 0;
    left: auto;
}

.team-analysis-picker-all,
.team-analysis-picker-option {
    display: flex;
    width: 100%;
    min-height: 2.55rem;
    align-items: center;
    gap: .52rem;
    padding: .4rem .44rem;
    border-radius: .3rem;
    color: var(--team-ink);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.team-analysis-picker-all {
    border-bottom: 1px solid var(--team-border);
    border-radius: .3rem .3rem 0 0;
    color: var(--team-primary-dark);
    font-size: .72rem;
    font-weight: 720;
}

.team-analysis-picker-all:hover,
.team-analysis-picker-option:hover,
.team-analysis-picker-all.is-selected,
.team-analysis-picker-option.is-selected {
    background: var(--vs-color-primary-soft);
}

.team-analysis-picker-checkbox,
.team-analysis-picker-option-checkbox {
    display: inline-grid;
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--team-border-strong);
    border-radius: .2rem;
    color: transparent;
    background: var(--team-surface);
    font-size: .48rem;
}

.team-analysis-picker-all.is-selected .team-analysis-picker-checkbox {
    border-color: var(--team-primary);
    color: #fff;
    background: var(--team-primary);
}

.team-analysis-picker-option-checkbox {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.team-analysis-picker-option-checkbox:checked {
    border-color: var(--team-primary);
    background: var(--team-primary);
}

.team-analysis-picker-option-checkbox:checked::after {
    content: '✓';
    color: #fff;
    font-size: .66rem;
    font-weight: 800;
    line-height: 1;
}

.team-analysis-picker-option-checkbox:focus-visible {
    outline: 2px solid var(--team-primary);
    outline-offset: 2px;
}

.team-analysis-picker-option-logo {
    display: inline-flex;
    width: 1.7rem;
    height: 1.7rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--team-border);
    border-radius: .28rem;
    color: var(--team-muted);
    background: #fff;
}

.team-analysis-picker-option-logo img {
    width: 1.35rem;
    height: 1.35rem;
    object-fit: contain;
}

.team-analysis-picker-option-logo i {
    font-size: .6rem;
}

.team-analysis-picker-option-copy {
    min-width: 0;
    flex: 1 1 auto;
}

.team-analysis-picker-option-copy strong,
.team-analysis-picker-option-copy small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-analysis-picker-option-copy strong {
    color: var(--team-ink);
    font-size: .72rem;
    font-weight: 720;
}

.team-analysis-picker-option-copy small {
    margin-top: .08rem;
    color: var(--team-muted);
    font-size: .6rem;
}

.team-analysis-match-filter {
    display: flex;
    min-height: 2.35rem;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    margin-top: .25rem;
}

.team-analysis-match-filter > label {
    color: var(--team-muted);
    font-size: .68rem;
    font-weight: 680;
}

.team-analysis-match-stepper {
    display: grid;
    width: 12.8rem;
    min-height: 2.15rem;
    grid-template-columns: 2rem 2.6rem minmax(0, 1fr) 2rem;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid var(--team-border-strong);
    border-radius: .38rem;
    background: var(--team-surface);
}

.team-analysis-match-stepper button {
    border: 0;
    color: var(--team-primary);
    background: var(--vs-color-primary-soft);
    font-size: .9rem;
    font-weight: 760;
    transition: color .16s ease, background-color .16s ease, opacity .16s ease;
}

.team-analysis-match-stepper button:hover:not(:disabled) {
    color: var(--team-primary-dark);
    background: rgba(21, 150, 106, .16);
}

.team-analysis-match-stepper button:disabled {
    opacity: .38;
    cursor: not-allowed;
}

.team-analysis-match-stepper input {
    width: 100%;
    min-width: 0;
    padding: 0 !important;
    border-width: 0 0 0 1px !important;
    border-color: var(--team-border) !important;
    border-radius: 0 !important;
    color: var(--team-ink) !important;
    background: transparent !important;
    font-size: .76rem;
    font-weight: 760;
    text-align: right;
    -moz-appearance: textfield;
}

.team-analysis-match-stepper input::-webkit-outer-spin-button,
.team-analysis-match-stepper input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.team-analysis-match-stepper > span {
    display: flex;
    min-width: 0;
    align-items: center;
    padding: 0 .3rem;
    border-right: 1px solid var(--team-border);
    color: var(--team-muted);
    font-size: .6rem;
    font-weight: 650;
    overflow: hidden;
    white-space: nowrap;
}

@media (max-width: 639px) {
    .team-analysis-picker-menu,
    .team-analysis-picker-menu--opponents {
        width: min(18rem, calc(100vw - 2rem));
        max-height: 15rem;
    }

    [data-player-filter-picker="seasons"] .team-analysis-picker-menu,
    [data-team-filter-picker="seasons"] .team-analysis-picker-menu {
        right: 0;
        left: auto;
    }

    [data-player-filter-picker="opponents"] .team-analysis-picker-menu,
    [data-team-filter-picker="opponents"] .team-analysis-picker-menu {
        right: auto;
        left: 0;
    }

    .team-analysis-match-filter {
        gap: .42rem;
    }

    .team-analysis-match-stepper {
        width: min(12.8rem, calc(100% - 4.5rem));
    }
}

.team-profile-squad {
    padding: clamp(1rem, 2vw, 1.5rem) !important;
}

.team-profile-squad-section > div:first-child {
    border-color: var(--team-border) !important;
}

.team-profile-squad-section > div:first-child span {
    color: #53665c !important;
    font-size: .7rem !important;
    letter-spacing: .08em;
}

.team-profile-player-card {
    padding: .8rem !important;
    border-color: var(--team-border) !important;
    border-radius: .42rem !important;
    background: var(--team-surface) !important;
    box-shadow: none !important;
}

.team-profile-player-card:hover {
    border-color: rgba(21, 150, 106, .44) !important;
    background: #fbfdfc !important;
    box-shadow: 0 8px 20px rgba(25, 45, 35, .07) !important;
    transform: translateY(-1px);
}

.team-profile-player-card .rounded-full {
    border-radius: 50% !important;
}

.team-profile-player-placeholder {
    color: #9aa79f !important;
}

.team-profile-player-stat {
    border-radius: .28rem !important;
    background: var(--team-surface-muted) !important;
}

.team-profile-player-stat .text-xl {
    font-size: 1rem !important;
}

.team-profile-seo {
    margin: 1rem 0 0 !important;
    padding: 1.15rem !important;
    color: var(--team-muted) !important;
}

.team-profile-seo h2,
.team-profile-seo h3,
.team-profile-seo .text-gray-800,
.team-profile-seo .text-gray-700 {
    color: var(--team-ink) !important;
}

.team-profile-seo .rounded-lg,
.team-profile-seo .rounded-full {
    border-radius: .32rem !important;
}

.team-profile-sticky {
    border-color: var(--team-border) !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 7px 20px rgba(25, 45, 35, .09) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.team-profile-sticky-crest {
    border-radius: .28rem !important;
    background: #fff;
}

.team-profile-sticky a,
.team-profile-sticky button {
    border-radius: .26rem !important;
}

/* Player profile shares the entity shell and adds player-specific details. */
.player-profile .team-profile-identity {
    display: grid !important;
    grid-template-areas:
        'photo primary actions'
        'photo meta meta'
        'photo stats stats';
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .35rem 1rem !important;
    align-items: start !important;
}

.player-profile-media {
    grid-area: photo;
    align-self: center;
}

.player-profile-primary {
    grid-area: primary;
    align-self: center;
}

.player-profile-actions {
    grid-area: actions;
    align-self: center;
}

.player-profile-meta {
    grid-area: meta;
    margin-top: 0 !important;
}

.player-profile-quick-stats {
    grid-area: stats;
    margin-top: .45rem !important;
}

.player-profile-photo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.player-profile-photo > img {
    border-radius: .4rem;
    background: #fff;
}

.player-profile-action {
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 auto;
    justify-content: center;
    padding: 0 !important;
    border: 1px solid rgba(77, 123, 101, .2) !important;
    border-radius: .34rem !important;
    color: #53665c !important;
    background: rgba(255, 255, 255, .55) !important;
    box-shadow: none !important;
}

.player-profile-action:hover {
    border-color: rgba(21, 150, 106, .36) !important;
    color: #075f45 !important;
    background: rgba(255, 255, 255, .78) !important;
}

.player-profile-actions .fa-bell {
    display: inline-block;
    width: auto;
    height: auto;
}

.player-profile-meta .player-profile-position {
    padding: .25rem .5rem !important;
    border: 1px solid rgba(21, 150, 106, .2) !important;
    border-radius: .25rem !important;
    color: #087a55 !important;
    background: rgba(21, 150, 106, .09) !important;
}

.player-profile-meta .player-profile-national {
    border-color: rgba(21, 150, 106, .2) !important;
    border-radius: .25rem !important;
    color: #087a55 !important;
    background: rgba(21, 150, 106, .07) !important;
}

.player-profile-meta .player-profile-national span {
    color: inherit !important;
}

.player-profile-quick-stats {
    color: #607269;
}

.player-profile-quick-stats i {
    color: #15966a !important;
}

.player-profile-filter-control {
    flex: 0 0 auto;
}

.player-profile-filter-trigger {
    min-height: 2rem;
    border: 1px solid rgba(77, 123, 101, .2) !important;
    border-radius: .3rem !important;
    color: #53665c !important;
    background: rgba(255, 255, 255, .5) !important;
}

.player-profile-filter-trigger:hover {
    color: #075f45 !important;
    background: rgba(255, 255, 255, .76) !important;
}

.player-profile-content {
    width: 100%;
}

.player-profile-stats-content {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.player-profile-summary {
    border-color: var(--team-border) !important;
    border-radius: .36rem !important;
    background: var(--team-surface-muted) !important;
}

.player-profile-summary > span {
    color: #a4b1aa !important;
}

.player-profile-summary .ml-auto > div {
    border-radius: .3rem !important;
}

.player-profile-table {
    border: 0 !important;
    border-radius: 0 !important;
}

.player-profile-table .team-profile-table-scroll {
    max-width: 100%;
}

.player-profile .donut .inner-circle {
    background: var(--team-surface) !important;
}

[data-theme="dark"] .player-profile-action,
[data-theme="dark"] .player-profile-filter-trigger {
    border-color: rgba(207, 229, 218, .15) !important;
    color: #d3e1da !important;
    background: rgba(255, 255, 255, .05) !important;
}

[data-theme="dark"] .player-profile-action:hover,
[data-theme="dark"] .player-profile-filter-trigger:hover {
    border-color: rgba(110, 231, 183, .3) !important;
    color: #9af2c8 !important;
    background: rgba(52, 211, 153, .08) !important;
}

[data-theme="dark"] .player-profile-meta .player-profile-position,
[data-theme="dark"] .player-profile-meta .player-profile-national {
    border-color: rgba(52, 211, 153, .2) !important;
    color: #8cf0c2 !important;
    background: rgba(52, 211, 153, .08) !important;
}

[data-theme="dark"] .player-profile-quick-stats,
[data-theme="dark"] .player-profile-quick-stats span {
    color: #aebfb6 !important;
}

[data-theme="dark"] .player-profile-quick-stats i {
    color: #6ee7b7 !important;
}

[data-theme="dark"] .player-profile-summary {
    border-color: var(--team-border) !important;
    background: var(--team-surface-muted) !important;
}

[data-theme="dark"] .player-profile .donut {
    background: conic-gradient(#34d399 calc(var(--minutes-played) * 1%), #263a30 calc(var(--minutes-played) * 1%)) !important;
}

[data-theme="dark"] .player-profile .donut .minutes-played {
    color: #8cf0c2 !important;
}

.team-profile-breadcrumbs {
    position: relative;
    border-color: #cfdbd4 !important;
    background: #e9eeeb !important;
}

.team-profile-breadcrumbs::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: min(32rem, 62%);
    height: 1px;
    background: linear-gradient(90deg, #15966a, rgba(21, 150, 106, 0));
}

.team-profile-breadcrumbs .site-breadcrumbs-inner {
    width: 100%;
    max-width: none !important;
    padding: .8rem clamp(1rem, 2.6vw, 2rem) !important;
}

.team-profile-breadcrumbs .site-breadcrumbs-link,
.team-profile-breadcrumbs .site-breadcrumbs-current {
    color: #6a7871 !important;
    font-size: .7rem;
    font-weight: 650;
}

.team-profile-breadcrumbs .site-breadcrumbs-link:hover {
    color: #087a55 !important;
}

.team-profile-breadcrumbs .site-breadcrumbs-current {
    color: #34443b !important;
}

.team-profile-filter-panel {
    z-index: 80;
}

.team-profile-filter-panel > div:nth-child(3) > div > div,
.team-profile-filter-panel .bg-white {
    border-radius: 0 !important;
}

.team-profile-filter-sheet {
    height: 100%;
    max-height: 100vh;
    max-height: 100dvh;
}

.team-profile-filter-actions {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

/* Dark mode */
[data-theme="dark"] .team-profile {
    color-scheme: dark;
    background: var(--team-canvas) !important;
}

[data-theme="dark"] .team-profile-hero {
    border-color: rgba(151, 190, 171, .17) !important;
    color: #f5faf7;
    background:
        radial-gradient(circle at 82% 10%, rgba(52, 211, 153, .15), transparent 28%),
        linear-gradient(142deg, #0b241b 0%, #081c15 62%, #061711 100%) !important;
    box-shadow: 0 12px 32px rgba(3, 18, 13, .18) !important;
}

[data-theme="dark"] .team-profile-hero::before {
    opacity: .09;
    background-image:
        linear-gradient(rgba(255, 255, 255, .16) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .16) 1px, transparent 1px);
}

[data-theme="dark"] .team-profile-watermark {
    opacity: .07;
    filter: grayscale(1) brightness(1.35);
}

[data-theme="dark"] .team-profile-crest {
    border-color: rgba(224, 241, 232, .22) !important;
    background: rgba(255, 255, 255, .95) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .18) !important;
}

[data-theme="dark"] .team-profile-name {
    color: #f6fbf8 !important;
}

[data-theme="dark"] .team-profile-actions .js-fav-toggle,
[data-theme="dark"] .team-profile-actions .fa-bell {
    border-color: rgba(207, 229, 218, .15) !important;
    color: #d3e1da !important;
    background: rgba(255, 255, 255, .05) !important;
}

[data-theme="dark"] .team-profile-actions .js-fav-toggle.is-active {
    border-color: rgba(250, 204, 21, .34) !important;
    color: #f5cf69 !important;
    background: rgba(250, 204, 21, .09) !important;
}

[data-theme="dark"] .team-profile-meta a,
[data-theme="dark"] .team-profile-meta span {
    color: #aebfb6 !important;
}

[data-theme="dark"] .team-profile-meta a:hover {
    color: #8cf0c2 !important;
}

[data-theme="dark"] .team-profile-next {
    border-color: rgba(207, 229, 218, .14) !important;
    color: #eaf3ee;
    background: rgba(255, 255, 255, .045) !important;
}

[data-theme="dark"] .team-profile-next:hover {
    border-color: rgba(110, 231, 183, .38) !important;
    background: rgba(52, 211, 153, .075) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .team-profile-next > span:first-child {
    color: #baf5da !important;
    background: rgba(52, 211, 153, .13) !important;
}

[data-theme="dark"] .team-profile-next-crest {
    border-color: rgba(223, 237, 229, .14) !important;
    background: rgba(255, 255, 255, .92) !important;
}

[data-theme="dark"] .team-profile-next .text-gray-800 {
    color: #e8f2ed !important;
}

[data-theme="dark"] .team-profile-next .text-gray-600 {
    color: #a8bcb1 !important;
}

[data-theme="dark"] .team-profile-next .text-emerald-500,
[data-theme="dark"] .team-profile-next .text-emerald-600 {
    color: #6ee7b7 !important;
}

[data-theme="dark"] .team-profile-nav {
    border-color: rgba(205, 226, 214, .13) !important;
    background: rgba(0, 0, 0, .14);
}

[data-theme="dark"] .team-profile-nav-link {
    color: #a7b8af !important;
}

[data-theme="dark"] .team-profile-nav-link:hover {
    border-color: rgba(110, 231, 183, .28) !important;
    color: #eef8f3 !important;
    background: rgba(255, 255, 255, .035) !important;
}

[data-theme="dark"] .team-profile-nav-link--active {
    border-color: #34d399 !important;
    color: #8cf0c2 !important;
    background: rgba(52, 211, 153, .07) !important;
}

[data-theme="dark"] .team-profile-content,
[data-theme="dark"] .team-profile-seo,
[data-theme="dark"] .team-profile-player-card,
[data-theme="dark"] .team-profile-table-scroll {
    border-color: var(--team-border) !important;
    background: var(--team-surface) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .2) !important;
}

[data-theme="dark"] .player-profile-stats-content {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

[data-theme="dark"] .team-profile-filter-summary,
[data-theme="dark"] .team-profile-period,
[data-theme="dark"] .team-profile-upcoming,
[data-theme="dark"] .team-profile-player-stat,
[data-theme="dark"] .team-profile-seo .bg-gray-50,
[data-theme="dark"] .team-profile-seo button {
    border-color: var(--team-border) !important;
    background: var(--team-surface-muted) !important;
}

[data-theme="dark"] .team-profile .text-gray-900,
[data-theme="dark"] .team-profile .text-gray-800,
[data-theme="dark"] .team-profile .text-gray-700 {
    color: #dfeae4 !important;
}

[data-theme="dark"] .team-profile .text-gray-600,
[data-theme="dark"] .team-profile .text-gray-500 {
    color: #91a39a !important;
}

[data-theme="dark"] .team-profile .text-gray-400 {
    color: #70877b !important;
}

[data-theme="dark"] .team-profile .bg-white,
[data-theme="dark"] .team-profile tbody.bg-white,
[data-theme="dark"] .team-profile tbody .bg-white,
[data-theme="dark"] .team-profile table .sticky.bg-white {
    background-color: var(--team-surface) !important;
}

[data-theme="dark"] .team-profile .bg-gray-50,
[data-theme="dark"] .team-profile .bg-gray-100 {
    background-color: var(--team-surface-muted) !important;
}

[data-theme="dark"] .team-profile .border-gray-100,
[data-theme="dark"] .team-profile .border-gray-200,
[data-theme="dark"] .team-profile .border-gray-300,
[data-theme="dark"] .team-profile .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--team-border) !important;
}

[data-theme="dark"] .team-period-switch {
    border-color: var(--team-border) !important;
    background: #08130e !important;
}

[data-theme="dark"] .team-period-option[aria-current="page"] {
    color: #8cf0c2 !important;
    background: #17281f !important;
}

[data-theme="dark"] .team-profile table thead,
[data-theme="dark"] .team-profile table thead tr,
[data-theme="dark"] .team-profile table thead th {
    border-color: #2a4035 !important;
    color: #93a69c !important;
    background: #0c1813 !important;
}

[data-theme="dark"] .team-profile table tbody,
[data-theme="dark"] .team-profile table tbody tr,
[data-theme="dark"] .team-profile table tbody td,
[data-theme="dark"] .team-profile table tbody th {
    border-color: #263a30 !important;
}

[data-theme="dark"] .team-profile table tbody tr:hover,
[data-theme="dark"] .team-profile table tbody tr:hover td,
[data-theme="dark"] .team-profile table tbody tr:hover th {
    background: #16281f !important;
}

[data-theme="dark"] .team-profile table .sticky.left-0,
[data-theme="dark"] .team-profile table .sticky.left-10 {
    box-shadow: 1px 0 0 #2a4035;
}

[data-theme="dark"] .team-profile-player-card:hover {
    background: #14231c !important;
}

[data-theme="dark"] .team-profile-player-placeholder {
    color: #70877b !important;
}

[data-theme="dark"] .team-profile-sticky {
    border-color: var(--team-border) !important;
    background: rgba(10, 24, 18, .94) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .28) !important;
}

[data-theme="dark"] .team-profile-breadcrumbs {
    border-color: #263a30 !important;
    background: #0c1813 !important;
}

[data-theme="dark"] .team-profile-breadcrumbs .site-breadcrumbs-link {
    color: #91a39a !important;
}

[data-theme="dark"] .team-profile-breadcrumbs .site-breadcrumbs-link:hover {
    color: #6ee7b7 !important;
}

[data-theme="dark"] .team-profile-breadcrumbs .site-breadcrumbs-current {
    color: #d6e2dc !important;
}

[data-theme="dark"] .team-profile-filter-panel .bg-white,
[data-theme="dark"] .team-profile-filter-panel .bg-gray-50 {
    color: #dfeae4 !important;
    background: #101d17 !important;
}

[data-theme="dark"] .team-profile-filter-panel .text-gray-900,
[data-theme="dark"] .team-profile-filter-panel .text-gray-800,
[data-theme="dark"] .team-profile-filter-panel .text-gray-700 {
    color: #dfeae4 !important;
}

[data-theme="dark"] .team-profile-filter-panel .text-gray-600,
[data-theme="dark"] .team-profile-filter-panel .text-gray-500 {
    color: #91a39a !important;
}

[data-theme="dark"] .team-profile-filter-panel .border-gray-100,
[data-theme="dark"] .team-profile-filter-panel .border-gray-200,
[data-theme="dark"] .team-profile-filter-panel .border-gray-300,
[data-theme="dark"] .team-profile-filter-panel .border-t {
    border-color: #2a4035 !important;
}

[data-theme="dark"] .team-profile-filter-panel select,
[data-theme="dark"] .team-profile-filter-panel input {
    border-color: #344a3e !important;
    color: #dfeae4 !important;
    background-color: #0c1813 !important;
}

[data-theme="dark"] .team-profile-location-filter {
    background: #17271f !important;
}

[data-theme="dark"] .team-profile-location-filter input:checked + span {
    color: #6ee7b7 !important;
    background: #243a2f !important;
}

@media (max-width: 1023px) {
    .team-profile-hero-grid {
        align-items: stretch !important;
    }

    .team-profile-next {
        width: 100%;
        min-width: 0 !important;
    }

    .team-profile-next > div {
        justify-content: flex-start !important;
    }
}

@media (max-width: 767px) {
    .team-profile-hero-body {
        min-height: 0;
        padding: 1.25rem 1rem 1rem !important;
    }

    .team-profile-identity {
        align-items: flex-start !important;
        gap: .85rem !important;
    }

    .team-profile-crest {
        width: 4.25rem !important;
        height: 4.25rem !important;
    }

    .team-profile-watermark {
        right: -1.5rem;
        width: 8.5rem;
        height: 8.5rem;
        opacity: .045;
    }

    [data-theme="dark"] .team-profile-watermark {
        opacity: .055;
    }

    .team-profile-name {
        font-size: clamp(1.5rem, 7vw, 2rem) !important;
        line-height: 1.1;
    }

    .team-profile-title-row {
        align-items: center;
        flex-wrap: wrap;
        gap: .5rem;
    }

    .team-profile-actions .js-fav-toggle,
    .team-profile-actions .fa-bell {
        width: 1.9rem;
        height: 1.9rem;
    }

    .team-profile-next {
        padding: .75rem !important;
    }

    .team-profile-next > span:first-child {
        margin-bottom: .65rem !important;
    }

    .team-profile-next .text-sm {
        font-size: .74rem !important;
    }

    .team-profile-next-crest {
        width: 2rem !important;
        height: 2rem !important;
    }

    .team-profile-nav {
        padding-inline: 0;
    }

    .team-profile-nav-link {
        min-width: 5.3rem;
        justify-content: center;
        padding: .7rem .75rem !important;
    }

    .team-profile-shell {
        padding: .75rem .6rem 1.8rem;
    }

    .team-profile-stats-shell {
        padding: .55rem 0 1.8rem;
    }

    .team-profile-content.team-profile-stats-content {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .team-profile-stats-content > .team-profile-stats-view {
        padding: 0 !important;
    }

    .team-profile-stats-content .team-profile-filter-summary,
    .team-profile-stats-content .team-profile-period,
    .team-profile-stats-content .team-profile-table-legend {
        margin-right: .65rem;
        margin-left: .65rem;
    }

    .team-profile-stats-content .team-profile-table-scroll {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .team-profile-stats-content .team-profile-upcoming {
        margin-right: .4rem;
        margin-left: .4rem;
    }

    .team-profile-stats-shell > .team-profile-seo {
        margin-right: .65rem;
        margin-left: .65rem;
    }

    .team-profile-content,
    .team-profile-seo {
        border-radius: .42rem !important;
    }

    .team-profile-stats-view {
        padding: .6rem !important;
    }

    .team-profile-period {
        padding: .65rem !important;
    }

    .team-period-switch {
        display: grid !important;
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .team-period-option {
        padding-inline: .35rem !important;
        text-align: center;
    }

    .team-profile-table-scroll {
        border-radius: .34rem;
    }

    .team-profile-squad {
        padding: .75rem !important;
    }

    .team-profile-player-card {
        padding: .72rem !important;
    }

    .team-profile-player-stat {
        min-width: 0;
    }

    .team-profile-player-stat .text-xl {
        font-size: .9rem !important;
    }

    .team-profile-player-stat .text-\[10px\] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .team-profile-sticky .px-3 {
        padding-inline: .55rem !important;
    }

    .player-profile-action {
        width: 1.8rem;
        height: 1.8rem;
    }

    .player-profile .team-profile-hero-body {
        padding: .9rem .85rem .75rem !important;
    }

    .player-profile .team-profile-hero-grid {
        gap: .7rem !important;
    }

    .player-profile .team-profile-identity {
        grid-template-areas:
            'photo primary'
            'actions meta'
            'stats stats';
        grid-template-columns: 3.75rem minmax(0, 1fr);
        gap: .5rem .7rem !important;
    }

    .player-profile .team-profile-crest {
        width: 3.75rem !important;
        height: 3.75rem !important;
    }

    .player-profile .team-profile-name {
        font-size: clamp(1.3rem, 6vw, 1.55rem) !important;
        line-height: 1.06;
    }

    .player-profile-media {
        align-self: start;
    }

    .player-profile-primary {
        align-self: center;
    }

    .player-profile-actions {
        width: 3.75rem;
        justify-content: center;
        align-self: start;
        gap: .35rem;
    }

    .player-profile-actions .fa-bell {
        width: auto;
        height: auto;
    }

    .player-profile .team-profile-next {
        display: grid !important;
        grid-template-areas: 'match date';
        grid-template-columns: minmax(0, 1fr) auto;
        gap: .55rem;
        align-items: center;
        padding: .55rem .65rem !important;
    }

    .player-profile-next-label {
        display: none;
    }

    .player-profile-next-matchup {
        display: grid !important;
        grid-area: match;
        width: 100%;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        gap: .35rem !important;
        align-items: center;
        justify-content: stretch !important;
        min-width: 0;
    }

    .player-profile-next-team {
        min-width: 0;
    }

    .player-profile-next-team--home {
        justify-content: flex-end;
    }

    .player-profile-next-team--away {
        justify-content: flex-start;
    }

    .player-profile-next-name {
        overflow: hidden;
        max-width: 2.75rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .player-profile-next-vs {
        font-size: .6rem !important;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .player-profile-next-date {
        grid-area: date;
        justify-content: flex-end !important;
        margin-top: 0 !important;
        gap: .22rem !important;
        font-size: .63rem !important;
        white-space: nowrap;
    }

    .player-profile-next-date .fa-calendar-alt {
        display: none;
    }

    .player-profile .player-profile-next-card .team-profile-next-crest {
        width: 1.65rem !important;
        height: 1.65rem !important;
        padding: .2rem !important;
    }

    .player-profile-next-team {
        gap: .28rem !important;
    }

    .player-profile-meta {
        align-self: center;
        margin-top: 0 !important;
        gap: .4rem .55rem !important;
    }

    .player-profile-quick-stats {
        margin-top: 0 !important;
        gap: .45rem .75rem !important;
    }

    .player-profile-filter-control {
        padding-right: .5rem !important;
    }

    .player-profile-shell {
        padding: .55rem 0 1.8rem;
    }

    .player-profile-stats-content {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .player-profile-stats-view {
        padding: 0 !important;
    }

    .player-profile-stats-view > .team-profile-filter-summary,
    .player-profile-stats-view > .player-profile-summary {
        margin-right: .65rem;
        margin-left: .65rem;
    }

    .player-profile-table,
    .player-profile-table .team-profile-table-scroll {
        border-radius: 0 !important;
    }

    .player-profile-table .team-profile-table-scroll {
        border-right: 0;
        border-left: 0;
    }

    .player-profile-filter-trigger {
        width: 2.15rem;
        justify-content: center;
        padding-inline: 0 !important;
    }

    .player-profile-summary {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        padding: .65rem !important;
        scrollbar-width: thin;
        scrollbar-color: rgba(21, 150, 106, .38) transparent;
    }

    .player-profile-summary > div,
    .player-profile-summary > span {
        flex: 0 0 auto;
    }

    .player-profile-summary .ml-auto {
        margin-left: 0 !important;
    }
}

@media (max-width: 420px) {
    .team-profile-next > div:nth-of-type(1) {
        gap: .5rem !important;
    }

    .team-profile-next > div:nth-of-type(1) > div {
        gap: .35rem !important;
    }

    .player-profile .player-profile-next-matchup {
        gap: .3rem !important;
    }

    .player-profile .player-profile-next-team {
        gap: .24rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .team-profile *,
    .team-profile *::before,
    .team-profile *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}