/* === 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);
}

/* tab-btn */
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;
}

/* participant-item */
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;
}

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

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

/* round-filter-btn */
body.theme-matrix .round-filter-btn {
  background: transparent !important;
  box-shadow: none !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;
}

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

/* mobile-menu-toggle */
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;
}

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

/* mobile-nav-btn */
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;
}

/* goal-notification */
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; }
}

/* CSS-переменные для инлайн стилей */
body.theme-matrix {
  --sticky-header-bg: #000a00;
  --dropdown-bg: rgba(0, 10, 0, 0.98);
  --input-bg: rgba(0, 10, 0, 0.9);
  --text-primary: #00ff41;
}