/* ========================================
   СИСТЕМА ТЕМ
   ======================================== */

/* === THEME DEFAULT (Текущая основная тема) === */
/* Дефолтная тема использует стили из style.css без изменений */

/* === THEME HACKER GREEN === */
body.theme-hacker-green {
  background: #000000 !important;
  color: #00ff00 !important;
}

body.theme-hacker-green * {
  color: #00ff00;
}

body.theme-hacker-green .header {
  background: linear-gradient(135deg, #001100 0%, #003300 100%) !important;
  border-bottom: 2px solid #00ff00;
}

body.theme-hacker-green .section {
  background: #001100 !important;
  border: 1px solid #00ff00;
}

body.theme-hacker-green .event-card {
  background: linear-gradient(135deg, #002200 0%, #004400 100%) !important;
  border: 2px solid #00ff00 !important;
  box-shadow: 0 0 15px rgba(0, 255, 0, 0.3);
}

body.theme-hacker-green .event-card:hover {
  box-shadow: 0 0 25px rgba(0, 255, 0, 0.5);
  transform: translateY(-2px);
}

body.theme-hacker-green .match-card {
  background: #003300 !important;
  border: 1px solid #00ff00 !important;
  color: #00ff00 !important;
}

body.theme-hacker-green button,
body.theme-hacker-green .btn {
  background: linear-gradient(135deg, #00aa00 0%, #00ff00 100%) !important;
  color: #000000 !important;
  border: 1px solid #00ff00 !important;
  font-weight: bold;
}

body.theme-hacker-green input,
body.theme-hacker-green select,
body.theme-hacker-green textarea {
  background: #001100 !important;
  border: 1px solid #00ff00 !important;
  color: #00ff00 !important;
}

body.theme-hacker-green .modal-content {
  background: #000000 !important;
  border: 2px solid #00ff00 !important;
}

body.theme-hacker-green .user-profile-modal {
  background: #001100 !important;
  border: 2px solid #00ff00 !important;
}

/* === THEME SOLARIZED === */
body.theme-solarized {
  background: #002b36 !important;
  color: #93a1a1 !important;
}

body.theme-solarized .header {
  background: linear-gradient(135deg, #073642 0%, #002b36 100%) !important;
  border-bottom: 2px solid #268bd2;
}

body.theme-solarized .section {
  background: #073642 !important;
  border: 1px solid #586e75;
}

body.theme-solarized .event-card {
  background: linear-gradient(135deg, #073642 0%, #0d4a5f 100%) !important;
  border: 2px solid #268bd2 !important;
  color: #93a1a1 !important;
}

body.theme-solarized .match-card {
  background: #0d4a5f !important;
  border-left: 4px solid #2aa198 !important;
  color: #93a1a1 !important;
}

body.theme-solarized button,
body.theme-solarized .btn {
  background: linear-gradient(135deg, #268bd2 0%, #2aa198 100%) !important;
  color: #fdf6e3 !important;
}

body.theme-solarized input,
body.theme-solarized select,
body.theme-solarized textarea {
  background: #073642 !important;
  border: 1px solid #586e75 !important;
  color: #93a1a1 !important;
}

body.theme-solarized .modal-content {
  background: #002b36 !important;
  border: 2px solid #268bd2 !important;
}

body.theme-solarized .user-profile-modal {
  background: #073642 !important;
  border: 2px solid #268bd2 !important;
}

/* === THEME MATRIX === */
body.theme-matrix {
  font-family: "Courier New", monospace;
  background: #000000 !important;
  color: #00ff41 !important;
}

body.theme-matrix * {
  font-family: "Courier New", monospace;
}

body.theme-matrix .header {
  background: linear-gradient(135deg, #000000 0%, #001a00 100%) !important;
  box-shadow: 0 4px 6px rgba(0, 255, 65, 0.5);
  border-bottom: 3px solid #00ff41;
}

body.theme-matrix .section {
  background: #000a00 !important;
  border: 2px solid #00ff41;
  box-shadow: 0 0 20px rgba(0, 255, 65, 0.3);
}

body.theme-matrix .event-card {
  background: linear-gradient(135deg, #001100 0%, #002200 100%) !important;
  border: 2px solid #00ff41 !important;
  box-shadow: 0 0 20px rgba(0, 255, 65, 0.4);
  color: #00ff41 !important;
}

body.theme-matrix .event-card:hover {
  box-shadow: 0 0 30px rgba(0, 255, 65, 0.7);
  transform: scale(1.02);
}

body.theme-matrix .match-card {
  background: #001a00 !important;
  border: 2px solid #00ff41 !important;
  box-shadow: 0 0 10px rgba(0, 255, 65, 0.3);
  color: #00ff41 !important;
}

body.theme-matrix button,
body.theme-matrix .btn {
  background: linear-gradient(135deg, #00dd33 0%, #00ff41 100%) !important;
  color: #000000 !important;
  box-shadow: 0 0 15px rgba(0, 255, 65, 0.6);
  border: 2px solid #00ff41 !important;
  font-weight: bold;
}

body.theme-matrix input,
body.theme-matrix select,
body.theme-matrix textarea {
  background: #000a00 !important;
  border: 2px solid #00ff41 !important;
  color: #00ff41 !important;
}

body.theme-matrix .modal-content {
  background: #000000 !important;
  border: 3px solid #00ff41 !important;
  box-shadow: 0 0 30px rgba(0, 255, 65, 0.5);
}

body.theme-matrix .user-profile-modal {
  background: #001100 !important;
  border: 3px solid #00ff41 !important;
  box-shadow: 0 0 30px rgba(0, 255, 65, 0.5);
}

/* === THEME CYBERPUNK === */
body.theme-cyberpunk {
  background: #0a0014 !important;
  color: #00ffff !important;
}

body.theme-cyberpunk .header {
  background: linear-gradient(
    135deg,
    #1a0a2e 0%,
    #ff00ff 20%,
    #00ffff 80%,
    #1a0a2e 100%
  ) !important;
  box-shadow: 0 4px 20px rgba(255, 0, 255, 0.6);
  border-bottom: 3px solid #ff00ff;
}

body.theme-cyberpunk .section {
  background: linear-gradient(135deg, #16213e 0%, #1a0a2e 100%) !important;
  border: 2px solid #ff00ff;
  box-shadow: 0 0 30px rgba(255, 0, 255, 0.3);
}

body.theme-cyberpunk .event-card {
  background: linear-gradient(
    135deg,
    #1a0a2e 0%,
    #16213e 50%,
    #1a0a2e 100%
  ) !important;
  border: 2px solid #ff00ff !important;
  box-shadow: 0 0 25px rgba(255, 0, 255, 0.5),
    inset 0 0 20px rgba(0, 255, 255, 0.2);
  color: #00ffff !important;
}

body.theme-cyberpunk .event-card:hover {
  box-shadow: 0 0 40px rgba(255, 0, 255, 0.8),
    inset 0 0 30px rgba(0, 255, 255, 0.3);
  border-color: #00ffff;
}

body.theme-cyberpunk .match-card {
  background: linear-gradient(135deg, #16213e 0%, #2d1b4e 100%) !important;
  border-left: 4px solid #ff00ff !important;
  border-right: 2px solid #00ffff !important;
  box-shadow: 0 0 15px rgba(255, 0, 255, 0.4);
  color: #00ffff !important;
}

body.theme-cyberpunk button,
body.theme-cyberpunk .btn {
  background: linear-gradient(135deg, #ff00ff 0%, #00ffff 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 0 20px rgba(255, 0, 255, 0.7);
  border: 2px solid #ff00ff !important;
  font-weight: bold;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

body.theme-cyberpunk button:hover,
body.theme-cyberpunk .btn:hover {
  background: linear-gradient(135deg, #00ffff 0%, #ff00ff 100%) !important;
  box-shadow: 0 0 30px rgba(0, 255, 255, 0.8);
}

body.theme-cyberpunk input,
body.theme-cyberpunk select,
body.theme-cyberpunk textarea {
  background: #0a0014 !important;
  border: 2px solid #ff00ff !important;
  color: #00ffff !important;
}

body.theme-cyberpunk .modal-content {
  background: linear-gradient(135deg, #0a0014 0%, #1a0a2e 100%) !important;
  border: 3px solid #ff00ff !important;
  box-shadow: 0 0 40px rgba(255, 0, 255, 0.6);
}

body.theme-cyberpunk .user-profile-modal {
  background: linear-gradient(135deg, #0a0014 0%, #1a0a2e 100%) !important;
  border: 3px solid #ff00ff !important;
  box-shadow: 0 0 40px rgba(255, 0, 255, 0.6);
}

/* === THEME LEAGUE CHAMPIONS === */
body.theme-leagueChampions {
  background: #0a1428 !important;
  color: #e8e8e8 !important;
}

body.theme-leagueChampions .header {
  background: linear-gradient(
    135deg,
    #162447 0%,
    #1b9ce5 50%,
    #162447 100%
  ) !important;
  border-bottom: 3px solid #1b9ce5;
  box-shadow: 0 4px 15px rgba(27, 156, 229, 0.5);
}

body.theme-leagueChampions .section {
  background: linear-gradient(135deg, #162447 0%, #1f4068 100%) !important;
  border: 2px solid #1b9ce5;
}

body.theme-leagueChampions .event-card {
  background: linear-gradient(135deg, #1f4068 0%, #2a5c8a 100%) !important;
  border: 3px solid #1b9ce5 !important;
  box-shadow: 0 6px 20px rgba(27, 156, 229, 0.4);
  color: #e8e8e8 !important;
}

body.theme-leagueChampions .event-card:hover {
  box-shadow: 0 8px 30px rgba(27, 156, 229, 0.6);
  transform: translateY(-3px);
  border-color: #00d9ff;
}

body.theme-leagueChampions .match-card {
  background: linear-gradient(135deg, #1f4068 0%, #2a5c8a 100%) !important;
  border-left: 5px solid #1b9ce5 !important;
  color: #e8e8e8 !important;
}

body.theme-leagueChampions button,
body.theme-leagueChampions .btn {
  background: linear-gradient(135deg, #1b9ce5 0%, #00d9ff 100%) !important;
  color: #ffffff !important;
  font-weight: 700;
  border: 2px solid #1b9ce5 !important;
  box-shadow: 0 4px 15px rgba(27, 156, 229, 0.5);
}

body.theme-leagueChampions button:hover,
body.theme-leagueChampions .btn:hover {
  background: linear-gradient(135deg, #00d9ff 0%, #1b9ce5 100%) !important;
  box-shadow: 0 6px 20px rgba(27, 156, 229, 0.7);
}

body.theme-leagueChampions input,
body.theme-leagueChampions select,
body.theme-leagueChampions textarea {
  background: #162447 !important;
  border: 2px solid #1b9ce5 !important;
  color: #e8e8e8 !important;
}

body.theme-leagueChampions .modal-content {
  background: #0a1428 !important;
  border: 3px solid #1b9ce5 !important;
  box-shadow: 0 0 30px rgba(27, 156, 229, 0.4);
}

body.theme-leagueChampions .user-profile-modal {
  background: #162447 !important;
  border: 3px solid #1b9ce5 !important;
  box-shadow: 0 0 30px rgba(27, 156, 229, 0.4);
}

/* === THEME LEAGUE EUROPE === */
body.theme-leagueEurope {
  background: #0f1419 !important;
  color: #ffffff !important;
}

body.theme-leagueEurope .header {
  background: linear-gradient(
    135deg,
    #1a1f2e 0%,
    #ffd700 50%,
    #1a1f2e 100%
  ) !important;
  border-bottom: 4px solid #ffd700;
  box-shadow: 0 4px 20px rgba(255, 215, 0, 0.6);
}

body.theme-leagueEurope .section {
  background: linear-gradient(135deg, #1a1f2e 0%, #252d3d 100%) !important;
  border: 2px solid #ffd700;
}

body.theme-leagueEurope .event-card {
  background: linear-gradient(135deg, #252d3d 0%, #3a4556 100%) !important;
  border: 3px solid #ffd700 !important;
  box-shadow: 0 6px 25px rgba(255, 215, 0, 0.5);
  color: #ffffff !important;
}

body.theme-leagueEurope .event-card:hover {
  box-shadow: 0 8px 35px rgba(255, 215, 0, 0.7);
  transform: translateY(-3px);
  border-color: #ffed4e;
}

body.theme-leagueEurope .match-card {
  background: linear-gradient(135deg, #252d3d 0%, #3a4556 100%) !important;
  border-left: 5px solid #ffd700 !important;
  color: #ffffff !important;
}

body.theme-leagueEurope button,
body.theme-leagueEurope .btn {
  background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%) !important;
  color: #000000 !important;
  font-weight: 700;
  border: 2px solid #ffd700 !important;
  box-shadow: 0 4px 20px rgba(255, 215, 0, 0.6);
}

body.theme-leagueEurope button:hover,
body.theme-leagueEurope .btn:hover {
  background: linear-gradient(135deg, #ffed4e 0%, #ffd700 100%) !important;
  box-shadow: 0 6px 25px rgba(255, 215, 0, 0.8);
}

body.theme-leagueEurope input,
body.theme-leagueEurope select,
body.theme-leagueEurope textarea {
  background: #1a1f2e !important;
  border: 2px solid #ffd700 !important;
  color: #ffffff !important;
}

body.theme-leagueEurope .modal-content {
  background: #0f1419 !important;
  border: 3px solid #ffd700 !important;
  box-shadow: 0 0 35px rgba(255, 215, 0, 0.5);
}

body.theme-leagueEurope .user-profile-modal {
  background: #1a1f2e !important;
  border: 3px solid #ffd700 !important;
  box-shadow: 0 0 35px rgba(255, 215, 0, 0.5);
}

/* === Исключения для bet-delete-btn во всех темах === */
body.theme-hacker-green .bet-delete-btn,
body.theme-solarized .bet-delete-btn,
body.theme-matrix .bet-delete-btn,
body.theme-cyberpunk .bet-delete-btn,
body.theme-leagueChampions .bet-delete-btn,
body.theme-leagueEurope .bet-delete-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.theme-hacker-green .bet-delete-btn:hover,
body.theme-solarized .bet-delete-btn:hover,
body.theme-matrix .bet-delete-btn:hover,
body.theme-cyberpunk .bet-delete-btn:hover,
body.theme-leagueChampions .bet-delete-btn:hover,
body.theme-leagueEurope .bet-delete-btn:hover {
  background: rgba(244, 67, 54, 0.2) !important;
  border: none !important;
  box-shadow: none !important;
}

/* === Исключения для auth-btn.logout-mode во всех темах === */
body.theme-hacker-green .auth-btn.logout-mode,
body.theme-solarized .auth-btn.logout-mode,
body.theme-matrix .auth-btn.logout-mode,
body.theme-cyberpunk .auth-btn.logout-mode,
body.theme-leagueChampions .auth-btn.logout-mode,
body.theme-leagueEurope .auth-btn.logout-mode {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.theme-hacker-green .auth-btn.logout-mode:hover,
body.theme-solarized .auth-btn.logout-mode:hover,
body.theme-matrix .auth-btn.logout-mode:hover,
body.theme-cyberpunk .auth-btn.logout-mode:hover,
body.theme-leagueChampions .auth-btn.logout-mode:hover,
body.theme-leagueEurope .auth-btn.logout-mode:hover {
  box-shadow: none !important;
}

/* === Исключения для avatarEditBtn во всех темах === */
body.theme-hacker-green #avatarEditBtn,
body.theme-solarized #avatarEditBtn,
body.theme-matrix #avatarEditBtn,
body.theme-cyberpunk #avatarEditBtn,
body.theme-leagueChampions #avatarEditBtn,
body.theme-leagueEurope #avatarEditBtn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* === Стили для tab-btn (вкладки) === */
/* Hacker Green */
body.theme-hacker-green .tab-btn {
  color: #00ff00 !important;
  background: transparent !important;
  border-bottom: 3px solid transparent !important;
  box-shadow: 6px 6px 8px -6px rgba(0, 255, 0, 0.4) inset !important;
}

body.theme-hacker-green .tab-btn:hover {
  color: #00ff00 !important;
  background: rgba(0, 255, 0, 0.1) !important;
}

body.theme-hacker-green .tab-btn.active {
  color: #00ff00 !important;
  background: rgba(0, 255, 0, 0.15) !important;
  box-shadow: 0 4px 20px rgba(0, 255, 0, 0.6) !important;
}

/* Solarized */
body.theme-solarized .tab-btn {
  color: #268bd2 !important;
  background: transparent !important;
  border-bottom: 3px solid transparent !important;
  box-shadow: 6px 6px 8px -6px rgba(38, 139, 210, 0.4) inset !important;
}

body.theme-solarized .tab-btn:hover {
  color: #2aa198 !important;
  background: rgba(38, 139, 210, 0.1) !important;
}

body.theme-solarized .tab-btn.active {
  color: #2aa198 !important;
  background: rgba(38, 139, 210, 0.15) !important;
  box-shadow: 0 4px 20px rgba(38, 139, 210, 0.6) !important;
}

/* Matrix */
body.theme-matrix .tab-btn {
  color: #00ff41 !important;
  background: transparent !important;
  border-bottom: 3px solid transparent !important;
  box-shadow: 6px 6px 8px -6px rgba(0, 255, 65, 0.4) inset !important;
}

body.theme-matrix .tab-btn:hover {
  color: #00ff41 !important;
  background: rgba(0, 255, 65, 0.1) !important;
}

body.theme-matrix .tab-btn.active {
  color: #00ff41 !important;
  background: rgba(0, 255, 65, 0.15) !important;
  box-shadow: 0 4px 20px rgba(0, 255, 65, 0.6) !important;
}

/* Cyberpunk */
body.theme-cyberpunk .tab-btn {
  color: #ff00ff !important;
  background: transparent !important;
  border-bottom: 3px solid transparent !important;
  box-shadow: 6px 6px 8px -6px rgba(255, 0, 255, 0.4) inset !important;
}

body.theme-cyberpunk .tab-btn:hover {
  color: #00ffff !important;
  background: rgba(255, 0, 255, 0.1) !important;
}

body.theme-cyberpunk .tab-btn.active {
  color: #00ffff !important;
  background: rgba(255, 0, 255, 0.15) !important;
  box-shadow: 0 4px 20px rgba(255, 0, 255, 0.6) !important;
}

/* League Champions */
body.theme-leagueChampions .tab-btn {
  color: #3b82f6 !important;
  background: transparent !important;
  border-bottom: 3px solid transparent !important;
  box-shadow: 6px 6px 8px -6px rgba(59, 130, 246, 0.4) inset !important;
}

body.theme-leagueChampions .tab-btn:hover {
  color: #60a5fa !important;
  background: rgba(59, 130, 246, 0.1) !important;
}

body.theme-leagueChampions .tab-btn.active {
  color: #60a5fa !important;
  background: rgba(59, 130, 246, 0.15) !important;
  box-shadow: 0 4px 20px rgba(59, 130, 246, 0.6) !important;
}

/* League Europe */
body.theme-leagueEurope .tab-btn {
  color: #ffd700 !important;
  background: transparent !important;
  border-bottom: 3px solid transparent !important;
  box-shadow: 6px 6px 8px -6px rgba(255, 215, 0, 0.4) inset !important;
}

body.theme-leagueEurope .tab-btn:hover {
  color: #ffed4e !important;
  background: rgba(255, 215, 0, 0.1) !important;
}

body.theme-leagueEurope .tab-btn.active {
  color: #ffed4e !important;
  background: rgba(255, 215, 0, 0.15) !important;
  box-shadow: 0 4px 20px rgba(255, 215, 0, 0.6) !important;
}

/* === Стили для participant-item:hover === */
body.theme-hacker-green .participant-item:hover {
  background: rgba(0, 255, 0, 0.3) !important;
  box-shadow: 0 4px 12px rgba(0, 255, 0, 0.3) !important;
}

body.theme-solarized .participant-item:hover {
  background: rgba(38, 139, 210, 0.3) !important;
  box-shadow: 0 4px 12px rgba(38, 139, 210, 0.3) !important;
}

body.theme-matrix .participant-item:hover {
  background: rgba(0, 255, 65, 0.3) !important;
  box-shadow: 0 4px 12px rgba(0, 255, 65, 0.3) !important;
}

body.theme-cyberpunk .participant-item:hover {
  background: rgba(255, 0, 255, 0.3) !important;
  box-shadow: 0 4px 12px rgba(255, 0, 255, 0.3) !important;
}

body.theme-leagueChampions .participant-item:hover {
  background: rgba(59, 130, 246, 0.3) !important;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
}

body.theme-leagueEurope .participant-item:hover {
  background: rgba(255, 215, 0, 0.3) !important;
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3) !important;
}

/* === Стили для close-profile-btn === */
body.theme-hacker-green .close-profile-btn,
body.theme-solarized .close-profile-btn,
body.theme-matrix .close-profile-btn,
body.theme-cyberpunk .close-profile-btn,
body.theme-leagueChampions .close-profile-btn,
body.theme-leagueEurope .close-profile-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.theme-hacker-green .close-profile-btn {
  color: #00ff00 !important;
}

body.theme-solarized .close-profile-btn {
  color: #268bd2 !important;
}

body.theme-matrix .close-profile-btn {
  color: #00ff41 !important;
}

body.theme-cyberpunk .close-profile-btn {
  color: #ff00ff !important;
}

body.theme-leagueChampions .close-profile-btn {
  color: #3b82f6 !important;
}

body.theme-leagueEurope .close-profile-btn {
  color: #ffd700 !important;
}

/* Hover состояния для close-profile-btn */
body.theme-hacker-green .close-profile-btn:hover {
  color: #00ff00 !important;
  background: rgba(0, 255, 0, 0.2) !important;
}

body.theme-solarized .close-profile-btn:hover {
  color: #268bd2 !important;
  background: rgba(38, 139, 210, 0.2) !important;
}

body.theme-matrix .close-profile-btn:hover {
  color: #00ff41 !important;
  background: rgba(0, 255, 65, 0.2) !important;
}

body.theme-cyberpunk .close-profile-btn:hover {
  color: #ff00ff !important;
  background: rgba(255, 0, 255, 0.2) !important;
}

body.theme-leagueChampions .close-profile-btn:hover {
  color: #3b82f6 !important;
  background: rgba(59, 130, 246, 0.2) !important;
}

body.theme-leagueEurope .close-profile-btn:hover {
  /* color: #000000 !important; */
  color: rgba(255, 247, 203, 0.8) !important;
  background: rgba(255, 215, 0, 0.8) !important;
}

/* === Кнопки фильтрации туров === */
/* Обычные кнопки туров - прозрачные */
body.theme-hacker-green .round-filter-btn,
body.theme-solarized .round-filter-btn,
body.theme-matrix .round-filter-btn,
body.theme-cyberpunk .round-filter-btn,
body.theme-leagueChampions .round-filter-btn {
  background: transparent !important;
  box-shadow: none !important;
}

body.theme-leagueEurope .round-filter-btn {
  background: transparent !important;
  box-shadow: none !important;
  color: #b0b8c8 !important;
}

/* Активная кнопка тура - НЕ переопределяем, используем стили темы */
body.theme-hacker-green .round-filter-btn.active {
  background: linear-gradient(135deg, #00aa00 0%, #00ff00 100%) !important;
  color: #000000 !important;
  box-shadow: 0 0 10px rgba(0, 255, 0, 0.4) !important;
  border: 2px solid #00ff00 !important;
  font-weight: bold !important;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8) !important;
}

body.theme-solarized .round-filter-btn.active {
  background: linear-gradient(135deg, #268bd2 0%, #2aa198 100%) !important;
  color: #fdf6e3 !important;
  box-shadow: 0 0 10px rgba(38, 139, 210, 0.4) !important;
  border: 2px solid #268bd2 !important;
  font-weight: bold !important;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8) !important;
}

body.theme-matrix .round-filter-btn.active {
  background: linear-gradient(135deg, #00dd33 0%, #00ff41 100%) !important;
  color: #000000 !important;
  box-shadow: 0 0 10px rgba(0, 255, 65, 0.4) !important;
  border: 2px solid #00ff41 !important;
  font-weight: bold !important;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8) !important;
}

body.theme-cyberpunk .round-filter-btn.active {
  background: linear-gradient(135deg, #ff00ff 0%, #00ffff 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 0 10px rgba(255, 0, 255, 0.4) !important;
  border: 2px solid #ff00ff !important;
  font-weight: bold !important;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8) !important;
}

body.theme-leagueChampions .round-filter-btn.active {
  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 0 10px rgba(59, 130, 246, 0.4) !important;
  border: 2px solid #3b82f6 !important;
  font-weight: bold !important;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8) !important;
}

body.theme-leagueEurope .round-filter-btn.active {
  background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%) !important;
  color: #000000 !important;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.4) !important;
  border: 2px solid #ffd700 !important;
  font-weight: bold !important;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8) !important;
}

/* Завершенные туры - оранжевые */
body.theme-hacker-green .round-filter-btn.finished,
body.theme-solarized .round-filter-btn.finished,
body.theme-matrix .round-filter-btn.finished,
body.theme-cyberpunk .round-filter-btn.finished,
body.theme-leagueChampions .round-filter-btn.finished,
body.theme-leagueEurope .round-filter-btn.finished {
  background: rgba(255, 152, 0, 0.6) !important;
  border-color: #f57c00 !important;
  box-shadow: none !important;
}

body.theme-hacker-green .round-filter-btn.finished:hover,
body.theme-solarized .round-filter-btn.finished:hover,
body.theme-matrix .round-filter-btn.finished:hover,
body.theme-cyberpunk .round-filter-btn.finished:hover,
body.theme-leagueChampions .round-filter-btn.finished:hover,
body.theme-leagueEurope .round-filter-btn.finished:hover {
  background: rgba(255, 152, 0, 0.8) !important;
  border-color: #c9721c !important;
}

/* === Настройки === */
body.theme-hacker-green .setting-item,
body.theme-hacker-green .settings-item {
  background: rgba(0, 255, 0, 0.05) !important;
  border-left-color: #00ff00 !important;
}

body.theme-solarized .setting-item,
body.theme-solarized .settings-item {
  background: rgba(38, 139, 210, 0.1) !important;
  border-left-color: #268bd2 !important;
}

body.theme-matrix .setting-item,
body.theme-matrix .settings-item {
  background: rgba(0, 255, 0, 0.05) !important;
  border-left-color: #00ff00 !important;
}

body.theme-cyberpunk .setting-item,
body.theme-cyberpunk .settings-item {
  background: rgba(255, 0, 255, 0.05) !important;
  border-left-color: #ff00ff !important;
}

body.theme-leagueChampions .setting-item,
body.theme-leagueChampions .settings-item {
  background: rgba(59, 130, 246, 0.1) !important;
  border-left-color: #3b82f6 !important;
}

body.theme-leagueEurope .setting-item,
body.theme-leagueEurope .settings-item {
  background: rgba(255, 215, 0, 0.05) !important;
  border-left-color: #ffd700 !important;
}

/* === Переходы между темами === */
body {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.event-card,
.match-card,
.header,
button,
.btn,
.section,
.modal-content {
  transition: all 0.3s ease;
}

/* Устройства в темах */
.theme-hacker-green .device-item,
.theme-matrix .device-item {
  border-left-color: #00ff00;
}

.theme-hacker-green .device-item.current-device,
.theme-matrix .device-item.current-device {
  border-left-color: #00ff00;
  background: rgba(0, 255, 0, 0.1);
}

.theme-hacker-green .device-current-badge,
.theme-matrix .device-current-badge {
  background: #00ff00;
  color: #000;
}

.theme-solarized .device-item {
  border-left-color: #268bd2;
}

.theme-solarized .device-item.current-device {
  border-left-color: #268bd2;
  background: rgba(38, 139, 210, 0.1);
}

.theme-solarized .device-current-badge {
  background: #268bd2;
}

.theme-cyberpunk .device-item {
  border-left-color: #ff00ff;
}

.theme-cyberpunk .device-item.current-device {
  border-left-color: #ff00ff;
  background: rgba(255, 0, 255, 0.1);
}

.theme-cyberpunk .device-current-badge {
  background: #ff00ff;
}

.theme-league-champions .device-item {
  border-left-color: #0066cc;
}

.theme-league-champions .device-item.current-device {
  border-left-color: #0066cc;
  background: rgba(0, 102, 204, 0.1);
}

.theme-league-champions .device-current-badge {
  background: #0066cc;
}

.theme-league-europe .device-item {
  border-left-color: #ff9900;
}

.theme-league-europe .device-item.current-device {
  border-left-color: #ff9900;
  background: rgba(255, 153, 0, 0.1);
}

.theme-league-europe .device-current-badge {
  background: #ff9900;
  color: #000;
}

/* === Мобильная кнопка меню в темах === */
body.theme-hacker-green .mobile-menu-toggle {
  background: rgba(0, 17, 0, 0.9) !important;
  color: #00ff00 !important;
  border: 1px solid #00ff00 !important;
  box-shadow: 0 0 15px rgba(0, 255, 0, 0.6) !important;
}

body.theme-hacker-green .mobile-menu-toggle:hover {
  background: rgba(0, 17, 0, 1) !important;
  box-shadow: 0 0 20px rgba(0, 255, 0, 0.8) !important;
}

body.theme-solarized .mobile-menu-toggle {
  background: rgba(7, 54, 66, 0.9) !important;
  color: #268bd2 !important;
  border: 1px solid #268bd2 !important;
  box-shadow: 0 0 15px rgba(38, 139, 210, 0.6) !important;
}

body.theme-solarized .mobile-menu-toggle:hover {
  background: rgba(7, 54, 66, 1) !important;
  box-shadow: 0 0 20px rgba(38, 139, 210, 0.8) !important;
}

body.theme-matrix .mobile-menu-toggle {
  background: rgba(0, 10, 0, 0.9) !important;
  color: #00ff41 !important;
  border: 2px solid #00ff41 !important;
  box-shadow: 0 0 15px rgba(0, 255, 65, 0.6) !important;
}

body.theme-matrix .mobile-menu-toggle:hover {
  background: rgba(0, 10, 0, 1) !important;
  box-shadow: 0 0 20px rgba(0, 255, 65, 0.8) !important;
}

body.theme-cyberpunk .mobile-menu-toggle {
  background: rgba(10, 0, 20, 0.9) !important;
  color: #ff00ff !important;
  border: 2px solid #ff00ff !important;
  box-shadow: 0 0 20px rgba(255, 0, 255, 0.7) !important;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8) !important;
}

body.theme-cyberpunk .mobile-menu-toggle:hover {
  background: rgba(10, 0, 20, 1) !important;
  box-shadow: 0 0 30px rgba(255, 0, 255, 0.8) !important;
}

body.theme-leagueChampions .mobile-menu-toggle {
  background: rgba(22, 36, 71, 0.9) !important;
  color: #1b9ce5 !important;
  border: 2px solid #1b9ce5 !important;
  box-shadow: 0 0 15px rgba(27, 156, 229, 0.5) !important;
}

body.theme-leagueChampions .mobile-menu-toggle:hover {
  background: rgba(22, 36, 71, 1) !important;
  box-shadow: 0 0 20px rgba(27, 156, 229, 0.7) !important;
}

body.theme-leagueEurope .mobile-menu-toggle {
  background: rgba(26, 31, 46, 0.9) !important;
  color: #ffd700 !important;
  border: 2px solid #ffd700 !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.6) !important;
}

body.theme-leagueEurope .mobile-menu-toggle:hover {
  background: rgba(26, 31, 46, 1) !important;
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.8) !important;
}

/* === user-section в темах (мобильное меню) === */
body.theme-hacker-green .user-section {
  background: rgba(0, 17, 0, 0.98) !important;
  border-left: 3px solid #00ff00 !important;
}

body.theme-solarized .user-section {
  background: rgba(7, 54, 66, 0.98) !important;
  border-left: 3px solid #268bd2 !important;
}

body.theme-matrix .user-section {
  background: rgba(0, 10, 0, 0.98) !important;
  border-left: 3px solid #00ff41 !important;
}

body.theme-cyberpunk .user-section {
  background: rgba(10, 0, 20, 0.98) !important;
  border-left: 3px solid #ff00ff !important;
  box-shadow: -4px 0 30px rgba(255, 0, 255, 0.5) !important;
}

body.theme-leagueChampions .user-section {
  background: rgba(22, 36, 71, 0.98) !important;
  border-left: 3px solid #1b9ce5 !important;
}

body.theme-leagueEurope .user-section {
  background: rgba(26, 31, 46, 0.98) !important;
  border-left: 3px solid #ffd700 !important;
}

/* === Боковые кнопки навигации в темах === */
body.theme-hacker-green .mobile-nav-btn {
  background: rgba(0, 17, 0, 0.9) !important;
  color: #00ff00 !important;
  border: 1px solid #00ff00 !important;
  box-shadow: 0 0 15px rgba(0, 255, 0, 0.6) !important;
}

body.theme-hacker-green .mobile-nav-btn:hover {
  background: rgba(0, 17, 0, 1) !important;
  box-shadow: 0 0 20px rgba(0, 255, 0, 0.8) !important;
}

body.theme-solarized .mobile-nav-btn {
  background: rgba(7, 54, 66, 0.9) !important;
  color: #268bd2 !important;
  border: 1px solid #268bd2 !important;
  box-shadow: 0 0 15px rgba(38, 139, 210, 0.6) !important;
}

body.theme-solarized .mobile-nav-btn:hover {
  background: rgba(7, 54, 66, 1) !important;
  box-shadow: 0 0 20px rgba(38, 139, 210, 0.8) !important;
}

body.theme-matrix .mobile-nav-btn {
  background: rgba(0, 10, 0, 0.9) !important;
  color: #00ff41 !important;
  border: 2px solid #00ff41 !important;
  box-shadow: 0 0 15px rgba(0, 255, 65, 0.6) !important;
}

body.theme-matrix .mobile-nav-btn:hover {
  background: rgba(0, 10, 0, 1) !important;
  box-shadow: 0 0 20px rgba(0, 255, 65, 0.8) !important;
}

body.theme-cyberpunk .mobile-nav-btn {
  background: rgba(10, 0, 20, 0.9) !important;
  color: #ff00ff !important;
  border: 2px solid #ff00ff !important;
  box-shadow: 0 0 20px rgba(255, 0, 255, 0.7) !important;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8) !important;
}

body.theme-cyberpunk .mobile-nav-btn:hover {
  background: rgba(10, 0, 20, 1) !important;
  box-shadow: 0 0 30px rgba(255, 0, 255, 0.8) !important;
}

body.theme-leagueChampions .mobile-nav-btn {
  background: rgba(22, 36, 71, 0.9) !important;
  color: #1b9ce5 !important;
  border: 2px solid #1b9ce5 !important;
  box-shadow: 0 0 15px rgba(27, 156, 229, 0.5) !important;
}

body.theme-leagueChampions .mobile-nav-btn:hover {
  background: rgba(22, 36, 71, 1) !important;
  box-shadow: 0 0 20px rgba(27, 156, 229, 0.7) !important;
}

body.theme-leagueEurope .mobile-nav-btn {
  background: rgba(26, 31, 46, 0.9) !important;
  color: #ffd700 !important;
  border: 2px solid #ffd700 !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.6) !important;
}

body.theme-leagueEurope .mobile-nav-btn:hover {
  background: rgba(26, 31, 46, 1) !important;
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.8) !important;
}


/* ========================================
   СТИЛИ ДЛЯ GOAL-NOTIFICATION ПО ТЕМАМ
   ======================================== */

/* === THEME HACKER GREEN === */
body.theme-hacker-green .goal-notification {
  background: linear-gradient(135deg, rgba(0, 50, 0, 0.95) 0%, rgba(0, 100, 0, 0.95) 100%) !important;
  border: 2px solid #00ff00 !important;
  box-shadow: 0 0 30px rgba(0, 255, 0, 0.6), inset 0 0 20px rgba(0, 255, 0, 0.1) !important;
}

body.theme-hacker-green .goal-notification::before {
  background: linear-gradient(90deg, transparent, rgba(0, 255, 0, 0.3), transparent);
}

body.theme-hacker-green .goal-notification-icon {
  color: #00ff00 !important;
  text-shadow: 0 0 10px rgba(0, 255, 0, 0.8);
}

body.theme-hacker-green .goal-notification-title {
  color: #00ff00 !important;
  text-shadow: 0 0 5px rgba(0, 255, 0, 0.6);
}

body.theme-hacker-green .goal-notification-teams {
  color: #00ff00 !important;
}

body.theme-hacker-green .goal-notification-score {
  color: #00ff00 !important;
  text-shadow: 0 0 15px rgba(0, 255, 0, 0.9);
}

body.theme-hacker-green .goal-notification-header button {
  color: rgba(0, 255, 0, 0.7) !important;
}

body.theme-hacker-green .goal-notification-header button:hover {
  color: #00ff00 !important;
}

/* === THEME SOLARIZED === */
body.theme-solarized .goal-notification {
  background: linear-gradient(135deg, rgba(7, 54, 66, 0.95) 0%, rgba(13, 74, 95, 0.95) 100%) !important;
  border: 2px solid #268bd2 !important;
  box-shadow: 0 0 25px rgba(38, 139, 210, 0.5), inset 0 0 15px rgba(42, 161, 152, 0.1) !important;
}

body.theme-solarized .goal-notification::before {
  background: linear-gradient(90deg, transparent, rgba(38, 139, 210, 0.3), transparent);
}

body.theme-solarized .goal-notification-icon {
  color: #2aa198 !important;
}

body.theme-solarized .goal-notification-title {
  color: #268bd2 !important;
}

body.theme-solarized .goal-notification-teams {
  color: #93a1a1 !important;
}

body.theme-solarized .goal-notification-score {
  color: #2aa198 !important;
  text-shadow: 0 0 10px rgba(42, 161, 152, 0.5);
}

body.theme-solarized .goal-notification-header button {
  color: rgba(147, 161, 161, 0.7) !important;
}

body.theme-solarized .goal-notification-header button:hover {
  color: #93a1a1 !important;
}

/* === THEME MATRIX === */
body.theme-matrix .goal-notification {
  background: linear-gradient(135deg, rgba(0, 26, 0, 0.95) 0%, rgba(0, 34, 0, 0.95) 100%) !important;
  border: 2px solid #00ff41 !important;
  box-shadow: 0 0 35px rgba(0, 255, 65, 0.7), inset 0 0 25px rgba(0, 255, 65, 0.15) !important;
}

body.theme-matrix .goal-notification::before {
  background: linear-gradient(90deg, transparent, rgba(0, 255, 65, 0.4), transparent);
}

body.theme-matrix .goal-notification-icon {
  color: #00ff41 !important;
  text-shadow: 0 0 15px rgba(0, 255, 65, 0.9);
  animation: matrixPulse 2s ease-in-out infinite;
}

body.theme-matrix .goal-notification-title {
  color: #00ff41 !important;
  text-shadow: 0 0 8px rgba(0, 255, 65, 0.7);
  font-family: "Courier New", monospace;
}

body.theme-matrix .goal-notification-teams {
  color: #00ff41 !important;
  font-family: "Courier New", monospace;
}

body.theme-matrix .goal-notification-score {
  color: #00ff41 !important;
  text-shadow: 0 0 20px rgba(0, 255, 65, 1);
  font-family: "Courier New", monospace;
}

body.theme-matrix .goal-notification-header button {
  color: rgba(0, 255, 65, 0.7) !important;
}

body.theme-matrix .goal-notification-header button:hover {
  color: #00ff41 !important;
}

@keyframes matrixPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}

/* === THEME CYBERPUNK === */
body.theme-cyberpunk .goal-notification {
  background: linear-gradient(135deg, rgba(22, 33, 62, 0.95) 0%, rgba(45, 27, 78, 0.95) 100%) !important;
  border: 2px solid #ff00ff !important;
  box-shadow: 0 0 30px rgba(255, 0, 255, 0.7), 0 0 15px rgba(0, 255, 255, 0.5), inset 0 0 20px rgba(255, 0, 255, 0.1) !important;
}

body.theme-cyberpunk .goal-notification::before {
  background: linear-gradient(90deg, transparent, rgba(255, 0, 255, 0.4), rgba(0, 255, 255, 0.4), transparent);
}

body.theme-cyberpunk .goal-notification-icon {
  color: #ff00ff !important;
  text-shadow: 0 0 15px rgba(255, 0, 255, 0.9), 0 0 5px rgba(0, 255, 255, 0.5);
  animation: cyberpunkGlow 1.5s ease-in-out infinite;
}

body.theme-cyberpunk .goal-notification-title {
  color: #00ffff !important;
  text-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
}

body.theme-cyberpunk .goal-notification-teams {
  color: #00ffff !important;
}

body.theme-cyberpunk .goal-notification-score {
  background: linear-gradient(135deg, #ff00ff 0%, #00ffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: none;
  filter: drop-shadow(0 0 15px rgba(255, 0, 255, 0.8));
}

body.theme-cyberpunk .goal-notification-header button {
  color: rgba(0, 255, 255, 0.7) !important;
}

body.theme-cyberpunk .goal-notification-header button:hover {
  color: #00ffff !important;
  text-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
}

@keyframes cyberpunkGlow {
  0%, 100% { 
    text-shadow: 0 0 15px rgba(255, 0, 255, 0.9), 0 0 5px rgba(0, 255, 255, 0.5);
  }
  50% { 
    text-shadow: 0 0 25px rgba(255, 0, 255, 1), 0 0 10px rgba(0, 255, 255, 0.8);
  }
}


/* === THEME LEAGUE CHAMPIONS === */
body.theme-leagueChampions .goal-notification {
  background: linear-gradient(135deg, rgba(31, 64, 104, 0.95) 0%, rgba(42, 92, 138, 0.95) 100%) !important;
  border: 2px solid #1b9ce5 !important;
  box-shadow: 0 0 30px rgba(27, 156, 229, 0.6), inset 0 0 20px rgba(0, 217, 255, 0.1) !important;
}

body.theme-leagueChampions .goal-notification::before {
  background: linear-gradient(90deg, transparent, rgba(27, 156, 229, 0.4), transparent);
}

body.theme-leagueChampions .goal-notification-icon {
  color: #00d9ff !important;
  text-shadow: 0 0 15px rgba(0, 217, 255, 0.9);
}

body.theme-leagueChampions .goal-notification-title {
  color: #1b9ce5 !important;
  text-shadow: 0 0 10px rgba(27, 156, 229, 0.7);
  font-weight: bold;
}

body.theme-leagueChampions .goal-notification-teams {
  color: #e8e8e8 !important;
}

body.theme-leagueChampions .goal-notification-score {
  color: #00d9ff !important;
  text-shadow: 0 0 20px rgba(0, 217, 255, 0.9);
  font-weight: bold;
}

body.theme-leagueChampions .goal-notification-header button {
  color: rgba(232, 232, 232, 0.7) !important;
}

body.theme-leagueChampions .goal-notification-header button:hover {
  color: #00d9ff !important;
  text-shadow: 0 0 10px rgba(0, 217, 255, 0.7);
}

/* === THEME LEAGUE EUROPE === */
body.theme-leagueEurope .goal-notification {
  background: linear-gradient(135deg, rgba(255, 87, 34, 0.2) 0%, rgba(255, 152, 0, 0.3) 100%) !important;
  border: 2px solid #ff9800 !important;
  box-shadow: 0 0 30px rgba(255, 152, 0, 0.6), inset 0 0 20px rgba(255, 87, 34, 0.1) !important;
}

body.theme-leagueEurope .goal-notification::before {
  background: linear-gradient(90deg, transparent, rgba(255, 152, 0, 0.4), transparent);
}

body.theme-leagueEurope .goal-notification-icon {
  color: #ff9800 !important;
  text-shadow: 0 0 15px rgba(255, 152, 0, 0.9);
}

body.theme-leagueEurope .goal-notification-title {
  color: #ff5722 !important;
  text-shadow: 0 0 10px rgba(255, 87, 34, 0.7);
  font-weight: bold;
}

body.theme-leagueEurope .goal-notification-teams {
  color: #e0e6f0 !important;
}

body.theme-leagueEurope .goal-notification-score {
  color: #ff9800 !important;
  text-shadow: 0 0 20px rgba(255, 152, 0, 0.9);
  font-weight: bold;
}

body.theme-leagueEurope .goal-notification-header button {
  color: rgba(224, 230, 240, 0.7) !important;
}

body.theme-leagueEurope .goal-notification-header button:hover {
  color: #ff9800 !important;
  text-shadow: 0 0 10px rgba(255, 152, 0, 0.7);
}