/* CSS переменные */
        :root {
            --sidebar-width: 250px;
            --sidebar-collapsed-width: 60px;
            --header-height: 70px;
            --transition-duration: 0.3s;
        }
        
        /* Базовые стили */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        
        body {
            font-family: 'Inter', sans-serif;
            background: #0f0f13;
            color: #f8fafc;
            overflow-x: hidden;
            line-height: 1.5;
        }
        
        /* Утилитарные классы */
        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }
        
        .focus\:outline-none:focus {
            outline: 2px solid #3b82f6;
            outline-offset: 2px;
        }
        
        /* Основные компоненты */
        .strict-bg {
            background: linear-gradient(160deg, #0f0f13 0%, #15151d 100%);
        }
        
        .strict-card {
            background: rgba(30, 30, 40, 0.7);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
            transition: all var(--transition-duration) ease;
        }
        
        .strict-card:hover {
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
            transform: translateY(-2px);
        }
        
        .strict-nav {
            background: rgba(15, 15, 19, 0.95);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        
        .strict-button {
            background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
            border: none;
            position: relative;
            overflow: hidden;
            transition: all var(--transition-duration) ease;
        }
        
        .strict-button:hover {
            background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
            box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
        }
        
        .strict-button-secondary {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all var(--transition-duration) ease;
        }
        
        .strict-button-secondary:hover {
            background: rgba(255, 255, 255, 0.1);
            border-color: rgba(255, 255, 255, 0.2);
        }
        
        .accent-text {
            background: linear-gradient(90deg, #3b82f6, #8b5cf6);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        .strict-divider {
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.3), transparent);
        }
        
        /* Индикатор LIVE */
        .live-indicator {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #ef4444;
            position: relative;
        }
        
        .live-indicator::after {
            content: '';
            position: absolute;
            top: -2px;
            left: -2px;
            right: -2px;
            bottom: -2px;
            border-radius: 50%;
            background: #ef4444;
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% {
                transform: scale(1);
                opacity: 0.8;
            }
            70% {
                transform: scale(2);
                opacity: 0;
            }
            100% {
                transform: scale(2);
                opacity: 0;
            }
        }
        
        /* Табы */
        .strict-tabs {
            display: flex;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 8px;
            padding: 4px;
        }
        
        .strict-tab {
            flex: 1;
            text-align: center;
            padding: 8px 16px;
            border-radius: 6px;
            cursor: pointer;
            transition: all var(--transition-duration);
            font-weight: 500;
        }
        
        .strict-tab.active {
            background: #3b82f6;
            color: white;
        }
        
        /* Прогресс-бары */
        .strict-progress {
            height: 4px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 2px;
            overflow: hidden;
        }
        
        .strict-progress-bar {
            height: 100%;
            background: linear-gradient(90deg, #3b82f6, #8b5cf6);
            border-radius: 2px;
        }
        
        /* Сетка с тонкими линиями */
        .grid-lines {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: 
                linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);
            background-size: 40px 40px;
            pointer-events: none;
            z-index: -1;
        }
        
        /* Стили для карточек */
        .news-card,
        .stream-card {
            background: rgba(30, 30, 40, 0.7);
            border-radius: 12px;
            overflow: hidden;
            transition: all var(--transition-duration) ease;
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        
        .news-card:hover,
        .stream-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
        }
        
        .news-badge {
            position: absolute;
            top: 12px;
            left: 12px;
            background: #3b82f6;
            color: white;
            padding: 4px 10px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 600;
            z-index: 1;
        }
        
        .news-image {
            height: 120px;
            width: 100%;
            object-fit: cover;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }
        
        /* Стили для бокового меню */
        .sidebar {
            transition: all var(--transition-duration) ease;
            position: sticky;
            top: calc(var(--header-height) + 20px);
            height: auto;
            max-height: calc(100vh - var(--header-height) - 40px);
            overflow-y: auto;
            width: var(--sidebar-width);
            flex-shrink: 0;
            align-self: flex-start;
        }
        
        .sidebar.collapsed {
            width: var(--sidebar-collapsed-width);
        }
        
        .sidebar.collapsed .menu-text {
            display: none;
        }
        
        .sidebar.collapsed .menu-item {
            justify-content: center;
            padding: 10px 0;
        }
        
        .sidebar.collapsed .menu-item .material-icons-outlined {
            margin-right: 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .sidebar.collapsed .league-menu-btn .material-icons-outlined:last-child {
            display: none;
        }
        
        .menu-item {
            display: flex;
            align-items: center;
            padding: 10px 14px;
            border-radius: 8px;
            transition: all var(--transition-duration);
            color: #9ca3af;
            cursor: pointer;
            font-size: 0.9rem;
        }
        
        .menu-item:hover {
            background: rgba(59, 130, 246, 0.1);
            color: #3b82f6;
        }
        
        .menu-item.active {
            background: rgba(59, 130, 246, 0.2);
            color: #3b82f6;
        }
        
        .menu-divider {
            height: 1px;
            background: rgba(255, 255, 255, 0.1);
            margin: 6px 0;
        }
        
        .menu-item .material-icons-outlined {
            font-size: 1.1rem;
            margin-right: 12px;
        }
        
        /* Стили для авторов трансляций */
        .stream-author {
            display: flex;
            align-items: center;
            padding: 12px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        
        .author-avatar {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            margin-right: 10px;
            object-fit: cover;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }
        
        /* Компактный хедер */
        .compact-header {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
            height: var(--header-height);
        }
        
        .compact-nav-item {
            padding: 0.5rem 1rem;
            font-size: 0.875rem;
        }
        
        .compact-button {
            padding: 0.5rem 1rem;
            font-size: 0.875rem;
        }
        
        .compact-icon-button {
            padding: 0.5rem;
        }
        
        /* Мобильная навигация */
        .mobile-bottom-nav {
            display: none;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: #0f0f13;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            z-index: 100;
            padding: 8px 0;
        }
        
        .mobile-nav-item {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 5px 0;
            color: #9ca3af;
            font-size: 10px;
        }
        
        .mobile-nav-item.active {
            color: #3b82f6;
        }
        
.mobile-nav-item .material-icons-outlined {
    font-size: 22px;
    margin-bottom: 2px;
}

/* Мобильная смена лиги (нижнее меню) */
.mobile-league-switch {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px 4px;
    color: #9ca3af;
    font-size: 10px;
    cursor: pointer;
}

.mobile-league-switch .material-icons-outlined {
    font-size: 22px;
    margin-bottom: 2px;
    color: #3b82f6;
}

#mobileLeagueSelect {
    background: transparent;
    border: none;
    color: #9ca3af;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    max-width: 92px;
    outline: none;
    cursor: pointer;
    font-family: inherit;
    -webkit-appearance: none;
    appearance: none;
}

#mobileLeagueSelect option {
    background: #1e1e28;
    color: #f8fafc;
}
        
        /* Модальные окна */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.8);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            padding: 20px;
        }
        
        .modal-content {
            max-height: 90%;
            overflow: auto;
            border-radius: 12px;
        }
        
        .profile-tab {
            padding: 12px 16px;
            border-radius: 6px;
            cursor: pointer;
            transition: all var(--transition-duration);
        }
        
        .profile-tab.active {
            background: #3b82f6;
            color: white;
        }
        
        /* Видео контейнер */
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 8px;
        }
        
        /* Кастомные скроллбары */
        ::-webkit-scrollbar {
            width: 6px;
        }
        
        ::-webkit-scrollbar-track {
            background: rgba(30, 30, 40, 0.5);
        }
        
        ::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, #3b82f6, #8b5cf6);
            border-radius: 3px;
        }
        
        /* Светлая тема */
        .light-theme {
            background: linear-gradient(160deg, #f8fafc 0%, #e2e8f0 100%);
            color: #1f2937;
        }
        
        .light-theme .strict-card {
            background: rgba(255, 255, 255, 0.8);
            border: 1px solid rgba(0, 0, 0, 0.08);
            color: #1f2937;
        }
        
        .light-theme .strict-nav {
            background: rgba(248, 250, 252, 0.95);
            border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        }
        
        .light-theme .strict-button-secondary {
            background: rgba(0, 0, 0, 0.05);
            border: 1px solid rgba(0, 0, 0, 0.1);
        }
        
        .light-theme .strict-button-secondary:hover {
            background: rgba(0, 0, 0, 0.1);
            border-color: rgba(0, 0, 0, 0.2);
        }
        
        .light-theme .strict-divider {
            background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.2), transparent);
        }
        
        .light-theme .strict-tabs {
            background: rgba(0, 0, 0, 0.05);
        }
        
        .light-theme .strict-progress {
            background: rgba(0, 0, 0, 0.1);
        }
        
        .light-theme .news-card,
        .light-theme .stream-card {
            background: rgba(255, 255, 255, 0.8);
            border: 1px solid rgba(0, 0, 0, 0.08);
            color: #1f2937;
        }
        
        .light-theme .menu-item:hover {
            background: rgba(59, 130, 246, 0.1);
        }
        
        .light-theme .menu-item.active {
            background: rgba(59, 130, 246, 0.2);
        }
        
        .light-theme .menu-divider {
            background: rgba(0, 0, 0, 0.1);
        }
        
        /* Светлая тема для текста в различных элементах */
        .light-theme .text-white {
            color: #1f2937 !important;
        }
        
        .light-theme .text-gray-400 {
            color: #6b7280 !important;
        }
        
        .light-theme .text-gray-300 {
            color: #4b5563 !important;
        }
        
        .light-theme .text-gray-500 {
            color: #6b7280 !important;
        }
        
        .light-theme .bg-dark-950 {
            background: #f8fafc !important;
            color: #1f2937 !important;
        }
        
        .light-theme .partner-card {
            background: rgba(255, 255, 255, 0.9) !important;
            color: #1f2937 !important;
        }
        
        .light-theme .partner-content h3 {
            color: #1f2937 !important;
        }
        
        .light-theme .partner-content p {
            color: #6b7280 !important;
        }
        
        .light-theme .compact-card {
            color: #1f2937 !important;
        }
        
        .light-theme .stream-author {
            border-top-color: rgba(0, 0, 0, 0.08);
        }
        
        .light-theme .stream-author div {
            color: #1f2937 !important;
        }
        
        .light-theme .stream-author .text-gray-400 {
            color: #6b7280 !important;
        }
        
        .light-theme .review-item {
            color: #1f2937 !important;
        }
        
        .light-theme .review-item h3 {
            color: #1f2937 !important;
        }
        
        .light-theme .review-item p {
            color: #6b7280 !important;
        }
        
        .light-theme table th {
            color: #4b5563 !important;
        }
        
        .light-theme table td {
            color: #1f2937 !important;
        }
        
        /* Стили для поиска */
        .search-container {
            position: relative;
            transition: all var(--transition-duration) ease;
        }

        .search-form {
            display: flex;
            align-items: center;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 12px;
            overflow: hidden;
            transition: all var(--transition-duration) ease;
            width: 100%;
            max-width: 400px;
        }

        .search-form:focus-within {
            border-color: #3b82f6;
            background: rgba(255, 255, 255, 0.08);
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
        }

        .search-input {
            flex: 1;
            padding: 12px 16px;
            background: transparent;
            border: none;
            color: white;
            font-size: 14px;
            font-family: inherit;
            outline: none;
            width: 100%;
        }

        .search-input::placeholder {
            color: #9ca3af;
            transition: color var(--transition-duration) ease;
        }

        .search-form:focus-within .search-input::placeholder {
            color: #6b7280;
        }

        .search-button {
            background: transparent;
            border: none;
            padding: 12px 16px;
            color: #9ca3af;
            cursor: pointer;
            transition: all var(--transition-duration) ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .search-button:hover {
            color: #3b82f6;
            background: rgba(59, 130, 246, 0.1);
        }

        .search-results {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: rgba(30, 30, 40, 0.98);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 12px;
            margin-top: 8px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
            z-index: 1000;
            max-height: 400px;
            overflow-y: auto;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s ease;
        }

        .search-results.active {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .search-result-item {
            padding: 12px 16px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            cursor: pointer;
            transition: all var(--transition-duration) ease;
            display: flex;
            align-items: center;
        }

        .search-result-item:hover {
            background: rgba(59, 130, 246, 0.1);
        }

        .search-result-item:last-child {
            border-bottom: none;
        }

        .search-result-avatar {
            width: 36px;
            height: 36px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            color: white;
            margin-right: 12px;
            flex-shrink: 0;
        }

        .search-result-content {
            flex: 1;
            min-width: 0;
        }

        .search-result-title {
            font-weight: 600;
            color: white;
            font-size: 14px;
            margin-bottom: 2px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .search-result-subtitle {
            color: #9ca3af;
            font-size: 12px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .search-result-type {
            font-size: 10px;
            padding: 2px 6px;
            border-radius: 4px;
            margin-left: 8px;
            background: rgba(59, 130, 246, 0.2);
            color: #3b82f6;
            font-weight: 600;
        }

        .no-results {
            padding: 20px;
            text-align: center;
            color: #9ca3af;
        }

        /* Стили для хлебных крошек */
        .breadcrumb {
            display: flex;
            align-items: center;
            margin-bottom: 1.5rem;
            font-size: 0.875rem;
            color: #9ca3af;
        }

        .breadcrumb-item {
            display: flex;
            align-items: center;
        }

        .breadcrumb-item:not(:last-child)::after {
            content: "/";
            margin: 0 0.5rem;
            color: #6b7280;
        }

        .breadcrumb-item a {
            color: #9ca3af;
            text-decoration: none;
            transition: color var(--transition-duration) ease;
        }

        .breadcrumb-item a:hover {
            color: #3b82f6;
        }

        .breadcrumb-item span {
            color: #3b82f6;
            font-weight: 500;
        }

        /* Стили для слайдера партнеров */
        .partners-slider {
            position: relative;
            overflow: hidden;
        }

        .partners-track {
            display: flex;
            transition: transform 0.3s ease;
            gap: 1rem;
        }

        .partner-slide {
            flex: 0 0 85%;
            min-width: 0;
        }

        .partner-card {
            background: rgba(30, 30, 40, 0.7);
            border-radius: 12px;
            padding: 1rem;
            display: flex;
            align-items: center;
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .partner-logo {
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 0.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 0.875rem;
            margin-right: 0.75rem;
            flex-shrink: 0;
        }

        .partner-content {
            flex: 1;
            margin-right: 0.75rem;
        }

        .partner-content h3 {
            font-size: 1rem;
            font-weight: bold;
            color: white;
            margin-bottom: 0.25rem;
        }

        .partner-content p {
            font-size: 0.75rem;
            color: #9ca3af;
        }

        .partner-link {
            color: #3b82f6;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .slider-dots {
            display: flex;
            justify-content: center;
            margin-top: 1rem;
            gap: 0.5rem;
        }

        .slider-dot {
            width: 0.5rem;
            height: 0.5rem;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.2);
            cursor: pointer;
            transition: all var(--transition-duration) ease;
        }

        .slider-dot.active {
            background: #3b82f6;
            transform: scale(1.2);
        }

        /* МОБИЛЬНАЯ ВЕРСИЯ */
        @media (max-width: 768px) {
            .mobile-bottom-nav {
                display: flex;
            }
            
            .mobile-menu {
                display: none;
            }
            
            .mobile-menu.active {
                display: block;
            }
            
            body {
                padding-bottom: 70px;
            }
            
            .sidebar {
                position: static;
                height: auto;
                margin-bottom: 1rem;
                width: 100% !important;
            }
            
            .main-content {
                width: 100% !important;
                margin-left: 0 !important;
            }
            
            .main-container {
                flex-direction: column;
                max-width: 100%;
            }
            
            /* Скрываем левое меню в мобильной версии */
            .sidebar {
                display: none;
            }
            
            .sidebar.mobile-active {
                display: block;
                position: fixed;
                top: var(--header-height);
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 90;
                width: 100% !important;
                height: calc(100vh - var(--header-height));
                background: #0f0f13;
                padding: 20px;
                overflow-y: auto;
            }
            
            .sidebar-placeholder {
                display: none;
            }

            /* Стили для кнопки закрытия в мобильном меню */
            .mobile-close-btn {
                display: block !important;
            }
            
            .desktop-toggle-btn {
                display: none !important;
            }

            /* Стили для поиска в мобильной версии */
            .search-container {
                position: static;
                width: auto;
                margin: 0;
                order: 2;
            }

            .search-form {
                display: none;
            }

            .mobile-search-button {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                border-radius: 10px;
                background: rgba(255, 255, 255, 0.05);
                color: #9ca3af;
                cursor: pointer;
                transition: all var(--transition-duration) ease;
                border: 1px solid rgba(255, 255, 255, 0.1);
                margin-left: 8px;
            }

            .mobile-search-button:hover {
                background: rgba(255, 255, 255, 0.1);
                color: #3b82f6;
                border-color: rgba(59, 130, 246, 0.3);
            }

            .mobile-search-form {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                height: var(--header-height);
                background: rgba(15, 15, 19, 0.98);
                backdrop-filter: blur(20px);
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                z-index: 1001;
                padding: 0 16px;
                align-items: center;
            }

            .mobile-search-form.active {
                display: flex;
                animation: slideDown 0.3s ease;
            }

            .mobile-search-input {
                flex: 1;
                background: transparent;
                border: none;
                color: white;
                font-size: 16px;
                padding: 0 16px;
                outline: none;
                height: 100%;
            }

            .mobile-search-input::placeholder {
                color: #9ca3af;
            }

            .mobile-search-close {
                background: transparent;
                border: none;
                color: #9ca3af;
                cursor: pointer;
                padding: 8px;
                border-radius: 6px;
                transition: all var(--transition-duration) ease;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .mobile-search-close:hover {
                color: white;
                background: rgba(59, 130, 246, 0.2);
            }

            .mobile-search-results {
                position: fixed;
                top: var(--header-height);
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(30, 30, 40, 0.98);
                backdrop-filter: blur(20px);
                z-index: 1000;
                overflow-y: auto;
                padding: 16px;
                display: none;
            }

            .mobile-search-results.active {
                display: block;
            }

            .search-active .logo,
            .search-active .user-actions,
            .search-active .mobile-search-button {
                display: none !important;
            }

            /* Показываем заголовки в мобильном меню всегда */
            .sidebar.mobile-active .menu-text {
                display: inline !important;
            }

            /* Хлебные крошки в мобильной версии */
            .breadcrumb {
                font-size: 0.75rem;
                margin-bottom: 1rem;
                overflow-x: auto;
                white-space: nowrap;
                padding-bottom: 0.5rem;
            }

            .breadcrumb-item:not(:last-child)::after {
                margin: 0 0.25rem;
            }

            /* Кнопка профиля в мобильной версии */
            .profile-button-mobile {
                width: 40px;
                height: 40px;
                border-radius: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            /* Перемещение кнопки поиска вправо к кнопке логина */
            .user-actions {
                display: flex;
                align-items: center;
                order: 1;
            }
            
            .logo {
                order: 0;
            }
            
            .search-container {
                order: 2;
            }
        }
        
        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Основная сетка с плавающим меню */
        .main-container {
            display: flex;
            transition: all var(--transition-duration) ease;
            max-width: 88rem;
            margin: 0 auto;
            gap: 1.5rem;
            align-items: flex-start;
        }
        
        .main-content {
            flex: 1;
            transition: all var(--transition-duration) ease;
            min-width: 0;
            padding-bottom: 1.5rem;
        }

        /* Стили для фиксированного меню при прокрутке */
        .sidebar.fixed {
            position: fixed;
            top: calc(var(--header-height) + 20px);
            z-index: 40;
        }

        .sidebar-placeholder {
            width: var(--sidebar-width);
            flex-shrink: 0;
            transition: all var(--transition-duration) ease;
        }

        .sidebar-placeholder.collapsed {
            width: var(--sidebar-collapsed-width);
        }

        /* Стили для аватаров по умолчанию */
        .default-avatar {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
        }

        /* Стили для выравнивания кнопки сворачивания меню */
        .sidebar-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1rem;
        }

        .sidebar-header.collapsed {
            justify-content: center;
        }

        /* Светлая тема для поиска */
        .light-theme .search-form {
            background: rgba(255, 255, 255, 0.9);
            border-color: rgba(0, 0, 0, 0.1);
        }

        .light-theme .search-form:focus-within {
            background: rgba(255, 255, 255, 0.95);
            border-color: #3b82f6;
        }

        .light-theme .search-input {
            color: #1f2937;
        }

        .light-theme .search-input::placeholder {
            color: #6b7280;
        }

        .light-theme .search-results {
            background: rgba(255, 255, 255, 0.98);
            border-color: rgba(0, 0, 0, 0.1);
        }

        .light-theme .search-result-item:hover {
            background: rgba(59, 130, 246, 0.08);
        }

        .light-theme .search-result-title {
            color: #1f2937;
        }

        .light-theme .search-result-subtitle {
            color: #6b7280;
        }

        .light-theme .mobile-search-form {
            background: rgba(248, 250, 252, 0.98);
        }

        .light-theme .mobile-search-input {
            color: #1f2937;
        }

        .light-theme .mobile-search-results {
            background: rgba(255, 255, 255, 0.98);
        }

        /* Десктоп версия - скрываем крестик и мобильные элементы поиска */
        @media (min-width: 769px) {
            .mobile-close-btn {
                display: none !important;
            }
            
            .desktop-toggle-btn {
                display: flex !important;
            }
            
            .mobile-search-button {
                display: none !important;
            }
            
            .mobile-search-form {
                display: none !important;
            }
            
            .search-container {
                width: 400px;
            }

            /* Исправление двойного меню в десктопной версии */
            .sidebar nav:first-of-type {
                display: block !important;
            }
            
            .sidebar nav:not(:first-of-type) {
                display: none !important;
            }
        }

        /* Скрываем элементы при активном поиске в мобильной версии */
        .search-active .logo,
        .search-active .user-actions {
            display: none !important;
        }
        
        /* Стили для достижений */
        .achievement-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
            gap: 1rem;
        }
        
        .achievement-card {
            background: rgba(30, 30, 40, 0.7);
            border-radius: 12px;
            padding: 1rem;
            text-align: center;
            border: 1px solid rgba(255, 255, 255, 0.08);
            transition: all var(--transition-duration) ease;
        }
        
        .achievement-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        }
        
        .achievement-icon {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 0.75rem;
        }
        
        .achievement-progress {
            height: 4px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 2px;
            overflow: hidden;
            margin-bottom: 0.5rem;
        }
        
        .achievement-progress-bar {
            height: 100%;
            background: linear-gradient(90deg, #3b82f6, #8b5cf6);
            border-radius: 2px;
        }
        
        /* Стили для команд */
        .current-teams {
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
        }
        
        .team-card {
            display: flex;
            align-items: center;
            padding: 0.75rem;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 8px;
        }
        
        .team-logo {
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            margin-right: 0.75rem;
        }
        
        /* Стили для компактных табов */
        .compact-tab {
            padding: 0.5rem 1rem;
            border-radius: 6px;
            cursor: pointer;
            transition: all var(--transition-duration);
            font-weight: 500;
        }
        
        .compact-tab.active {
            background: #3b82f6;
            color: white;
        }
        
        /* Стили для сетки в один ряд */
        .single-row-grid {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            gap: 0.5rem;
            align-items: center;
        }
        
        /* Стили для ввода счета */
        .score-input {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 4px;
            text-align: center;
            font-weight: 600;
        }
        
        .score-input:focus {
            outline: none;
            border-color: #3b82f6;
        }
        
        /* Стили для задач */
        .tasks-container {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }
        
        .task-item {
            background: rgba(30, 30, 40, 0.7);
            border-radius: 12px;
            padding: 1rem;
            border: 1px solid rgba(255, 255, 255, 0.08);
            transition: all var(--transition-duration) ease;
            display: flex;
            align-items: center;
            gap: 1rem;
        }
        
        .task-item:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        }
        
        .task-icon {
            width: 3rem;
            height: 3rem;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            flex-shrink: 0;
        }
        
        .task-content {
            flex: 1;
        }
        
        .task-title {
            font-weight: 600;
            font-size: 0.9rem;
            margin-bottom: 0.25rem;
            color: white;
        }
        
        .task-description {
            font-size: 0.75rem;
            color: #9ca3af;
            margin-bottom: 0.5rem;
        }
        
        .task-reward {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 0.75rem;
            color: #fbbf24;
        }
        
        .task-action {
            flex-shrink: 0;
        }
        
        .task-completed {
            opacity: 0.7;
            background: rgba(34, 197, 94, 0.1);
            border-color: rgba(34, 197, 94, 0.3);
        }
        
        /* Стили для контактов партнеров */
        .partner-contacts {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            margin-top: 0.5rem;
        }
        
        .partner-contact {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 0.75rem;
            color: #9ca3af;
        }
        
        .partner-contact a {
            color: #3b82f6;
            text-decoration: none;
            transition: color var(--transition-duration) ease;
        }
        
        .partner-contact a:hover {
            color: #60a5fa;
        }

/* Фикс: модальные окна скрываются классом .hidden */
.modal-overlay.hidden {
    display: none !important;
}

/* Фиксированная кнопка смены лиги */
.league-switcher {
    position: fixed;
    bottom: 96px;
    left: 16px;
    z-index: 45;
}

.league-switcher-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 12px;
    background: #2563eb;
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    border: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    transition: background 0.2s ease;
}

.league-switcher-btn:hover {
    background: #1d4ed8;
}

.league-switcher-panel {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 8px;
    width: 240px;
    max-height: 340px;
    overflow-y: auto;
    background: #1e1e28;
    border: 1px solid #2a2a38;
    border-radius: 12px;
    padding: 6px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
    display: none;
}

.league-switcher-panel.open {
    display: block;
}

.league-switcher-item {
    display: block;
    width: 100%;
    text-align: left;
    padding: 9px 12px;
    border-radius: 8px;
    color: #e5e7eb;
    font-size: 13px;
    cursor: pointer;
    background: transparent;
    border: none;
    transition: background 0.2s ease;
}

.league-switcher-item:hover {
    background: rgba(255, 255, 255, 0.06);
}

.league-switcher-item.active {
    background: #2563eb;
    color: #ffffff;
}

/* Пункт меню выбора лиги */
.league-menu-wrap {
    position: relative;
}

.league-menu-btn {
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.25);
    border-radius: 8px;
    cursor: pointer;
}

.league-menu-btn:hover {
    background: rgba(59, 130, 246, 0.18);
}

.league-menu-panel {
    display: none;
    margin-top: 6px;
    padding: 6px;
    background: #1e1e28;
    border: 1px solid #2a2a38;
    border-radius: 8px;
    max-height: 280px;
    overflow-y: auto;
}

.league-menu-panel.open {
    display: block;
}

/* Фиксированные размеры изображений в виджетах */
.home-match-logo {
    width: 1.7rem;
    height: 1.7rem;
}

.home-avatar {
    width: 2rem;
    height: 2rem;
}

/* Адаптивность для небольших телефонов */
@media (max-width: 480px) {
    body {
        overflow-x: hidden;
    }

    .compact-header {
        padding-left: 8px;
        padding-right: 8px;
    }

    .logo a {
        font-size: 1rem;
    }

    .logo .w-8 {
        width: 1.5rem;
        height: 1.5rem;
    }

    .user-actions .strict-button {
        padding: 6px 10px;
        font-size: 12px;
    }

    .user-actions .material-icons-outlined {
        font-size: 14px;
    }

    .main-container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .strict-card {
        padding: 1rem;
    }

    .league-switcher {
        bottom: 84px;
        left: 12px;
    }

    .league-switcher-btn {
        padding: 8px 12px;
        font-size: 12px;
    }

    .league-switcher-panel {
        width: 210px;
    }
}

/* Заголовки групп в результатах поиска */
.search-result-group-title {
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #9ca3af;
    background: rgba(255, 255, 255, 0.03);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.search-result-group-title:first-child {
    border-top: none;
}

/* Кнопка "Посмотреть все" в результатах поиска */
.search-result-view-all {
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #3b82f6;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    text-decoration: none;
    transition: background 0.2s ease;
}

.search-result-view-all:hover {
    background: rgba(59, 130, 246, 0.08);
}

/* Полная страница результатов поиска */
.sr-logo {
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
}

.sr-logo-letter {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    color: #ffffff;
    font-weight: 700;
}

.sr-team {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.sr-team:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(59, 130, 246, 0.4);
}

.sr-team-info {
    display: flex;
    flex-direction: column;
}

.sr-team-name {
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
}

.sr-team-meta {
    color: #9ca3af;
    font-size: 12px;
}

.sr-match {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    text-decoration: none;
    color: #e5e7eb;
    font-size: 14px;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.sr-match:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(59, 130, 246, 0.4);
}

.sr-match-score {
    font-weight: 700;
    color: #3b82f6;
}

.sr-match-date {
    color: #9ca3af;
    font-size: 12px;
}

.sr-review {
    display: block;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.sr-review:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(59, 130, 246, 0.4);
}

.sr-review-title {
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 2px;
}

.sr-review-date {
    color: #9ca3af;
    font-size: 12px;
}

/* Хлебные крошки (speedbar) */
.speedbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 16px;
}

.speedbar a {
    color: #9ca3af;
    text-decoration: none;
    transition: color 0.2s ease;
}

.speedbar a:hover {
    color: #3b82f6;
}

/* Навигация турнира */
.tourney-tabs-nav {
    border: 1px solid #2a2a38;
    border-radius: 12px;
    background: #1e1e28;
    padding: 4px;
}

.tourney-tab {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 13px;
    color: #9ca3af;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.tourney-tab:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.04);
}

.tourney-tab.content-filter__item--active {
    color: #ffffff;
    background: #2563eb;
}

.tourney-league-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 16px 0;
}

.tourney-league-card {
    width: 100%;
}

@media (min-width: 768px) {
    .tourney-league-card {
        width: calc(33.333% - 12px);
    }
}

.tourney-layout {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media (min-width: 1024px) {
    .tourney-layout {
        flex-direction: row;
        align-items: flex-start;
    }
}

.tourney-sidebar {
    width: 100%;
    flex-shrink: 0;
}

@media (min-width: 1024px) {
    .tourney-sidebar {
        width: 300px;
    }
}

/* Контентная колонка страниц турнира */
.col-sm-9,
.col-sm-12,
.review-page {
    flex: 1;
    min-width: 0;
}

.site-content {
    padding: 16px 0;
}

/* Таблицы турнира */
.tourney-table-wrap {
    overflow-x: auto;
}

.tourney-table {
    width: 100%;
    font-size: 13px;
    border-collapse: collapse;
}

.tourney-table thead th {
    text-align: left;
    padding: 10px 12px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #9ca3af;
    border-bottom: 1px solid #2a2a38;
    white-space: nowrap;
}

.tourney-table tbody td {
    padding: 10px 12px;
    border-bottom: 1px solid #22222c;
    color: #e5e7eb;
}

.tourney-table tbody tr:hover {
    background: rgba(255, 255, 255, 0.03);
}

.tourney-table a {
    color: #e5e7eb;
    text-decoration: none;
    transition: color 0.2s ease;
}

.tourney-table a:hover {
    color: #60a5fa;
}

.tac {
    text-align: center;
}

.mobile_hide,
.hide_mobile {
}

@media (max-width: 768px) {
    .mobile_hide,
    .hide_mobile {
        display: none;
    }
}

/* Кнопки кругов */
.tourney-lap-btn {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 13px;
    color: #9ca3af;
    background: #1e1e28;
    border: 1px solid #2a2a38;
    text-decoration: none;
    transition: all 0.2s ease;
}

.tourney-lap-btn:hover {
    color: #ffffff;
    background: #2a2a38;
}

.tourney-lap-btn.active {
    color: #ffffff;
    background: #2563eb;
    border-color: #2563eb;
}

/* Поиск в таблицах */
.tourney-search {
    width: 100%;
    max-width: 320px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #3a3a4a;
    background: #15151d;
    color: #e5e7eb;
    font-size: 14px;
    font-family: inherit;
}

.tourney-search:focus {
    outline: none;
    border-color: #3b82f6;
}

/* Информационные таблицы (общая информация) */
.tourney-info-table {
    width: 100%;
    font-size: 14px;
}

.tourney-info-table td {
    padding: 8px 12px;
    border-bottom: 1px solid #22222c;
}

.tourney-info-table td:first-child {
    color: #9ca3af;
    width: 45%;
}

/* Карточки команд (участники) */
.team-card-item:hover {
    transform: translateY(-2px);
    border-color: #3b82f6;
}

/* Сетка списка турниров */
.tourney-list-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

/* Сетка плей-офф (bracket) */
.tournament-bracket {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    padding-bottom: 16px;
}

.tournament-bracket__round {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 220px;
}

.tournament-bracket__round-title {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #9ca3af;
    margin: 0 0 4px;
}

.tournament-bracket__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.tournament-bracket__match {
    background: #1e1e28;
    border: 1px solid #2a2a38;
    border-radius: 10px;
    padding: 8px;
}

.tournament-bracket__caption {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 11px;
    color: #9ca3af;
    padding: 0 6px 4px;
}

.tournament-bracket__caption a {
    color: #9ca3af;
    text-decoration: none;
}

.tournament-bracket__caption a:hover {
    color: #60a5fa;
}

.tournament-bracket__table {
    width: 100%;
    border-collapse: collapse;
}

.tournament-bracket__country {
    padding: 4px 6px;
    color: #e5e7eb;
    font-size: 13px;
}

.tournament-bracket__score {
    text-align: right;
    padding: 4px 6px;
    white-space: nowrap;
}

.tournament-bracket__number {
    color: #ffffff;
    font-weight: 600;
}

.tournament-bracket__team.winner .tournament-bracket__country,
.tournament-bracket__team.winner .tournament-bracket__number {
    color: #60a5fa;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.float-right {
    float: right;
}

/* Формы (совместимость с Bootstrap-классами) */
.form-control {
    width: 100%;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #3a3a4a;
    background: #15151d;
    color: #e5e7eb;
    font-size: 14px;
    font-family: inherit;
}

.form-control:focus {
    outline: none;
    border-color: #3b82f6;
}

.form-group {
    margin-bottom: 12px;
}

.btn {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid transparent;
}

.btn-primary {
    background: #2563eb;
    color: #ffffff;
}

.btn-primary:hover {
    background: #1d4ed8;
}

.btn-success {
    background: #16a34a;
    color: #ffffff;
}

.btn-danger {
    background: #dc2626;
    color: #ffffff;
}

.btn-sm {
    padding: 5px 12px;
    font-size: 12px;
}

.btn-block {
    display: block;
    width: 100%;
}

/* Сетка Bootstrap (совместимость) */
.col-xs-12,
.col-sm-12,
.col-md-12 {
    width: 100%;
}

.col-sm-6,
.col-md-4,
.col-md-6 {
    width: 100%;
}

@media (min-width: 768px) {
    .col-sm-6 {
        width: 50%;
    }

    .col-md-4 {
        width: 33.333%;
    }

    .col-md-6 {
        width: 50%;
    }
}

/* Сетка списка новостей */
.news-list-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

/* Пагинация */
.dle-navigation {
    padding: 20px 0;
    grid-column: 1 / -1;
}

.dle-nav-pages {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
}

.dle-nav-pages a,
.dle-nav-pages span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    border-radius: 10px;
    font-size: 14px;
    margin: 0 2px;
}

.dle-nav-pages a {
    color: #e5e7eb;
    background: #1e1e28;
    border: 1px solid #2a2a38;
    text-decoration: none;
    transition: all 0.2s ease;
}

.dle-nav-pages a:hover {
    background: #2a2a38;
    color: #ffffff;
    border-color: #3b82f6;
}

.dle-nav-pages span {
    color: #ffffff;
    background: #2563eb;
    font-weight: 600;
}

.dle-nav-pages span.nav_ext {
    background: transparent;
    border: none;
    color: #9ca3af;
    min-width: auto;
    padding: 0 4px;
}

/* ============================================
   СТРАНИЦА КОМАНДЫ (дизайн по .team)
   ============================================ */

/* Градиенты для цветов */
.gradient-blue { background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); }
.gradient-red { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); }
.gradient-green { background: linear-gradient(135deg, #10b981 0%, #059669 100%); }
.gradient-purple { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); }
.gradient-yellow { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); }
.gradient-indigo { background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); }
.gradient-pink { background: linear-gradient(135deg, #ec4899 0%, #db2777 100%); }
.gradient-teal { background: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%); }
.gradient-orange { background: linear-gradient(135deg, #f97316 0%, #ea580c 100%); }
.gradient-cyan { background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); }

/* Универсальные классы для аватаров и иконок */
.avatar-circle {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: bold;
}

.avatar-sm { width: 2rem; height: 2rem; font-size: 0.75rem; }
.avatar-md { width: 2.5rem; height: 2.5rem; font-size: 0.875rem; }
.avatar-lg { width: 3rem; height: 3rem; font-size: 1rem; }

.icon-sm { width: 1.5rem; height: 1.5rem; font-size: 0.75rem; }
.icon-md { width: 2rem; height: 2rem; font-size: 1rem; }
.icon-lg { width: 2.5rem; height: 2.5rem; font-size: 1.25rem; }

/* Компактные классы для отступов и текста */
.p-compact { padding: 0.75rem; }
.px-compact { padding-left: 0.75rem; padding-right: 0.75rem; }
.py-compact { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.text-compact { font-size: 0.875rem; }
.text-xs-compact { font-size: 0.75rem; }

/* Карточка матча */
.card-match { border-left-width: 4px; }
.card-match-blue { border-left-color: #3b82f6; }
.card-match-red { border-left-color: #ef4444; }
.card-match-green { border-left-color: #10b981; }
.card-match-purple { border-left-color: #8b5cf6; }

/* Фоновые градиенты для потоков */
.stream-bg-red { background: linear-gradient(to right, rgba(239, 68, 68, 0.3), rgba(220, 38, 38, 0.3)); }
.stream-bg-blue { background: linear-gradient(to right, rgba(59, 130, 246, 0.3), rgba(37, 99, 235, 0.3)); }
.stream-bg-purple { background: linear-gradient(to right, rgba(139, 92, 246, 0.3), rgba(124, 58, 237, 0.3)); }

/* Фото игрока */
.player-photo {
    width: 96px;
    height: 96px;
    object-fit: cover;
    border-radius: 12px;
    background: linear-gradient(135deg, #1e1e28 0%, #2a2a38 100%);
}

.player-photo-modal img {
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
    .player-photo {
        width: 72px;
        height: 72px;
    }
}

/* Карточка игрока (состав / дозаявки / фанаты) */
.player-card {
    position: relative;
    background: rgba(30, 30, 40, 0.7);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 1rem;
    text-align: center;
    transition: all var(--transition-duration) ease;
}

.player-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    border-color: rgba(59, 130, 246, 0.3);
}

.player-card-status {
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 10px;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(59, 130, 246, 0.9);
    color: #ffffff;
    font-weight: 600;
    z-index: 1;
    white-space: nowrap;
}

.player-card-status .green {
    color: #86efac;
}

.player-card-status .blue {
    color: #bfdbfe;
}

.player-card .btn,
.player-card a.btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    padding: 5px 12px;
    border-radius: 6px;
    color: #e5e7eb;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-decoration: none;
    transition: all 0.3s ease;
    margin: 2px;
}

.player-card .btn:hover,
.player-card a.btn:hover {
    background: rgba(59, 130, 246, 0.15);
    border-color: rgba(59, 130, 246, 0.4);
    color: #ffffff;
}

/* Шестеренка управления игроком */
.player-gear-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #9ca3af;
    cursor: pointer;
    transition: all var(--transition-duration) ease;
    z-index: 2;
}

.player-gear-btn:hover {
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
    border-color: rgba(59, 130, 246, 0.4);
}

.player-gear-menu {
    position: absolute;
    top: 40px;
    right: 8px;
    width: 180px;
    background: #1e1e28;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 4px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
    z-index: 40;
    text-align: left;
}

.player-gear-item {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    text-align: left;
    padding: 8px 10px;
    font-size: 0.75rem;
    color: #f8fafc;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.3s ease;
    margin: 0;
}

.player-gear-item:hover {
    background: rgba(255, 255, 255, 0.06);
}

.player-gear-item.danger {
    color: #f87171;
}

.player-gear-item.danger:hover {
    background: rgba(239, 68, 68, 0.1);
}

.player-gear-divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
    margin: 6px 4px;
}

.player-gear-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    font-size: 0.7rem;
    color: #9ca3af;
    line-height: 1.4;
}

.player-gear-meta .material-icons-outlined {
    font-size: 0.9rem;
    color: #6b7280;
}

.team-staff-divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.06);
}

/* Страница редактирования команды */
.edit-file-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px dashed rgba(255, 255, 255, 0.2);
    color: #9ca3af;
    font-size: 0.75rem;
    cursor: pointer;
    transition: all var(--transition-duration) ease;
}

.edit-file-label:hover {
    border-color: #3b82f6;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.1);
}

.edit-file-label input {
    display: none;
}

.team-role-badge {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
    font-size: 0.68rem;
    font-weight: 600;
    margin-top: 4px;
}

/* Результаты поиска игроков */
.search-user-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #e5e7eb;
    font-size: 0.8rem;
    text-align: left;
    cursor: pointer;
    transition: all var(--transition-duration) ease;
}

.search-user-item:hover {
    background: rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.35);
    color: #ffffff;
}

.search-user-foto {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
}

.search-user-name {
    display: block;
    color: #e5e7eb;
    font-size: 0.8rem;
}

.search-user-birth {
    display: block;
    color: #9ca3af;
    font-size: 0.7rem;
    margin-top: 2px;
}

.search-user-item .material-icons-outlined {
    color: #3b82f6;
}

/* Замена фото игрока внутри шестерёнки */
.player-gear-menu .edit-file-label {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 2px 0;
    padding: 8px 10px;
    font-size: 0.75rem;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #f8fafc;
    cursor: pointer;
    transition: background 0.3s ease;
}

.player-gear-menu .edit-file-label:hover {
    background: rgba(255, 255, 255, 0.06);
}

.player-gear-menu .edit-file-label input {
    display: none;
}

/* Логотип спонсора */
.partner-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

/* Профиль пользователя (userinfo.tpl) */
.timezoneselect,
.twofactorselect,
select.form-control {
    width: 100%;
    padding: 9px 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #f8fafc;
    font-size: 0.8rem;
    outline: none;
}

.timezoneselect:focus,
.twofactorselect:focus,
select.form-control:focus {
    border-color: #3b82f6;
}

.timezoneselect option,
.twofactorselect option {
    background: #1e1e28;
    color: #f8fafc;
}

.xfields {
    width: 100%;
    border-collapse: collapse;
}

.xfields td {
    padding: 6px 0;
    color: #e5e7eb;
    font-size: 0.8rem;
    vertical-align: middle;
}

.xfields input[type="text"],
.xfields input[type="password"],
.xfields select,
.xfields textarea {
    width: 100%;
    padding: 9px 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #f8fafc;
    font-size: 0.8rem;
    outline: none;
}

.xfields input:focus,
.xfields select:focus,
.xfields textarea:focus {
    border-color: #3b82f6;
}

.ignore-list-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    margin: 2px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.profile-team-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.07);
    font-size: 0.8rem;
}

.profile-team-item .material-icons-outlined {
    color: #3b82f6;
    flex-shrink: 0;
}

.profile-team-item span:nth-child(2) {
    flex: 1;
    min-width: 0;
}

/* Навигация по турниру (страницы редактирования) */
.tourney-nav {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.tourney-nav-link {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #e5e7eb;
    font-size: 0.75rem;
    text-decoration: none;
    transition: all var(--transition-duration) ease;
}

.tourney-nav-link:hover {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.35);
    color: #ffffff;
}

.tourney-nav-sep {
    width: 1px;
    height: 18px;
    background: rgba(255, 255, 255, 0.12);
    margin: 0 4px;
}

/* Иконка уведомления (info.tpl / msgbox) */
.info-icon {
    width: 56px;
    height: 56px;
}

/* Шахматка: подсветка строки и столбца при наведении */
.tourney-table tr.shakhmat-row-active td {
    background: rgba(59, 130, 246, 0.08);
}

.tourney-table td.shakhmat-col-active {
    background: rgba(59, 130, 246, 0.08);
}

.tourney-table td.shakhmat-col-active.shakhmat-row-active {
    background: rgba(59, 130, 246, 0.18);
}

/* Редактирование матча */
.add_address {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #e5e7eb;
    font-size: 0.75rem;
    cursor: pointer;
    transition: all var(--transition-duration) ease;
}

.add_address:hover {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.35);
    color: #ffffff;
}

.remove_address {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 8px;
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.2);
    color: #fca5a5;
    font-size: 0.75rem;
    cursor: pointer;
    transition: all var(--transition-duration) ease;
}

.remove_address:hover {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.4);
    color: #ffffff;
}

/* Статистика матча: сетка полей игрока */
.stat-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
}

@media (max-width: 768px) {
    .stat-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.stat_input input[type="checkbox"] {
    accent-color: #3b82f6;
}

.team-stat-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

/* Сообщение о сохранении */
#saveResultMsg.success-message {
    border-color: rgba(16, 185, 129, 0.3);
    background: rgba(16, 185, 129, 0.08);
    color: #86efac;
}

#saveResultMsg.error-message {
    border-color: rgba(239, 68, 68, 0.3);
    background: rgba(239, 68, 68, 0.08);
    color: #fca5a5;
}

/* Выпадающий список с поиском (судья/секретарь) */
.searchable-select {
    position: relative;
}

.searchable-select-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 9px 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #f8fafc;
    font-size: 0.8rem;
    text-align: left;
    cursor: pointer;
    transition: all var(--transition-duration) ease;
}

.searchable-select-btn:hover,
.searchable-select-btn:focus {
    border-color: #3b82f6;
    outline: none;
}

.searchable-select-btn .material-icons-outlined {
    color: #9ca3af;
    font-size: 1rem;
    flex-shrink: 0;
}

.searchable-select-dropdown {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 50;
    background: #1e1e28;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
    padding: 6px;
}

.searchable-select-search {
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 6px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #f8fafc;
    font-size: 0.75rem;
    outline: none;
}

.searchable-select-search:focus {
    border-color: #3b82f6;
}

.searchable-select-search::placeholder {
    color: #6b7280;
}

.searchable-select-list {
    max-height: 240px;
    overflow-y: auto;
}

.searchable-select-option {
    display: block;
    width: 100%;
    text-align: left;
    padding: 8px 10px;
    border-radius: 6px;
    background: transparent;
    border: none;
    color: #e5e7eb;
    font-size: 0.75rem;
    cursor: pointer;
    transition: background 0.3s ease;
}

.searchable-select-option:hover {
    background: rgba(59, 130, 246, 0.12);
    color: #ffffff;
}

.searchable-select-option.selected {
    background: rgba(59, 130, 246, 0.18);
    color: #60a5fa;
    font-weight: 600;
}

/* Страница матча: крупный счёт */
.match-score .game-result__score-result {
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1;
}

.match-score .game-result__score-result--winner {
    color: #34d399;
}

.match-score .game-result__score-result--loser {
    color: #f87171;
}

.match-score .game-result__score-dash {
    color: #6b7280;
    font-size: 2rem;
    font-weight: 700;
    margin: 0 6px;
}

/* Лучшие игроки матча: номер места */
.best-player-rank {
    position: absolute;
    top: -6px;
    left: -6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #3b82f6;
    color: #ffffff;
    font-size: 0.65rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

/* Компактная статистика игрока */
.player-stats {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.7rem;
    font-weight: 600;
    color: #9ca3af;
    white-space: nowrap;
}

.ps-sep {
    color: #4b5563;
    font-weight: 400;
}

.ps-total {
    color: #60a5fa;
    font-size: 0.8rem;
    font-weight: 700;
}

.roster-table tbody td {
    padding: 5px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.roster-table tbody tr:last-child td {
    border-bottom: none;
}

/* Лучшие по амплуа */
.role-badge {
    position: absolute;
    top: -6px;
    left: -6px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 999px;
    background: #3b82f6;
    color: #ffffff;
    font-size: 0.6rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.mvp-card {
    border-color: rgba(245, 158, 11, 0.35) !important;
    background: rgba(245, 158, 11, 0.06) !important;
}

.mvp-card .role-badge {
    background: #f59e0b;
}

/* Карточка MVP на всю ширину */
.mvp-trophy {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}

.mvp-trophy .material-icons-outlined {
    font-size: 2.2rem;
}

.mvp-fullwidth {
    border-color: rgba(245, 158, 11, 0.4) !important;
    background: rgba(245, 158, 11, 0.06) !important;
}

/* Спонсор матча (заглушка) */
.match-sponsor-placeholder {
    min-height: 240px;
    border: 2px dashed rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.03);
}

/* Кнопка «Смотреть» (трансляция матча) */
.stream-watch-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 10px;
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(220, 38, 38, 0.35);
    transition: all var(--transition-duration) ease;
}

.stream-watch-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(220, 38, 38, 0.45);
    color: #ffffff;
}

.stream-watch-btn .material-icons-outlined {
    font-size: 1.2rem;
}

.stream-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffffff;
    animation: stream-live-pulse 1.2s ease-in-out infinite;
}

@keyframes stream-live-pulse {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.5;
        transform: scale(0.75);
    }
}

/* Карточка трансляции на главной (структура из .other, тёмная тема) */
.stream-card {
    padding: 16px;
    position: relative;
}

.stream-thumb {
    border-radius: 12px;
    height: 140px;
    background: linear-gradient(135deg, #0b1220 0%, #1c2c4d 100%);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    overflow: hidden;
    transition: all var(--transition-duration) ease;
}

a.block:hover .stream-thumb {
    background: linear-gradient(135deg, #111c33 0%, #223c66 100%);
}

.stream-thumb .material-icons-outlined {
    font-size: 46px;
    color: rgba(255, 255, 255, 0.85);
}

.badge-live {
    position: absolute;
    top: 10px;
    left: 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 9px;
    border-radius: 999px;
    z-index: 1;
}

.badge-live .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ef4444;
    animation: stream-live-pulse 1.4s infinite;
}

.badge-live.badge-soon {
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
}

.badge-live .dot.dot-soon {
    background: #3b82f6;
    animation: none;
}

.stream-thumb .viewers {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 999px;
    display: flex;
    gap: 4px;
    align-items: center;
}

.stream-person {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.avatar-round {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    flex-shrink: 0;
}

/* Название команды в карточке матча: перенос до 2 строк */
.match-team-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.25;
    word-break: break-word;
    min-width: 0;
}

/* Буква-аватар команды в карточке трансляции */
.stream-team-letter {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
}

/* Шапка команды */
.team-header-logo {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    font-weight: 800;
    font-size: 1.5rem;
    color: #ffffff;
}

.team-header-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-stats-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin-top: 1.25rem;
}

@media (min-width: 768px) {
    .team-stats-row {
        grid-template-columns: repeat(6, 1fr);
    }
}

.team-stat {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    padding: 0.75rem 0.5rem;
    text-align: center;
}

.team-stat-value {
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}

.team-stat-label {
    font-size: 0.7rem;
    color: #9ca3af;
    margin-top: 2px;
}

/* Выпадающее меню настроек команды */
.team-dropdown {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    width: 240px;
    background: #1e1e28;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 6px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
    z-index: 40;
}

.team-dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    text-align: left;
    padding: 9px 12px;
    font-size: 0.8rem;
    color: #f8fafc;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.3s ease;
}

.team-dropdown-item:hover {
    background: rgba(255, 255, 255, 0.06);
}

.team-dropdown-item.danger {
    color: #f87171;
}

.team-dropdown-item.danger:hover {
    background: rgba(239, 68, 68, 0.1);
}

/* Таблицы (таблица лиги, статистика игроков, календарь) */
.team-table {
    width: 100%;
    font-size: 0.8rem;
    border-collapse: collapse;
}

.team-table thead th {
    text-align: left;
    padding: 8px 10px;
    color: #9ca3af;
    font-weight: 500;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.team-table tbody td {
    padding: 8px 10px;
    color: #e5e7eb;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.team-table tbody tr:last-child td {
    border-bottom: none;
}

.team-table tbody tr:hover {
    background: rgba(255, 255, 255, 0.03);
}

.team-table td.tac,
.team-table th.tac {
    text-align: center;
}

.team-table tbody tr td[colspan] {
    background: rgba(255, 255, 255, 0.03);
    color: #9ca3af;
    font-weight: 600;
    text-align: center;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.team-table tr.b {
    background: rgba(59, 130, 246, 0.08);
}

.team-table tr.b td {
    color: #60a5fa;
    font-weight: 600;
}

.team-table a {
    color: #e5e7eb;
    text-decoration: none;
    transition: color 0.2s ease;
}

.team-table a:hover {
    color: #3b82f6;
}

/* Последний матч — счёт (обёртка из last_match.php) */
.team-last-match .game-result__score-result {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
}

.team-last-match .game-result__score-result--winner {
    color: #34d399;
}

.team-last-match .game-result__score-result--loser {
    color: #f87171;
}

.team-last-match .game-result__score-dash {
    color: #6b7280;
    margin: 0 2px;
    font-weight: 600;
}

/* Информация о команде */
.team-info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 0.85rem;
    gap: 12px;
}

.team-info-row:last-child {
    border-bottom: none;
}

.team-info-label {
    color: #9ca3af;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.team-info-label .material-icons-outlined {
    font-size: 1rem;
}

.team-info-value {
    color: #f8fafc;
    font-weight: 500;
    text-align: right;
    word-break: break-word;
}

.team-info-value a {
    color: #3b82f6;
    text-decoration: none;
}

.team-info-value a:hover {
    color: #60a5fa;
}

/* Руководство команды */
.team-staff-row {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.team-staff-row:last-child {
    border-bottom: none;
}

.team-staff-badge {
    display: inline-block;
    font-size: 0.65rem;
    padding: 2px 10px;
    border-radius: 999px;
    margin-top: 4px;
}

/* Контактные карточки (капитан / менеджер) */
.team-contact-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    margin-top: 10px;
}

.team-contact-card img {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
}

.team-contact-card a {
    color: #3b82f6;
    text-decoration: none;
}

.team-contact-card a:hover {
    color: #60a5fa;
}

.team-contact-meta {
    font-size: 0.75rem;
    color: #9ca3af;
    margin-top: 2px;
    line-height: 1.5;
}

.team-contact-meta li {
    list-style: none;
}