/* /Components/Breadcrumb/BreadcrumbComponent.razor.rz.scp.css */
.breadcrumb-container[b-w95mhpd1we] {
    display: flex;
    flex-wrap: nowrap;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--surface-primary-border);
    font-size: var(--font-size-sm);
}

.breadcrumb-item[b-w95mhpd1we] {
    cursor: pointer;
    color: var(--text-secondary);
    text-decoration: none;
    transition: color 0.3s ease;
}

    .breadcrumb-item:hover[b-w95mhpd1we] {
        color: var(--text-secondary-hover);
        text-decoration: underline;
    }

.breadcrumb-separator[b-w95mhpd1we] {
    color: var(--text-muted);
}

.breadcrumb-currently-active-page[b-w95mhpd1we] {
    color: var(--text-strong);
    font-weight: var(--font-weight-bold);
}
/* /Components/Footer/FooterComponent.razor.rz.scp.css */
.footer[b-ghlbzkfi9h] {
    background: var(--surface-gradient-primary-footer);
    color: var(--text-inverse);
    padding: var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-xl);
}

.footer-content[b-ghlbzkfi9h] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xs);
    justify-self: center;
    justify-items: center;
}

.footer-section h4[b-ghlbzkfi9h] {
    color: var(--text-primary);
    font-size: var(--font-size-lg);
    margin: var(--spacing-md) 0px var(--spacing-xs) 0px;
    font-weight: var(--font-weight-semibold);
}

.footer-section p[b-ghlbzkfi9h] {
    margin: 0 0 var(--spacing-md) 0;
    font-size: var(--font-size-sm);
    color: var(--text-inverse);
}

.footer-section a[b-ghlbzkfi9h] {
    color: var(--text-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

    .footer-section a:hover[b-ghlbzkfi9h] {
        color: var(--text-primary-hover);
        text-decoration: underline;
    }

@media (max-width: 768px) {
    .footer-content[b-ghlbzkfi9h] {
        grid-template-columns: 1fr;
        gap: var(--spacing-xs);
        text-align: center;
    }
}
/* /Components/Groups/GroupComponent.razor.rz.scp.css */
.group-section[b-tn07mgjec0] {
    background: var(--surface-base-section);
    border-radius: var(--radius-md);
    padding: var(--spacing-md);
    box-shadow: var(--shadow-sm);
    border-left: 4px solid var(--surface-highlighter-border);
    overflow-x: hidden;
}

.group-header[b-tn07mgjec0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.clickable[b-tn07mgjec0] {
    cursor: pointer;
}

.group-title[b-tn07mgjec0] {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    color: var(--text-primary);
}

    .group-title:hover[b-tn07mgjec0] {
        color: var(--text-primary-hover);
    }

.group-content[b-tn07mgjec0] {
    display: grid;
    gap: var(--spacing-md);
    table-layout: fixed;
}

.standings-table[b-tn07mgjec0] {
    width: 100%;
    border-collapse: collapse;
}

    .standings-table th[b-tn07mgjec0] {
        background: var(--surface-primary-header);
        color: var(--text-inverse);
        padding: var(--spacing-sm);
        text-align: center;
        font-weight: var(--font-weight-semibold);
        font-size: var(--font-size-sm);
    }

        .standings-table th:nth-child(1)[b-tn07mgjec0] {
            width: 5%;
            text-align: center;
        }

        .standings-table th:nth-child(2)[b-tn07mgjec0] {
            width: 35%;
            text-align: left;
        }

        .standings-table th:nth-child(n+3)[b-tn07mgjec0] {
            width: calc(60% / 6);
            text-align: center;
        }

        .standings-table th:first-child[b-tn07mgjec0] {
            border-top-left-radius: var(--spacing-sm);
        }

        .standings-table th:last-child[b-tn07mgjec0] {
            border-top-right-radius: var(--spacing-sm);
        }

    .standings-table td[b-tn07mgjec0] {
        padding: var(--spacing-sm);
        border-bottom: 1px solid var(--surface-primary-border);
        font-size: var(--font-size-sm);
        text-align: center;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .standings-table td:nth-child(2)[b-tn07mgjec0] {
            text-align: left;
        }

    .standings-table td:nth-child(7)[b-tn07mgjec0] {
        text-wrap: nowrap;
    }

    .standings-table tr:hover[b-tn07mgjec0] {
        background: var(--surface-primary-hover);
    }

.position[b-tn07mgjec0] {
    width: 30px;
    height: 30px;
    border-radius: var(--radius-full);
    background-color: var(--surface-regular-position);
    color: var(--text-strong);
    font-weight: var(--font-weight-bold);
    text-align: center;
    line-height: 30px;
    font-family: var(--font-primary);
    font-size: var(--font-size-sm);
}

.highlighted-team-style[b-tn07mgjec0] {
    background-color: var(--surface-row-selected);
    color: var(--text-secondary);
    font-weight: var(--font-weight-semibold);
}

.legend-section[b-tn07mgjec0] {
    border: 1px solid var(--surface-primary-border);
    border-radius: var(--radius-sm);
    overflow: hidden;
    margin-top: var(--spacing-xs);
    background: var(--surface-secondary-row);
}

.legend-toggle-button[b-tn07mgjec0] {
    display: flex;
    width: 100%;
    background: transparent;
    border: none;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-sm) var(--spacing-md);
    color: var(--text-strong);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

    .legend-toggle-button:hover[b-tn07mgjec0] {
        background: rgba(0,0,0,.04);
    }

.dropdown-arrow[b-tn07mgjec0] {
    font-size: var(--font-size-xs);
}

.group-position-legend[b-tn07mgjec0] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    overflow: hidden;
    transition: max-height .28s ease, padding .28s ease;
    max-height: 300px;
    padding: var(--spacing-sm) var(--spacing-md) 0px;
}

.group-position-outcome-pill[b-tn07mgjec0] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--radius-xl);
    background: var(--pill-bg, #e5e7eb);
    color: var(--pill-fg, #111);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
}

.group-position-outcome-pill-dot[b-tn07mgjec0] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--pill-fg, #111);
    opacity: 0.7;
    flex-shrink: 0;
}

.group-column-abbr-grid[b-tn07mgjec0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    padding: var(--spacing-sm) var(--spacing-md);
    gap: var(--spacing-xs) var(--spacing-md);
}

.abbr-item[b-tn07mgjec0] {
    font-size: var(--font-size-xs);
    color: var(--text-dim);
    white-space: nowrap;
}

    .abbr-item abbr[b-tn07mgjec0] {
        text-decoration: none;
        font-weight: var(--font-weight-semibold);
        color: var(--text-muted);
    }

@media (max-width: 768px) {
    .standings-table[b-tn07mgjec0] {
        font-size: var(--font-size-xs);
    }

        .standings-table th[b-tn07mgjec0] {
            padding: var(--spacing-xs) 2px;
            font-size: var(--font-size-2xs);
        }

        .standings-table td[b-tn07mgjec0] {
            padding: var(--spacing-xs) 2px;
            font-size: var(--font-size-xs);
        }

    .position[b-tn07mgjec0] {
        width: 20px;
        height: 20px;
        font-size: var(--font-size-xs);
        font-weight: var(--font-weight-semibold);
        line-height: 20px;
    }

    .group-column-abbr-grid[b-tn07mgjec0] {
        grid-template-columns: 1fr 1fr;
    }

    .legend-toggle-button[b-tn07mgjec0] {
        padding: var(--spacing-sm) var(--spacing-md);
        font-size: var(--font-size-xs);
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page-layout[b-0juz1emj9b] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.page-content[b-0juz1emj9b] {
    flex: 1;
}

#blazor-error-ui[b-0juz1emj9b] {
    background: var(--color-danger-500);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-0juz1emj9b] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Match/MatchComponent.razor.rz.scp.css */
body[b-xf6li3582r] {
    font-family: var(--font-secondary);
}

.match-card-container[b-xf6li3582r] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    background-color: var(--surface-base-section);
    border-radius: var(--radius-sm);
    padding: 6px 8px;
    max-width: 400px;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--surface-primary-border);
    border-left-width: 4px;
}

.match-card--senior[b-xf6li3582r] {
    border-left-color: var(--color-primary-300);
}

.match-card--junior[b-xf6li3582r] {
    border-left-color: var(--color-warning-500);
}

.match-date-with-status-container[b-xf6li3582r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
    padding: 0 5px;
    border-right: 2px solid var(--surface-primary-border);
    min-width: 30px;
}

.match-result-container[b-xf6li3582r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
}

.match-score-for-team-container[b-xf6li3582r] {
    display: flex;
    flex-direction: row;
    align-items: inherit;
}

.match-status-abbreviation[b-xf6li3582r] {
    background: var(--surface-row-selected);
    border-bottom: 1px solid var(--surface-primary-border);
    padding: 2px 6px;
    border-radius: var(--radius-xs);
    font-size: var(--font-size-xs);
}

.teams-with-result-container[b-xf6li3582r] {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-left: 12px;
}

.team-with-result-row[b-xf6li3582r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    font-size: var(--font-size-md);
}

.team-name-with-badge[b-xf6li3582r] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-grow: 1;
    overflow: hidden;
}

.team-name[b-xf6li3582r] {
    margin-left: 0;
    color: var(--text-body);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-age-category-badge[b-xf6li3582r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1px 5px;
    border-radius: var(--radius-xl);
    background: var(--color-success-100);
    color: var(--text-success-strong);
    font-size: var(--font-size-2xs);
    font-weight: var(--font-weight-semibold);
    line-height: 1.3;
    white-space: nowrap;
    flex-shrink: 0;
}

.team-score[b-xf6li3582r] {
    font-size: var(--font-size-md);
    color: var(--text-body);
    min-width: 20px;
    text-align: right;
    margin-left: 10px;
    margin-right: 5px;
}
/* /Components/NavigationMenu/NavigationMenuComponent.razor.rz.scp.css */
.navigation-menu-container[b-n1z8xb8dr5] {
    min-height: 10vh;
    font-family: var(--font-primary);
    background: var(--surface-gradient-primary-horizontal);
    color: var(--text-inverse);
    padding: var(--spacing-sm);
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-page-link[b-n1z8xb8dr5],
.home-page-link:link[b-n1z8xb8dr5],
.home-page-link:visited[b-n1z8xb8dr5],
.home-page-link:hover[b-n1z8xb8dr5],
.home-page-link:active[b-n1z8xb8dr5] {
    color: var(--text-inverse);
    text-decoration: none;
    cursor: pointer;
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
}
/* /Components/NavLinkPlayer/NavLinkPlayerComponent.razor.rz.scp.css */
.player-link[b-nxqfsn129t] {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    font-weight: inherit;
}

    .player-link:visited
    .player-link:hover
    .player-link:active[b-nxqfsn129t] {
        color: inherit;
        text-decoration: none;
    }
/* /Components/NavLinkTeam/NavLinkTeamComponent.razor.rz.scp.css */
.team-link[b-lzygtqxfw9] {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    font-weight: inherit;
}

.team-link:visited
.team-link:hover
.team-link:active[b-lzygtqxfw9] {
    color: inherit;
    text-decoration: none;
}
/* /Components/ProfileAvatar/ProfileAvatarComponent.razor.rz.scp.css */
.profile-avatar-wrapper[b-2lqmdvt37z] {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
}

.profile-avatar-container[b-2lqmdvt37z] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
    flex-shrink: 0;
    background: var(--surface-gradient-card-avatar-primary);
    box-shadow: var(--shadow-md);
}

    .profile-avatar-container.avatar-small[b-2lqmdvt37z] {
        width: 30px;
        height: 30px;
        border: 1px solid var(--surface-highlighter-border);
    }

    .profile-avatar-container.avatar-medium[b-2lqmdvt37z] {
        width: 45px;
        height: 45px;
        border: 1px solid var(--surface-highlighter-border);
    }

    .profile-avatar-container.avatar-medium-large[b-2lqmdvt37z] {
        width: 64px;
        height: 64px;
        border: 3px solid var(--surface-highlighter-border);
    }

    .profile-avatar-container.avatar-large[b-2lqmdvt37z] {
        width: 80px;
        height: 80px;
        border: 3px solid var(--surface-highlighter-border);
    }

    .profile-avatar-container.avatar-extra-large[b-2lqmdvt37z] {
        width: 120px;
        height: 120px;
        border: 4px solid var(--surface-highlighter-border);
    }

    .profile-avatar-container img[b-2lqmdvt37z] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .profile-avatar-container .avatar-text[b-2lqmdvt37z] {
        font-weight: var(--font-weight-bold);
        color: var(--text-inverse);
    }

    .profile-avatar-container.avatar-small .avatar-text[b-2lqmdvt37z] {
        font-size: var(--font-size-sm);
    }

    .profile-avatar-container.avatar-medium .avatar-text[b-2lqmdvt37z] {
        font-size: var(--font-size-lg);
    }

    .profile-avatar-container.avatar-medium-large .avatar-text[b-2lqmdvt37z] {
        font-size: var(--font-size-2xl);
    }

    .profile-avatar-container.avatar-large .avatar-text[b-2lqmdvt37z] {
        font-size: var(--font-size-3xl);
    }

    .profile-avatar-container.avatar-extra-large .avatar-text[b-2lqmdvt37z] {
        font-size: var(--font-size-5xl);
    }

    .profile-avatar-container .avatar-icon[b-2lqmdvt37z] {
        font-size: var(--font-size-md);
    }

    .profile-avatar-container.avatar-small .avatar-icon[b-2lqmdvt37z] {
        font-size: var(--font-size-md);
    }

    .profile-avatar-container.avatar-medium .avatar-icon[b-2lqmdvt37z] {
        font-size: var(--font-size-xl);
    }

    .profile-avatar-container.avatar-medium-large .avatar-icon[b-2lqmdvt37z] {
        font-size: var(--font-size-3xl);
    }

    .profile-avatar-container.avatar-large .avatar-icon[b-2lqmdvt37z] {
        font-size: var(--font-size-4xl);
    }

    .profile-avatar-container.avatar-extra-large .avatar-icon[b-2lqmdvt37z] {
        font-size: var(--font-size-5xl);
    }

.avatar-clip[b-2lqmdvt37z] {
    width: 100%;
    height: 100%;
    border-radius: var(--radius-full);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.avatar-category-badge[b-2lqmdvt37z] {
    position: absolute;
    bottom: 2px;
    right: 2px;
    background: var(--color-base-0);
    color: var(--color-blue-600);
    font-weight: var(--font-weight-bold);
    border-radius: var(--radius-xl);
    border: 2px solid var(--surface-highlighter-border);
    line-height: 1;
    white-space: nowrap;
}

.profile-avatar-wrapper.avatar-small .avatar-category-badge[b-2lqmdvt37z] {
    font-size: 7px;
    padding: 2px 4px;
    bottom: -6px;
    right: -10px;
}

.profile-avatar-wrapper.avatar-medium .avatar-category-badge[b-2lqmdvt37z] {
    font-size: 8px;
    padding: 2px 5px;
    bottom: -2px;
    right: -6px;
}

.profile-avatar-wrapper.avatar-medium-large .avatar-category-badge[b-2lqmdvt37z] {
    font-size: 9px;
    padding: 3px 6px;
    bottom: -2px;
    right: -6px;
}

.profile-avatar-wrapper.avatar-large .avatar-category-badge[b-2lqmdvt37z] {
    font-size: 10px;
    padding: 3px 7px;
    border-width: 2px;
    bottom: 0px;
    right: -5px;
}

.profile-avatar-wrapper.avatar-extra-large .avatar-category-badge[b-2lqmdvt37z] {
    font-size: var(--font-size-sm);
    padding: 4px 9px;
    border-width: 3px;
    bottom: 2px;
    right: -5px;
}
/* /Components/Spinner/SpinnerComponent.razor.rz.scp.css */
.spinner-overlay[b-uuew380yyr] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: var(--overlay-light-50);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spinner[b-uuew380yyr] {
    border: 8px solid var(--surface-primary-border);
    border-top: 8px solid var(--surface-primary-section);
    border-radius: var(--radius-full);
    width: 10vw;
    height: 10vw;
    max-width: 60px;
    max-height: 60px;
    animation: spin-b-uuew380yyr 1s linear infinite;
}

@keyframes spin-b-uuew380yyr {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Components/Trophies/TrophiesComponent.razor.rz.scp.css */
.trophies-container[b-y3t3j6v6cp] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
    margin-top: var(--spacing-md);
    padding-left: var(--spacing-lg);
    padding-bottom: var(--spacing-sm);
}

@media (max-width: 768px) {
    .trophies-container[b-y3t3j6v6cp] {
        grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    }
}

    .trophies-container[b-y3t3j6v6cp]::-webkit-scrollbar {
        height: 4px;
    }

    .trophies-container[b-y3t3j6v6cp]::-webkit-scrollbar-thumb {
        background: var(--overlay-light-30);
        border-radius: var(--radius-sm);
    }

.trophy-card[b-y3t3j6v6cp] {
    background: var(--overlay-light-20);
    padding: var(--spacing-sm);
    border-radius: var(--radius-lg);
    backdrop-filter: blur(10px);
    border: 1px solid var(--overlay-light-10);
    min-width: 70px;
    flex-shrink: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .trophy-card:hover[b-y3t3j6v6cp] {
        background: var(--overlay-light-30);
        transform: translateY(-2px);
    }

.trophy-header[b-y3t3j6v6cp] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 8px;
}

.trophy-icon[b-y3t3j6v6cp] {
    font-size: var(--font-size-2xl);
}

.trophy-count[b-y3t3j6v6cp] {
    position: absolute;
    top: -8px;
    right: -8px;
    background: var(--color-warning-300);
    color: var(--text-strong);
    border-radius: var(--radius-full);
    width: 22px;
    height: 22px;
    font-size: var(--font-size-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--font-weight-bold);
}

.trophy-title[b-y3t3j6v6cp] {
    font-size: var(--font-size-2xs);
    font-weight: var(--font-weight-semibold);
    color: var(--text-inverse);
    text-align: center;
    margin-bottom: 8px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.trophy-years-list[b-y3t3j6v6cp] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
    justify-content: center;
    animation: slideDown-b-y3t3j6v6cp 0.3s ease;
}

@keyframes slideDown-b-y3t3j6v6cp {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.trophy-preview[b-y3t3j6v6cp] {
    font-size: var(--font-size-2xs);
    color: var(--text-inverse);
    text-align: center;
    white-space: nowrap;
}

.year-pill[b-y3t3j6v6cp] {
    background: var(--overlay-light-30);
    padding: 3px 5px;
    border-radius: var(--radius-md);
    font-size: var(--font-size-2xs);
    font-weight: var(--font-weight-semibold);
    color: var(--text-inverse);
}
/* /Components/YearSelector/YearSelectorComponent.razor.rz.scp.css */
.year-age-selector-wrapper[b-w9exnu95uz] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.age-filter-group[b-w9exnu95uz] {
    display: flex;
    align-items: center;
    background: var(--overlay-dark-30);
    border-radius: var(--radius-sm);
    padding: 2px;
    gap: 2px;
}

.age-year-separator[b-w9exnu95uz] {
    width: 1px;
    height: 1.4rem;
    background: var(--overlay-light-20);
    flex-shrink: 0;
}

.age-filter-button[b-w9exnu95uz] {
    background: transparent;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-inverse);
    padding: 0.2rem 0.6rem;
    cursor: pointer;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
    line-height: 1.4;
    opacity: 0.7;
}

    .age-filter-button:hover[b-w9exnu95uz] {
        background: var(--overlay-light-10);
        opacity: 1;
    }

    .age-filter-button.active[b-w9exnu95uz] {
        background: var(--overlay-light-30);
        font-weight: var(--font-weight-bold);
        opacity: 1;
    }

.year-selector-container[b-w9exnu95uz] {
    position: relative;
    width: 120px;
    font-family: var(--font-secondary);
    z-index: 100;
}

.selected-year[b-w9exnu95uz] {
    width: 100%;
    background: var(--overlay-light-20);
    border: 1px solid var(--overlay-light-20);
    border-radius: var(--radius-sm);
    color: var(--text-inverse);
    padding: 0.4rem 0.6rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    transition: background 0.2s;
}

    .selected-year:hover[b-w9exnu95uz] {
        background: var(--overlay-light-50);
    }

.year-list[b-w9exnu95uz] {
    position: absolute;
    top: calc(100% + 0.2rem); /* little below button */
    left: 0;
    width: 100%;
    border: 1px solid var(--surface-primary-border);
    border-radius: var(--radius-sm);
    background: var(--surface-app-container);
    box-shadow: var(--shadow-md);
    display: flex;
    flex-direction: column;
    max-height: 8rem; /* ~5 items */
    overflow-y: auto;
    animation: fadeIn-b-w9exnu95uz 0.15s ease-in-out;
    z-index: 9999; /* place on the top of other content to not move it when open */
}

.year-item[b-w9exnu95uz] {
    padding: 0.4rem;
    background: transparent;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s;
}

    .year-item:hover[b-w9exnu95uz] {
        background: var(--surface-primary-option-hover);
    }

    .year-item.active[b-w9exnu95uz] {
        background: var(--surface-primary-option-selected);
        color: var(--text-inverse);
        font-weight: var(--font-weight-bold);
    }

.dropdown-arrow[b-w9exnu95uz] {
    font-size: var(--font-size-xs);
}

@keyframes fadeIn-b-w9exnu95uz {
    from {
        opacity: 0;
        transform: scaleY(0.9);
    }

    to {
        opacity: 1;
        transform: scaleY(1);
    }
}

@media (max-width: 600px) {
    .year-selector-container[b-w9exnu95uz] {
        width: 100px;
    }

    .selected-year[b-w9exnu95uz] {
        font-size: var(--font-size-md);
        padding: 0.5rem;
    }
}
/* /Pages/ContactUs/ContactUsComponent.razor.rz.scp.css */
.contact-us-container[b-2dksdu8o6a] {
    min-height: 70vh;
    margin: var(--spacing-xxl) auto;
    max-width: 1000px;
    padding: 0 var(--spacing-lg);
}

.contact-us-header[b-2dksdu8o6a] {
    text-align: center;
    margin-bottom: var(--spacing-xl);
}

.contact-us-header h1[b-2dksdu8o6a] {
    font-size: var(--font-size-xxxl);
    font-weight: var(--font-weight-bold);
    color: var(--text-primary);
    margin-bottom: var(--spacing-xs);
}

.contact-us-header p[b-2dksdu8o6a] {
    font-size: var(--font-size-md);
    color: var(--text-secondary);
}

.contact-us-content[b-2dksdu8o6a] {
    background: var(--surface-base-section);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    border: 1px solid var(--surface-primary-border);
    padding: var(--spacing-xl);
    width: 100%;
}

.contact-us-content h2[b-2dksdu8o6a] {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    color: var(--text-primary);
    margin-bottom: var(--spacing-xs);
}

.form-subtitle[b-2dksdu8o6a] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    margin-bottom: var(--spacing-lg);
}

.form-row[b-2dksdu8o6a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-md);
}

.form-group[b-2dksdu8o6a] {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--spacing-md);
}

.form-group label[b-2dksdu8o6a] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
    margin-bottom: var(--spacing-xs);
}

.required[b-2dksdu8o6a] {
    color: var(--text-danger-strong);
}

.form-input[b-2dksdu8o6a] {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--font-size-sm);
    color: var(--text-body);
    background: var(--surface-base-section);
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
    width: 100%;
    box-sizing: border-box;
}

.form-textarea[b-2dksdu8o6a] {
    min-height: 130px;
    resize: vertical;
}

.subject-row[b-2dksdu8o6a] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--spacing-xs);
    align-items: stretch;
}

.subject-row .form-input[b-2dksdu8o6a] {
    min-width: 0;
}

.btn-suggestion[b-2dksdu8o6a] {
    background: var(--surface-base-section);
    border: 1px solid var(--surface-primary-border);
    border-radius: var(--radius-md);
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--font-size-sm);
    color: var(--text-primary);
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s;
}

    .btn-suggestion:hover[b-2dksdu8o6a] {
        background: var(--surface-primary-hover);
    }

.dropdown-wrapper[b-2dksdu8o6a] {
    position: relative;
    display: flex;
}

/*A full-screen transparent backdrop rendered behind the dropdown (but above everything else) when ShowSuggestions is true.*/
.dropdown-backdrop[b-2dksdu8o6a] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

/*The .suggestions-dropdown has a higher z-index (100) than the backdrop (99), so clicks on suggestion items still register correctly.*/
.suggestions-dropdown[b-2dksdu8o6a] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    background: var(--surface-base-section);
    border: 1px solid var(--surface-primary-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
    z-index: 100;
    min-width: 240px;
}

.suggestion-item[b-2dksdu8o6a] {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--font-size-sm);
    color: var(--text-primary);
    cursor: pointer;
    transition: background 0.2s;
}

    .suggestion-item:hover[b-2dksdu8o6a] {
        background: var(--surface-primary-hover);
    }

.btn-submit[b-2dksdu8o6a] {
    width: 100%;
    background: var(--color-primary-900);
    color: var(--text-inverse);
    border: none;
    border-radius: var(--radius-md);
    padding: var(--spacing-md);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
    margin-top: var(--spacing-md);
    transition: background 0.2s;
}

    .btn-submit:hover[b-2dksdu8o6a] {
        background: var(--color-primary-800);
    }

.submit-success[b-2dksdu8o6a] {
    color: var(--text-success-strong);
    font-size: var(--font-size-sm);
    margin-bottom: var(--spacing-sm);
}

@media (max-width: 768px) {
    .form-row[b-2dksdu8o6a] {
        grid-template-columns: 1fr;
    }

    .subject-row[b-2dksdu8o6a] {
        grid-template-columns: 1fr;
    }

    .dropdown-wrapper[b-2dksdu8o6a],
    .btn-suggestion[b-2dksdu8o6a] {
        width: 100%;
    }

    .suggestions-dropdown[b-2dksdu8o6a] {
        left: 0;
        right: 0;
        min-width: unset;
        width: 100%;
    }
}
/* /Pages/MatchDetails/MatchDetailsComponent.razor.rz.scp.css */
body[b-jttuspao2r] {
    font-family: var(--font-secondary);
}

.match-statistics-container[b-jttuspao2r] {
    display: block;
    background: var(--surface-primary-section);
    padding: var(--spacing-sm);
    border-radius: var(--radius-md);
    max-width: 600px;
    margin: var(--spacing-lg) auto var(--spacing-xl) auto;
    min-height: 65vh;
}

.match-statistics-header-card[b-jttuspao2r] {
    background: var(--surface-base-section);
    border-radius: var(--radius-sm);
    min-width: 60%;
    box-shadow: var(--shadow-sm);
    position: relative;
}

.teams-with-score-header-container[b-jttuspao2r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    padding: 0 var(--spacing-md) 0 var(--spacing-md);
    align-items: center;
    column-gap: var(--spacing-sm);
    width: 100%;
}

.penalties-score-container[b-jttuspao2r] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-xs);
    margin-bottom: 5px;
}

.penalties-score-in-header-container[b-jttuspao2r] {
    font-size: var(--font-size-sm);
    color: var(--text-muted);
}

.left-team-name[b-jttuspao2r] {
    display: flex;
    align-items: center;
    font-size: var(--font-size-2xl);
    gap: var(--spacing-sm);
    min-width: 0;
    overflow: visible;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-overflow: ellipsis;
    justify-self: start;
}

.right-team-name[b-jttuspao2r] {
    display: flex;
    align-items: center;
    font-size: var(--font-size-2xl);
    gap: var(--spacing-sm);
    min-width: 0;
    overflow: visible;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-overflow: ellipsis;
    justify-self: end;
}

.score-group[b-jttuspao2r] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    justify-self: center;
    text-align: center;
    white-space: nowrap;
    z-index: 2;
}

.score-in-header-container[b-jttuspao2r] {
    font-size: var(--font-size-3xl);
    color: var(--text-body);
}

.score-sep[b-jttuspao2r] {
    font-size: var(--font-size-3xl);
    color: var(--text-muted);
}

.match-info-header[b-jttuspao2r] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    background: var(--surface-app-container);
    border-bottom: 1px solid var(--surface-primary-border);
    border-radius: var(--radius-sm);
    align-items: center;
    width: 100%;
    margin-bottom: var(--spacing-md);
    padding: var(--spacing-xs) var(--spacing-md);
}

.match-info-left[b-jttuspao2r] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-sm);
}

.match-info-center[b-jttuspao2r] {
    display: flex;
    justify-content: center;
    gap: var(--spacing-md);
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}

.match-info-right[b-jttuspao2r] {
    display: flex;
    justify-content: flex-end;
}

.match-status-container[b-jttuspao2r] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-sm) 0 var(--spacing-sm) 0;
}

.match-status-tag[b-jttuspao2r] {
    border-radius: var(--radius-lg);
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
}

.match-status-tag-not-played[b-jttuspao2r] {
    background: var(--color-warning-100);
    color: var(--text-warning-strong);
    border: 1px solid var(--color-warning-500);
}

.match-status-tag-in-progress[b-jttuspao2r] {
    background: var(--surface-primary-box-shadow);
    color: var(--text-secondary);
    border: 1px solid var(--surface-highlighter-border);
}

.match-status-tag-finished[b-jttuspao2r] {
    background: var(--color-success-100);
    color: var(--text-success-strong);
    border: 1px solid var(--color-success-300);
}

.match-status-tag-not-shown[b-jttuspao2r] {
    background: var(--color-danger-100);
    color: var(--text-danger-strong);
    border: 1px solid var(--color-danger-400);
}

.social-link[b-jttuspao2r] {
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

    .social-link:hover[b-jttuspao2r] {
        opacity: 0.7;
    }

.btn-download-image[b-jttuspao2r] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--font-size-xl);
    padding: var(--spacing-xs);
    transition: opacity 0.2s ease;
}

    .btn-download-image:hover[b-jttuspao2r] {
        opacity: 0.7;
    }

.referees-section[b-jttuspao2r] {
    background: var(--surface-app-container);
    border-top: 1px solid var(--surface-primary-border);
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.referees-toggle-header[b-jttuspao2r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-sm);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .referees-toggle-header:hover[b-jttuspao2r] {
        background: var(--surface-primary-hover);
    }

.referees-title[b-jttuspao2r] {
    font-weight: var(--font-weight-medium);
    color: var(--text-body);
    font-size: var(--font-size-md);
}

.referees-toggle[b-jttuspao2r] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    transition: transform 0.2s ease;
}

.referees-content[b-jttuspao2r] {
    display: flex;
    justify-content: center;
    padding: var(--spacing-md);
    gap: var(--spacing-xl);
}

.referee-card[b-jttuspao2r] {
    display: grid;
    grid-template-columns: 1fr auto;
    border: 1px solid var(--surface-primary-border);
    border-radius: var(--radius-md);
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm) var(--spacing-md);
    transition: background 0.2s ease;
}

.referee-details[b-jttuspao2r] {
    display: grid;
    grid-template-rows: 1fr 1fr;
    text-align: start;
}

.referee-role[b-jttuspao2r] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: var(--font-weight-normal);
}

.referee-name[b-jttuspao2r] {
    font-size: var(--font-size-sm);
    color: var(--text-body);
    font-weight: var(--font-weight-semibold);
}

.tabs-container[b-jttuspao2r] {
    background: var(--surface-base-section);
    margin-top: 2px;
}

.tabs-navigation[b-jttuspao2r] {
    display: flex;
    justify-content: center;
    border-bottom: 2px solid var(--surface-primary-border);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.tab-btn[b-jttuspao2r] {
    background: none;
    border: none;
    padding: var(--spacing-md) var(--spacing-xl);
    font-weight: var(--font-weight-semibold);
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
}

    .tab-btn.active[b-jttuspao2r] {
        color: var(--text-secondary);
        border-bottom-color: var(--surface-highlighter-border);
    }

    .tab-btn:hover[b-jttuspao2r] {
        color: var(--text-secondary-hover);
        background: var(--surface-secondary-row);
    }

.tab-content[b-jttuspao2r] {
    padding: var(--spacing-md);
    min-height: 400px;
}

.match-statistics-timeline-container[b-jttuspao2r] {
    background: var(--surface-base-section);
    border-radius: var(--radius-sm);
    min-height: 50vh;
}

.match-start-event[b-jttuspao2r] {
    text-align: center;
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    margin: 20px 0;
    color: var(--text-body);
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

.right-team-detail[b-jttuspao2r] {
    text-align: right;
    flex-direction: row-reverse;
}

.one-match-part-finished-separator-container[b-jttuspao2r] {
    text-align: center;
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    margin: 20px 0;
    color: var(--text-body);
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.match-event-row[b-jttuspao2r] {
    display: flex;
    align-items: center;
    margin: 10px 0;
    font-size: var(--font-size-sm);
}

.match-minute[b-jttuspao2r] {
    width: 20px;
    font-weight: var(--font-weight-medium);
    color: var(--text-body);
    margin: 0 5px;
}

.icon[b-jttuspao2r] {
    width: 20px;
    height: 20px;
    margin: 0 2px;
    text-align: center;
}

.goal-score[b-jttuspao2r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--surface-highlighter-border);
    border-radius: var(--radius-lg);
    padding: 3px 10px;
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
    min-width: 25px;
    color: var(--text-body);
    margin: 0 5px;
}

.event-detail-with-description[b-jttuspao2r] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}

.bold-player-name[b-jttuspao2r] {
    font-weight: var(--font-weight-normal);
    color: var(--text-body);
    margin: 0 5px;
}

.lighter-text-description[b-jttuspao2r] {
    font-weight: var(--font-weight-normal);
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    margin-left: 4px;
}

.second-yellow-card-container[b-jttuspao2r] {
    display: inline-block;
    position: relative;
    align-items: center;
    font-size: var(--font-size-md);
    margin: 0 9px 15px 9px;
}

    .second-yellow-card-container .yellow-card-below-red-card[b-jttuspao2r] {
        position: absolute;
        top: 8px;
        left: 0;
    }

    .second-yellow-card-container .red-card-over-yellow-card[b-jttuspao2r] {
        position: relative;
        top: 10px;
        left: 6px;
        z-index: 2;
    }

.red-card-over-yellow-card[b-jttuspao2r] {
    background: var(--color-danger-500);
    width: 12px;
    height: 16px;
    border-radius: var(--radius-xs);
    display: inline-block;
    margin-right: 4px;
}

.yellow-card-below-red-card[b-jttuspao2r] {
    background: var(--color-warning-300);
    color: var(--text-body);
    width: 12px;
    height: 16px;
    border-radius: var(--radius-xs);
    display: inline-block;
}

.penalty-icon-container[b-jttuspao2r] {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin: 0 3px;
}

    .penalty-icon-container .goal-base[b-jttuspao2r] {
        position: absolute;
        font-size: var(--font-size-2xl);
        color: var(--text-body);
        top: 30%;
        transform: translateY(-50%);
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .penalty-icon-container .overlay-over-goal[b-jttuspao2r] {
        position: absolute;
        top: 60%;
        left: 50%;
        font-size: var(--font-size-sm);
        transform: translate(-50%, -50%);
        z-index: 2;
    }

.substitution-arrows[b-jttuspao2r] {
    display: inline-block;
    font-size: var(--font-size-lg);
}

.substitution-arrow-down[b-jttuspao2r] {
    color: var(--color-danger-500);
}

.substitution-arrow-up[b-jttuspao2r] {
    color: var(--color-success-500);
}

.injury-red-cross[b-jttuspao2r] {
    position: relative;
    display: inline-block;
}

    .injury-red-cross[b-jttuspao2r]::before,
    .injury-red-cross[b-jttuspao2r]::after {
        content: '';
        position: absolute;
        background: var(--color-danger-500);
    }

    .injury-red-cross[b-jttuspao2r]::before {
        width: 16px;
        height: 4px;
        top: 6px;
        left: 0;
    }

    .injury-red-cross[b-jttuspao2r]::after {
        width: 4px;
        height: 16px;
        top: 0;
        left: 6px;
    }

@media (max-width: 768px) {
    .match-statistics-container[b-jttuspao2r] {
        margin: var(--spacing-lg) var(--spacing-md) var(--spacing-xl) var(--spacing-md);
    }

    .match-info-center[b-jttuspao2r] {
        font-size: var(--font-size-xs);
    }

    .left-team-name[b-jttuspao2r], .right-team-name[b-jttuspao2r] {
        font-size: var(--font-size-sm);
    }

    .score-in-header-container[b-jttuspao2r] {
        font-size: var(--font-size-xl);
    }

    .referees-title[b-jttuspao2r] {
        font-weight: var(--font-weight-medium);
        font-size: var(--font-size-sm);
    }

    .referees-content[b-jttuspao2r] {
        justify-content: space-around;
        padding: var(--spacing-sm);
        gap: var(--spacing-sm);
    }

    .referee-card[b-jttuspao2r] {
        gap: var(--spacing-xs);
        padding: var(--spacing-xs) 2px;
    }

    .referee-role[b-jttuspao2r] {
        font-size: var(--font-size-xs);
        font-weight: var(--font-weight-normal);
    }

    .referee-name[b-jttuspao2r] {
        font-size: var(--font-size-sm);
        font-weight: var(--font-weight-medium);
    }

    .score-sep[b-jttuspao2r] {
        font-size: var(--font-size-sm);
    }

    .one-match-part-finished-separator-container[b-jttuspao2r] {
        font-size: var(--font-size-md);
        font-weight: var(--font-weight-semibold);
        margin: 10px 0;
        padding: 5px 0;
    }

    .match-minute[b-jttuspao2r] {
        margin: 0 2px;
    }

    .goal-score[b-jttuspao2r] {
        margin: 0 2px;
    }

    .tabs-navigation[b-jttuspao2r] {
        gap: 0;
    }

    .tab-btn[b-jttuspao2r] {
        padding: var(--spacing-sm) var(--spacing-md);
    }

    .tab-content[b-jttuspao2r] {
        padding: var(--spacing-xs) var(--spacing-sm);
    }
}

.lineups-container[b-jttuspao2r] {
    background: var(--surface-base-section);
}

.no-lineups-message[b-jttuspao2r] {
    text-align: center;
    padding: var(--spacing-xl);
    color: var(--text-muted);
}

    .no-lineups-message p[b-jttuspao2r] {
        margin: 0;
        font-size: var(--font-size-md);
    }

.lineup-team-tabs[b-jttuspao2r] {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing-md);
}

.lineup-team-tab[b-jttuspao2r] {
    cursor: pointer;
    background: var(--surface-primary-hover);
    border: none;
    border-radius: 40px;
    font-weight: var(--font-weight-semibold);
    color: var(--text-muted);
    padding: var(--spacing-md) var(--spacing-xl);
    transition: all 0.3s ease;
    white-space: nowrap;
    flex: 1;
}

    .lineup-team-tab.active[b-jttuspao2r] {
        color: var(--text-inverse);
        background: var(--color-primary-700);
    }

    .lineup-team-tab:hover[b-jttuspao2r] {
        color: var(--text-secondary-hover);
        background: var(--color-primary-200);
    }

.lineup-content[b-jttuspao2r] {
    padding: var(--spacing-sm);
}

.lineup-section-title[b-jttuspao2r] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--text-muted);
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
    padding-bottom: var(--spacing-xs);
    border-bottom: 1px solid var(--surface-primary-border);
}

    .lineup-section-title:first-child[b-jttuspao2r] {
        margin-top: 0;
    }

.lineup-coach-item[b-jttuspao2r],
.lineup-player-item[b-jttuspao2r] {
    display: flex;
    align-items: center;
    padding: var(--spacing-xs);
    transition: background 0.2s ease;
    font-size: var(--font-size-sm);
}

    .lineup-coach-item:hover[b-jttuspao2r],
    .lineup-player-item:hover[b-jttuspao2r] {
        background: var(--surface-secondary-row);
    }

.coach-info[b-jttuspao2r],
.player-info[b-jttuspao2r] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    margin-left: var(--spacing-xs);
}

.coach-role[b-jttuspao2r] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}

.player-main-info[b-jttuspao2r] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.player-number[b-jttuspao2r] {
    font-weight: var(--font-weight-bold);
    color: var(--text-body);
    min-width: 28px;
    text-align: center;
    background: var(--surface-primary-section);
    padding: 2px 4px;
    border-radius: var(--radius-sm);
    font-size: var(--font-size-sm);
}

.player-name-with-position-container[b-jttuspao2r]{
    display: flex;
    flex-direction: column;
}

.player-captain-badge[b-jttuspao2r] {
    font-weight: var(--font-weight-bold);
    color: var(--color-success-300);
    font-size: var(--font-size-md);
}

.player-position[b-jttuspao2r] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}

@media (max-width: 768px) {
    .lineup-team-tab[b-jttuspao2r] {
        padding: var(--spacing-sm) var(--spacing-md);
    }

    .coach-avatar[b-jttuspao2r],
    .player-avatar[b-jttuspao2r] {
        width: 30px;
        height: 30px;
    }

    .player-number[b-jttuspao2r] {
        min-width: 25px;
    }
}

/* /Pages/Matches/MatchesComponent.razor.rz.scp.css */
.matches-with-statistics-container[b-xt33qkbgh9] {
    display: flex;
    flex-direction: column;
    margin-top: var(--spacing-lg);
    gap: 10%;
    justify-self: center;
    min-height: 75vh;
    margin: 0px var(--spacing-lg);
}

.tournament-year-selector-container[b-xt33qkbgh9] {
    background: var(--surface-gradient-primary-horizontal);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    margin-bottom: 30px;
    gap: 30px;
    padding: var(--spacing-sm) var(--spacing-md);
    color: var(--text-inverse);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 100;
}

    .tournament-year-selector-container:hover[b-xt33qkbgh9] {
        filter: brightness(110%);
    }

    .tournament-year-selector-container h3[b-xt33qkbgh9] {
        margin: 0;
        font-size: var(--font-size-md);
        font-weight: var(--font-weight-semibold);
    }

.grouping-options-container[b-xt33qkbgh9] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-lg);
    padding: var(--spacing-sm) var(--spacing-md);
    background: var(--surface-secondary);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.grouping-label[b-xt33qkbgh9] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--text-secondary);
    white-space: nowrap;
}

.grouping-tags[b-xt33qkbgh9] {
    display: flex;
    gap: var(--spacing-sm);
    flex-wrap: wrap;
    flex: 1;
}

.tag-button[b-xt33qkbgh9] {
    padding: var(--spacing-xs) var(--spacing-sm);
    background: var(--surface-primary);
    border: 2px solid var(--surface-primary-border);
    border-radius: var(--radius-xl);
    cursor: pointer;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
    transition: all 0.2s ease;
    white-space: nowrap;
}

    .tag-button:hover[b-xt33qkbgh9] {
        background: var(--surface-primary-option-hover);
        border-color: var(--surface-primary-option-hover);
        transform: translateY(-1px);
        box-shadow: var(--shadow-sm);
    }

    .tag-button.selected[b-xt33qkbgh9] {
        background: var(--surface-primary-option-selected);
        border-color: var(--surface-primary-option-selected);
        color: var(--text-inverse);
        box-shadow: 0 2px 6px var(--surface-primary-box-shadow);
    }

        .tag-button.selected:hover[b-xt33qkbgh9] {
            transform: translateY(0);
        }

.played-matches-container[b-xt33qkbgh9] {
}

.group-round-section[b-xt33qkbgh9] {
    margin-bottom: var(--spacing-xl);
}

.group-round-header[b-xt33qkbgh9] {
    color: var(--text-muted);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--spacing-md);
    padding-bottom: 8px;
    border-bottom: 2px solid var(--surface-primary-border);
}

.group-link[b-xt33qkbgh9],
.group-link:link[b-xt33qkbgh9],
.group-link:visited[b-xt33qkbgh9],
.group-link:active[b-xt33qkbgh9] {
    text-decoration: none;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-lg);
    color: var(--text-primary);
}

.group-link:hover[b-xt33qkbgh9] {
    cursor: pointer;
    color: var(--text-primary-hover);
    transition: background-color 0.2s ease, color 0.2s ease;
}

.match-component[b-xt33qkbgh9] {
    margin-bottom: 7px;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    font-weight: var(--font-weight-bold);
}

    .match-component:visited
    .match-component:hover
    .match-component:active[b-xt33qkbgh9] {
        color: inherit;
        text-decoration: none;
    }

.unclickable-match-component[b-xt33qkbgh9] {
    margin-bottom: 7px;
    color: inherit;
    text-decoration: none;
    font-weight: var(--font-weight-notmal);
}

@media (max-width: 768px) {
    .matches-with-statistics-container[b-xt33qkbgh9] {
        flex-direction: column;
    }

    .grouping-options-container[b-xt33qkbgh9] {
        flex-direction: column;
        gap: var(--spacing-sm);
    }

    .grouping-tags[b-xt33qkbgh9] {
        width: 100%;
    }

    .tag-button[b-xt33qkbgh9] {
        flex: 1;
        min-width: 0;
        font-size: var(--font-size-2xs);
    }
}
/* /Pages/PlayerDetails/PlayerDetailsComponent.razor.rz.scp.css */
*[b-o1kihaob46] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: auto;
}

body[b-o1kihaob46] {
    font-family: var(--font-primary);
    min-height: 100vh;
    padding: var(--spacing-lg);
}

.component-container[b-o1kihaob46] {
    max-width: 1400px;
    margin: var(--spacing-lg) auto;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
}

.player-info-header-container[b-o1kihaob46] {
    display: grid;
    grid-template-columns: 1fr auto;
    background: var(--surface-gradient-primary-horizontal);
    color: var(--text-inverse);
    padding: var(--spacing-xl);
    position: relative;
    overflow: hidden;
}

    .player-info-header-container[b-o1kihaob46]::before {
        content: '';
        position: absolute;
        top: -50%;
        right: -50%;
        width: 200%;
        height: 200%;
        background: var(--overlay-gradient-header);
        animation: rotate-b-o1kihaob46 20s linear infinite;
    }

@keyframes rotate-b-o1kihaob46 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.player-info-header-section[b-o1kihaob46] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xl);
    position: relative;
    z-index: 1;
}

.player-details h1[b-o1kihaob46] {
    font-size: var(--font-size-3xl);
    margin-bottom: 10px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.main-content[b-o1kihaob46] {
    padding: var(--spacing-xl);
    background: var(--surface-app-container);
}

.stats-grid[b-o1kihaob46] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
}

.stats-section[b-o1kihaob46] {
    background: var(--surface-base-section);
    padding: 25px;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    border: 1px solid var(--surface-primary-border);
}

    .stats-section h3[b-o1kihaob46] {
        color: var(--text-strong);
        margin-bottom: var(--spacing-lg);
        font-size: var(--font-size-lg);
        border-bottom: 2px solid var(--surface-highlighter-border);
        padding-bottom: var(--spacing-sm);
    }

.player-basic-stats[b-o1kihaob46] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
    text-align: center;
}

.stat-item[b-o1kihaob46] {
    background: var(--surface-gradient-primary-horizontal);
    color: var(--text-inverse);
    padding: var(--spacing-lg);
    border-radius: var(--radius-md);
    transition: transform 0.3s ease;
}

    .stat-item:hover[b-o1kihaob46] {
        transform: translateY(-5px);
    }

.stat-value[b-o1kihaob46] {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
    margin-bottom: 5px;
}

.stat-label[b-o1kihaob46] {
    font-size: var(--font-size-md);
    opacity: 0.9;
}

.player-text-info-stats[b-o1kihaob46] {
    margin-top: 20px;
    text-align: start
}

.player-text-info-label[b-o1kihaob46] {
    margin-bottom: 10px;
}

.player-other-numbers-info-container[b-o1kihaob46] {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e9ecef;
}

.player-other-numbers-info-grid[b-o1kihaob46] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
    text-align: center;
}

.numeric-info-label[b-o1kihaob46] {
    font-weight: var(--font-weight-bold);
    color: var(--text-secondary);
}

.numeric-info-value[b-o1kihaob46] {
    font-size: var(--font-size-2xl);
    margin-top: 5px;
}

.seasons-stats-responsive-table[b-o1kihaob46] {
    overflow-x: visible;
}

.all-seasons-performance-table[b-o1kihaob46] {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

    .all-seasons-performance-table th[b-o1kihaob46] {
        background: var(--surface-primary-header);
        color: var(--text-inverse);
        padding: var(--spacing-sm);
        text-align: center;
        font-weight: var(--font-weight-medium);
        position: sticky;
        top: 0;
    }

        .all-seasons-performance-table th:nth-child(1)[b-o1kihaob46] {
            width: 35%;
        }

        .all-seasons-performance-table th:first-child[b-o1kihaob46] {
            border-top-left-radius: var(--spacing-sm);
        }

        .all-seasons-performance-table th:last-child[b-o1kihaob46] {
            border-top-right-radius: var(--spacing-sm);
        }

    .all-seasons-performance-table td[b-o1kihaob46] {
        padding: var(--spacing-sm);
        border-bottom: 1px solid var(--surface-primary-border);
        transition: background-color 0.3s ease;
        text-align: center;
    }

        .all-seasons-performance-table td:nth-child(1)[b-o1kihaob46] {
            width: 35%;
            text-align: left;
            text-wrap: wrap;
            word-break: break-word;
        }

    .all-seasons-performance-table tr:hover[b-o1kihaob46] {
        background-color: var(--surface-primary-hover);
    }

.season-team-logo[b-o1kihaob46] {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
    background: var(--surface-team-logo-small);
    color: var(--text-inverse);
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: var(--font-size-2xs);
    text-wrap: nowrap;
}

.season-team-name[b-o1kihaob46] {
    font-weight: var(--font-weight-medium);
    color: var(--text-body);
}

.season-stat-number[b-o1kihaob46] {
    font-weight: var(--font-weight-medium);
    color: var(--text-secondary);
}

.seasons-total-stat-row[b-o1kihaob46] {
    background: var(--surface-secondary-row);
    font-weight: var(--font-weight-medium);
    border-top: 2px solid var(--surface-highlighter-border);
}

    .seasons-total-stat-row td[b-o1kihaob46] {
        border-bottom: none;
    }

@media (max-width: 768px) {
    .player-info-header-container[b-o1kihaob46] {
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .player-info-header-section[b-o1kihaob46] {
        flex-direction: column;
        text-align: center;
    }

    .stats-grid[b-o1kihaob46] {
        grid-template-columns: 1fr;
    }

    .player-basic-stats[b-o1kihaob46] {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-md);
    }

    .all-seasons-performance-table[b-o1kihaob46] {
        font-size: var(--font-size-xs);
    }

        .all-seasons-performance-table th[b-o1kihaob46] {
            padding: var(--spacing-xs);
        }

        .all-seasons-performance-table td[b-o1kihaob46] {
            padding: var(--spacing-xs);
        }

    .yellow-card[b-o1kihaob46] {
        width: 12px;
        height: 12px;
    }

    .red-card[b-o1kihaob46] {
        width: 12px;
        height: 12px;
    }
}
/* /Pages/TeamDetails/TeamDetailsComponent.razor.rz.scp.css */
*[b-njgb93czm0] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: auto;
}

body[b-njgb93czm0] {
    font-family: var(--font-primary);
    min-height: 100vh;
    padding: var(--spacing-sm);
}

.component-container[b-njgb93czm0] {
    max-width: 1400px;
    margin: var(--spacing-lg) auto;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
}

.team-info-header-container[b-njgb93czm0] {
    display: grid;
    grid-template-columns: 1fr auto;
    background: var(--surface-gradient-secondary-horizontal);
    color: var(--text-inverse);
    padding: var(--spacing-xl);
    position: relative;
    overflow: hidden;
}

    .team-info-header-container[b-njgb93czm0]::before {
        content: '';
        position: absolute;
        top: -50%;
        right: -50%;
        width: 200%;
        height: 200%;
        background: var(--overlay-gradient-header);
        animation: rotate-b-njgb93czm0 20s linear infinite;
    }

@keyframes rotate-b-njgb93czm0 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.team-info-header-section[b-njgb93czm0] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xl);
    position: relative;
    z-index: 1;
}

.team-details h1[b-njgb93czm0] {
    font-size: var(--font-size-4xl);
    margin-bottom: 15px;
    text-wrap: wrap;
    word-break: break-word;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.jersey-header-section[b-njgb93czm0] {
    min-width: 100px;
    background: var(--overlay-light-10);
    border: 1px solid var(--overlay-light-20);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
    align-self: center;
}

.main-content[b-njgb93czm0] {
    padding: var(--spacing-xl);
    background: var(--surface-app-container);
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: var(--spacing-xl);
}

.left-sidebar-in-main-content[b-njgb93czm0] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
}

.sidebar-card-section[b-njgb93czm0] {
    background: var(--surface-base-section);
    padding: 25px;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    border: 1px solid var(--surface-primary-border);
}

    .sidebar-card-section h3[b-njgb93czm0] {
        color: var(--text-strong);
        margin-bottom: var(--spacing-lg);
        font-size: var(--font-size-lg);
        border-bottom: 2px solid var(--surface-highlighter-border);
        padding-bottom: var(--spacing-sm);
    }

.match-item[b-njgb93czm0] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--spacing-md) 0;
    border-bottom: 1px solid var(--surface-primary-border);
}

    .match-item:last-child[b-njgb93czm0] {
        border-bottom: none;
    }

.match-stage-description-with-date[b-njgb93czm0] {
    font-size: var(--font-size-sm);
    color: var(--text-muted);
    margin-bottom: 5px;
    text-wrap: wrap;
}

.match-opponent[b-njgb93czm0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    width: 100%;
    gap: var(--spacing-sm);
    text-wrap: wrap;
    word-break: break-word;
}

.match-opponent-logo-small[b-njgb93czm0] {
    width: 24px;
    height: 24px;
    border-radius: var(--radius-full);
    background: var(--color-danger-600);
    color: var(--text-inverse);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-2xs);
    font-weight: var(--font-weight-bold);
    text-wrap: nowrap;
}

.match-result[b-njgb93czm0] {
    cursor: pointer;
    font-weight: var(--font-weight-semibold);
    padding: 5px 10px;
    text-align: center;
    border-radius: var(--radius-lg);
    font-size: var(--font-size-md);
    text-decoration: none;
    text-wrap: nowrap;
    overflow: hidden;
}

.match-result-win[b-njgb93czm0] {
    background: var(--color-success-100);
    color: var(--text-success-strong);
}

.match-result-draw[b-njgb93czm0] {
    background: var(--color-warning-100);
    color: var(--text-warning-strong);
}

.match-result-loss[b-njgb93czm0] {
    background: var(--color-danger-100);
    color: var(--text-danger-strong);
}

.form-indicators-section[b-njgb93czm0] {
    display: flex;
    gap: var(--spacing-xs);
    margin-bottom: var(--spacing-md);
}

.form-indicator[b-njgb93czm0] {
    width: 30px;
    height: 30px;
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--font-weight-bold);
    color: var(--text-inverse);
    font-size: var(--font-size-sm);
}

.form-indicator-win[b-njgb93czm0] {
    background: var(--color-success-500);
}

.form-indicator-draw[b-njgb93czm0] {
    background: var(--color-warning-500);
}

.form-indicator-loss[b-njgb93czm0] {
    background: var(--color-danger-500);
}

.statistic-section-container[b-njgb93czm0] {
    margin: var(--spacing-xs) 0px;
    border: 1px solid var(--surface-primary-border);
    border-radius: var(--radius-sm);
}

.statistic-category-header[b-njgb93czm0] {
    padding: 18px 25px;
    background: var(--surface-secondary-row);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
    border-left: 3px solid transparent;
    transition: border-color 0.15s, background 0.15s;
}

    .statistic-category-header:hover[b-njgb93czm0] {
        background: var(--surface-primary-hover);
        border-left-color: var(--surface-primary-border-strong);
    }

    .statistic-category-header.active[b-njgb93czm0] {
        background: var(--surface-row-selected);
        border-left-color: var(--surface-highlighter-border);
        color: var(--text-secondary);
        font-weight: var(--font-weight-semibold);
    }

.statistic-category-title[b-njgb93czm0] {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-md);
}

.statistic-category-expand-icon[b-njgb93czm0] {
    font-size: var(--font-size-sm);
    transition: transform 0.3s ease;
    color: var(--text-muted);
}

.statistic-category-header.active .statistic-category-expand-icon[b-njgb93czm0] {
    transform: rotate(180deg);
    color: var(--text-body);
}

.statistic-category-content[b-njgb93czm0] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

    .statistic-category-content.expanded[b-njgb93czm0] {
        max-height: 500px;
        background: var(--surface-row-selected);
    }

.statistic-section-inner-container[b-njgb93czm0] {
    padding: 10px 20px;
}

.statistic-information-row[b-njgb93czm0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid var(--surface-primary-border);
}

    .statistic-information-row:last-child[b-njgb93czm0] {
        border-bottom: none;
        margin-bottom: var(--spacing-md);
    }

.statistic-information-subcategory-label[b-njgb93czm0] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    display: flex;
    align-items: center;
}

.statistic-information-subcategory-value[b-njgb93czm0] {
    font-weight: var(--font-weight-semibold);
    color: var(--text-body);
    font-size: var(--font-size-md);
}

.right-sidebar-in-main-content[b-njgb93czm0] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
}

.players-section-grid-container[b-njgb93czm0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--spacing-md);
}

.player-card[b-njgb93czm0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--surface-card);
    padding: var(--spacing-md) var(--spacing-xs);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--surface-primary-border);
    text-align: center;
    transition: transform 0.3s ease;
}

    .player-card:hover[b-njgb93czm0] {
        transform: translateY(-3px);
    }

.player-card-name[b-njgb93czm0] {
    font-weight: var(--font-weight-semibold);
    color: var(--text-body);
    margin-bottom: 5px;
}

.captain-label[b-njgb93czm0] {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
    text-transform: uppercase;
}

.player-card-position[b-njgb93czm0] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    margin-bottom: 5px;
}

.player-card-age[b-njgb93czm0] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}

.seasons-stats-responsive-table[b-njgb93czm0] {
    overflow-x: visible;
}

.all-seasons-performance-table[b-njgb93czm0] {
    width: 100%;
    border-collapse: collapse;
}

    .all-seasons-performance-table th[b-njgb93czm0] {
        background: var(--surface-primary-header);
        color: var(--text-inverse);
        padding: var(--spacing-sm);
        text-align: center;
        font-weight: var(--font-weight-medium);
        position: sticky;
        top: 0;
    }

        .all-seasons-performance-table th:nth-child(1)[b-njgb93czm0] {
            width: 35%;
        }

        .all-seasons-performance-table th:first-child[b-njgb93czm0] {
            border-top-left-radius: var(--spacing-sm);
        }

        .all-seasons-performance-table th:last-child[b-njgb93czm0] {
            border-top-right-radius: var(--spacing-sm);
        }

    .all-seasons-performance-table td[b-njgb93czm0] {
        padding: var(--spacing-sm);
        border-bottom: 1px solid var(--surface-primary-border);
        transition: background-color 0.3s ease;
        text-align: center;
    }

        .all-seasons-performance-table td:nth-child(1)[b-njgb93czm0] {
            width: 35%;
            text-align: left;
            text-wrap: wrap;
            word-break: break-word;
        }

    .all-seasons-performance-table tr:hover[b-njgb93czm0] {
        background: var(--surface-row-selected);
        box-shadow: inset 3px 0 0 var(--surface-highlighter-border);
    }

.season-team-logo[b-njgb93czm0] {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
    background: var(--surface-team-logo-small);
    color: var(--text-inverse);
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: var(--font-size-2xs);
    text-wrap: nowrap;
}

.season-team-name[b-njgb93czm0] {
    font-weight: var(--font-weight-medium);
    color: var(--text-body);
}

.season-stat-number[b-njgb93czm0] {
    font-weight: var(--font-weight-medium);
    color: var(--text-secondary);
}

.seasons-total-stat-row[b-njgb93czm0] {
    background: var(--surface-secondary-row);
    font-weight: var(--font-weight-medium);
    color: var(--text-body);
    font-weight: var(--font-weight-medium);
    border-top: 2px solid var(--surface-primary-border-strong);
}

    .seasons-total-stat-row td[b-njgb93czm0] {
        border-bottom: none;
    }

@media (max-width: 1024px) {
    .main-content[b-njgb93czm0] {
        grid-template-columns: 1fr;
    }

    .team-info-header-container[b-njgb93czm0] {
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .team-info-header-section[b-njgb93czm0] {
        flex-direction: column;
        text-align: center;
    }

    .jersey-header-section[b-njgb93czm0] {
        margin: 10px auto 0px auto;
        min-width: 90px;
    }

    .players-section-grid-container[b-njgb93czm0] {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    }

    .all-seasons-performance-table[b-njgb93czm0] {
        font-size: var(--font-size-xs);
    }

        .all-seasons-performance-table th[b-njgb93czm0] {
            padding: var(--spacing-xs);
        }

        .all-seasons-performance-table td[b-njgb93czm0] {
            padding: var(--spacing-xs);
        }

    .yellow-card[b-njgb93czm0]{
        width: 12px;
        height: 12px;
    }

    .red-card[b-njgb93czm0] {
        width: 12px;
        height: 12px;
    }
}
/* /Pages/TournamentStatistics/TournamentStatisticsComponent.razor.rz.scp.css */
.tournament-container[b-amlo49pz9q] {
    min-height: 70vh;
    margin: var(--spacing-xxl) auto var(--spacing-xxl) auto;
}

.statistics-grid[b-amlo49pz9q] {
    display: grid;
    align-items: start;
    grid-template-columns: 1fr 2fr 1fr;
    gap: var(--spacing-xl);
    max-width: 1800px;
    margin: 0 auto;
    padding: 0px var(--spacing-lg);
}

.stats-card[b-amlo49pz9q] {
    background: var(--surface-base-section);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    border: 1px solid var(--surface-primary-border);
    overflow: visible;
    margin-bottom: var(--spacing-xxl);
}

.statistic-card-header-container[b-amlo49pz9q] {
    padding: var(--spacing-lg);
    background: var(--surface-gradient-primary-horizontal);
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
    color: var(--text-inverse);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-md);
}

    .statistic-card-header-container h3[b-amlo49pz9q] {
        margin: 0;
        font-size: var(--font-size-md);
        font-weight: var(--font-weight-semibold);
    }

.header-right-section[b-amlo49pz9q] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.card-content[b-amlo49pz9q] {
    padding: var(--spacing-lg);
}

.groups-container[b-amlo49pz9q] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-xxl);
}

.tournament-statistics-container[b-amlo49pz9q] {
    transition: max-height 0.3s ease;
    overflow-y: auto;
}

.stat-row[b-amlo49pz9q] {
    display: flex;
    font-weight: var(--font-weight-bold);
    justify-content: space-between;
    color: var(--text-muted);
    align-items: center;
    padding: var(--spacing-sm) 0;
    border-bottom: 1px solid var(--surface-primary-border);
}

    .stat-row:last-child[b-amlo49pz9q] {
        border-bottom: none;
    }

.stat-label[b-amlo49pz9q] {
    font-weight: var(--font-weight-normal);
    color: var(--text-muted);
    font-size: var(--font-size-md);
}

.stat-value[b-amlo49pz9q] {
    font-weight: var(--font-weight-semibold);
    color: var(--text-secondary);
}

.players-list[b-amlo49pz9q],
.teams-list[b-amlo49pz9q] {
    transition: max-height 0.3s ease;
}

.player-item[b-amlo49pz9q],
.team-item[b-amlo49pz9q] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    padding: 12px 15px 12px 0px;
    border-bottom: 1px solid var(--surface-primary-border);
}

    .player-item:last-child[b-amlo49pz9q],
    .team-item:last-child[b-amlo49pz9q] {
        border-bottom: none;
    }

.player-rank[b-amlo49pz9q],
.team-rank[b-amlo49pz9q] {
    width: 25px;
    height: 25px;
    background: var(--surface-primary-section);
    color: var(--text-inverse);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-md);
    flex-shrink: 0;
}

.player-info-container[b-amlo49pz9q], .team-info-container[b-amlo49pz9q] {
    flex: 1;
    min-width: 0;
}

.player-name[b-amlo49pz9q] {
    font-weight: var(--font-weight-semibold);
    color: var(--text-body);
    margin-bottom: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.team-name[b-amlo49pz9q] {
    font-weight: var(--font-weight-semibold);
    color: var(--text-body);
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.player-team-name[b-amlo49pz9q] {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.player-stat[b-amlo49pz9q], .team-stat[b-amlo49pz9q] {
    font-weight: var(--font-weight-bold);
    color: var(--text-secondary);
    font-size: var(--font-size-md);
    flex-shrink: 0;
}

.show-more-btn[b-amlo49pz9q] {
    width: 100%;
    background: none;
    border: none;
    color: var(--text-secondary);
    padding: var(--spacing-md);
    cursor: pointer;
    font-weight: var(--font-weight-semibold);
    transition: all 0.3s ease;
    margin-top: var(--spacing-sm);
}

    .show-more-btn:hover[b-amlo49pz9q] {
        background: var(--surface-primary-hover);
        color: var(--text-secondary-hover);
    }

.statistic-category-selector-container[b-amlo49pz9q] {
    grid-template-columns: 1fr;
    position: relative;
    width: 160px;
    font-family: var(--font-secondary);
    z-index: 100;
}

.selected-statistic-category[b-amlo49pz9q] {
    width: 100%;
    background: var(--overlay-light-20);
    border: 1px solid var(--overlay-light-20);
    border-radius: var(--radius-sm);
    color: var(--text-inverse);
    padding: 0.4rem 0.6rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    transition: background 0.2s;
}

    .selected-statistic-category:hover[b-amlo49pz9q] {
        background: var(--overlay-light-50);
    }

.statistic-categories-dropdown-list[b-amlo49pz9q] {
    position: absolute;
    top: calc(100% + 0.2rem); /* little below button */
    left: 0;
    width: 100%;
    border: 1px solid var(--surface-primary-border);
    border-radius: var(--radius-sm);
    background: var(--surface-app-container);
    box-shadow: var(--shadow-md);
    display: flex;
    flex-direction: column;
    max-height: 13rem; /* ~7 items */
    overflow-y: auto;
    animation: fadeIn 0.15s ease-in-out;
    z-index: 9999; /* place on the top of other content to not move it when open */
}

.statistic-category-dropdown-item[b-amlo49pz9q] {
    padding: 0.4rem;
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    transition: background 0.2s;
    font-size: var(--font-size-sm);
}

    .statistic-category-dropdown-item:hover[b-amlo49pz9q] {
        background: var(--surface-primary-option-hover);
    }

    .statistic-category-dropdown-item.active[b-amlo49pz9q] {
        background: var(--surface-primary-option-selected);
        color: var(--text-inverse);
        font-weight: var(--font-weight-bold);
    }

.dropdown-arrow[b-amlo49pz9q] {
    font-size: var(--font-size-xs);
}

@media (max-width: 768px) {
    .statistics-grid[b-amlo49pz9q] {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }

    .statistic-card-header-container[b-amlo49pz9q] {
        gap: var(--spacing-sm);
    }

    .statistic-card-header-container h3[b-amlo49pz9q] {
        flex-shrink: 0;
    }

    .header-right-section[b-amlo49pz9q] {
        gap: var(--spacing-sm);
    }

    .player-name[b-amlo49pz9q], .team-name[b-amlo49pz9q] {
        font-size: var(--font-size-md);
    }
}