/* ═══════════════════════════════════════════
   PURPLE THEME  —  html[data-theme="purple"]
═══════════════════════════════════════════ */

/* ── CSS-переменные ── */
html[data-theme="purple"] {
  --bg:         #05060f;
  --bg-card:    #0a0c1a;
  --bg-raised:  #0f1222;
  --border:     rgba(100,120,255,0.1);
  --border-h:   rgba(120,100,255,0.4);
  --accent:     #7c6fff;
  --accent2:    #4f8fff;
  --accent-rgb:      100,120,255;
  --gradient-accent: linear-gradient(135deg, #7c6fff, #4f8fff);
  --glow:       rgba(124,111,255,0.35);
  --text:       #dde4f5;
  --text-dim:   #9aa0cc;
  --text-mute:  #5564a8;
  --text-faint: #4a5898;
}

/* ── Фон страницы ── */
html[data-theme="purple"] body::before {
  background:
    radial-gradient(ellipse 80% 50% at 50% -5%,  rgba(90,70,255,0.18) 0%, transparent 65%),
    radial-gradient(ellipse 50% 60% at 90% 100%, rgba(50,80,255,0.1)  0%, transparent 60%),
    radial-gradient(ellipse 40% 40% at -5% 50%,  rgba(80,50,200,0.08) 0%, transparent 60%);
}
html[data-theme="purple"] body::after {
  background-image: radial-gradient(circle, rgba(100,120,255,0.04) 1px, transparent 1px);
  background-size: 32px 32px;
}

/* ── Скроллбар ── */
html[data-theme="purple"] ::-webkit-scrollbar-thumb         { background: rgba(100,120,255,0.15); }
html[data-theme="purple"] ::-webkit-scrollbar-thumb:hover   { background: rgba(100,120,255,0.25); }

/* ═══════════════════════════════════════════
   TOPBAR
═══════════════════════════════════════════ */
html[data-theme="purple"] .topbar {
  background: rgba(5,6,15,0.88);
  border-bottom-color: rgba(100,120,255,0.1);
}

html[data-theme="purple"] .logo {
  background: linear-gradient(135deg, #a78bff, #5d8fff);
  -webkit-background-clip: text; background-clip: text;
}
html[data-theme="purple"] .logo em {
  background: linear-gradient(135deg, #dde4f5, #9aaad0);
  -webkit-background-clip: text; background-clip: text;
}

html[data-theme="purple"] .games-btn {
  background: rgba(100,120,255,0.07);
  border-color: rgba(100,120,255,0.1);
}
html[data-theme="purple"] .games-btn:hover,
html[data-theme="purple"] .games-btn.open {
  background: rgba(124,111,255,0.15);
  border-color: rgba(124,111,255,0.35);
  color: var(--accent);
}

html[data-theme="purple"] .tsoc:hover { background: rgba(100,120,255,0.06); }

html[data-theme="purple"] .balance-pill {
  background: rgba(100,120,255,0.08);
  border-color: rgba(100,120,255,0.1);
}
html[data-theme="purple"] .balance-pill:hover {
  border-color: rgba(124,111,255,0.3);
  box-shadow: 0 0 16px rgba(124,111,255,0.1);
}

html[data-theme="purple"] .coin-icon {
  background: linear-gradient(135deg, #7c6fff, #4f8fff);
  box-shadow: 0 0 12px rgba(124,111,255,0.5);
}

html[data-theme="purple"] .topbar-action-btn,
html[data-theme="purple"] .btn-deposit {
  background: linear-gradient(135deg, #7c6fff, #4f8fff);
  box-shadow: 0 4px 20px rgba(124,111,255,0.35);
}
html[data-theme="purple"] .topbar-action-btn:hover,
html[data-theme="purple"] .btn-deposit:hover {
  box-shadow: 0 6px 28px rgba(124,111,255,0.5);
}
html[data-theme="purple"] .topbar-btn-withdraw {
  background: rgba(var(--accent-rgb),0.08);
  border: 1px solid var(--border);
  box-shadow: none;
}
html[data-theme="purple"] .topbar-btn-withdraw:hover {
  background: rgba(var(--accent-rgb),0.15);
  box-shadow: none;
}

html[data-theme="purple"] .topbar-btn-withdraw {
  background: rgba(100,120,255,0.08);
  border-color: rgba(100,120,255,0.1);
}
html[data-theme="purple"] .topbar-btn-withdraw:hover {
  background: rgba(124,111,255,0.15);
  color: var(--text);
}

html[data-theme="purple"] .user-widget,
html[data-theme="purple"] .user-pill {
  background: rgba(100,120,255,0.07);
  border-color: rgba(100,120,255,0.1);
}
html[data-theme="purple"] .user-widget:hover,
html[data-theme="purple"] .user-pill:hover {
  background: rgba(124,111,255,0.12);
  border-color: rgba(120,100,255,0.4);
}

html[data-theme="purple"] .user-level,
html[data-theme="purple"] .user-lvl {
  background: linear-gradient(135deg, #7c6fff, #4f8fff);
}

html[data-theme="purple"] .user-xp-bar  { background: rgba(100,120,255,0.15); }
html[data-theme="purple"] .user-xp-fill { background: linear-gradient(90deg, #7c6fff, #4f8fff); }

html[data-theme="purple"] .notif-bell {
  background: rgba(100,120,255,0.07);
  border-color: rgba(100,120,255,0.1);
}
html[data-theme="purple"] .notif-bell:hover { background: rgba(124,111,255,0.15); }

html[data-theme="purple"] .auth-btn {
  background: linear-gradient(135deg, #7c6fff, #4f8fff);
  box-shadow: 0 4px 20px rgba(124,111,255,0.35);
}
html[data-theme="purple"] .auth-btn:hover {
  box-shadow: 0 6px 28px rgba(124,111,255,0.5);
}

html[data-theme="purple"] .user-dropdown-inner {
  background: #0a0c1a;
  border-color: rgba(100,120,255,0.18);
  box-shadow: 0 12px 40px rgba(0,0,0,0.6), 0 0 0 1px rgba(124,111,255,0.06);
}
html[data-theme="purple"] .user-dropdown-item:hover    { background: rgba(100,120,255,0.1); }
html[data-theme="purple"] .user-dropdown-sep           { background: rgba(100,120,255,0.1); }

html[data-theme="purple"] .coin-modal        { background: #0a0c1a; border-color: rgba(100,120,255,0.2); }

/* ── Sidebar ── */
html[data-theme="purple"] .gsb {
  background: rgba(5,6,15,0.75);
  border-right-color: rgba(100,120,255,0.1);
}
html[data-theme="purple"] .gsb-item:hover { background: rgba(100,120,255,0.08); }

/* ═══════════════════════════════════════════
   HOME PAGE
═══════════════════════════════════════════ */
html[data-theme="purple"] .hs-slider {
  border-color: rgba(100,120,255,0.15);
  box-shadow: 0 0 60px rgba(90,70,255,0.1);
}

html[data-theme="purple"] .hs-arrow {
  background: rgba(5,6,15,0.75);
  border-color: rgba(100,120,255,0.2);
}
html[data-theme="purple"] .hs-arrow:hover {
  background: rgba(124,111,255,0.22);
  color: #a78bff;
  border-color: rgba(124,111,255,0.5);
}

html[data-theme="purple"] .home-hero-badge-ref {
  background: linear-gradient(135deg, rgba(124,111,255,0.2), rgba(79,143,255,0.12));
  border-color: rgba(124,111,255,0.4);
  color: #a78bff;
}

html[data-theme="purple"] .home-hero-title {
  background: linear-gradient(135deg, #c0b3ff, #8ba8ff, #dde4f5);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}

html[data-theme="purple"] .home-hero-desc strong {
  color: #a78bff !important;
  -webkit-text-fill-color: #a78bff !important;
}

html[data-theme="purple"] .home-ref-val {
  background: linear-gradient(135deg, #a78bff, #5d8fff);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[data-theme="purple"] .home-ref-stat-sep { background: rgba(124,111,255,0.2); }

html[data-theme="purple"] .hero-ref-c1 {
  background: radial-gradient(circle, rgba(124,111,255,0.1) 0%, transparent 70%);
  border-color: rgba(124,111,255,0.15);
}
html[data-theme="purple"] .hero-ref-c2 { border-color: rgba(124,111,255,0.28); }
html[data-theme="purple"] .hero-ref-icon {
  background: rgba(5,6,15,0.95);
  border-color: rgba(124,111,255,0.25);
  box-shadow: 0 0 32px rgba(124,111,255,0.28);
}

html[data-theme="purple"] .home-mini-card {
  border-color: rgba(100,120,255,0.12);
}
html[data-theme="purple"] .home-mini-card::before {
  background: linear-gradient(135deg, rgba(124,111,255,0.05) 0%, transparent 60%);
}
html[data-theme="purple"] .home-mini-card:hover {
  border-color: rgba(124,111,255,0.35);
  box-shadow: 0 8px 28px rgba(90,70,255,0.15);
}

html[data-theme="purple"] .home-promo-card { border-color: rgba(100,120,255,0.12); }
html[data-theme="purple"] .home-promo-card::before {
  background: linear-gradient(135deg, rgba(124,111,255,0.05) 0%, transparent 50%);
}
html[data-theme="purple"] .home-promo-in {
  background: rgba(100,120,255,0.04);
  border-color: rgba(100,120,255,0.15);
}
html[data-theme="purple"] .home-promo-in:focus {
  border-color: rgba(124,111,255,0.45);
  box-shadow: 0 0 14px rgba(124,111,255,0.1);
}
html[data-theme="purple"] .home-promo-btn {
  background: linear-gradient(135deg, #7c6fff, #4f8fff);
  box-shadow: 0 4px 16px rgba(124,111,255,0.25);
}
html[data-theme="purple"] .home-promo-btn:hover {
  box-shadow: 0 6px 22px rgba(124,111,255,0.45);
}

html[data-theme="purple"] .home-modes-line { background: rgba(100,120,255,0.1); }

html[data-theme="purple"] .home-game-card    { border-color: rgba(100,120,255,0.12); }
html[data-theme="purple"] .home-game-card::before {
  background: linear-gradient(135deg, rgba(124,111,255,0.04) 0%, transparent 50%);
}
html[data-theme="purple"] .home-game-card:hover {
  border-color: rgba(124,111,255,0.3);
  box-shadow: 0 16px 44px rgba(60,50,150,0.3), 0 0 0 1px rgba(124,111,255,0.1);
}

html[data-theme="purple"] .hga-wheel-ring {
  background: conic-gradient(#7c6fff 0deg 180deg, #d4634a 180deg 330deg, #1a1d40 330deg 360deg);
  filter: drop-shadow(0 0 10px rgba(124,111,255,0.5));
}
html[data-theme="purple"] .hga-wheel-inner { border-color: rgba(100,120,255,0.15); }

html[data-theme="purple"] .hga-jp-coin {
  background: linear-gradient(135deg, #7c6fff, #c8a232);
  box-shadow: 0 0 20px rgba(124,111,255,0.3);
}
html[data-theme="purple"] .hga-cf-ct {
  background: linear-gradient(135deg, #7c6fff, #4466cc);
  box-shadow: 0 4px 16px rgba(124,111,255,0.4);
}

html[data-theme="purple"] .hga-case-box {
  background: linear-gradient(135deg, rgba(100,80,200,0.16), rgba(60,45,150,0.1));
  border-color: rgba(100,80,200,0.28);
}
html[data-theme="purple"] .hga-case-lid {
  background: linear-gradient(135deg, rgba(120,95,220,0.2), rgba(80,60,180,0.15));
  border-color: rgba(100,80,200,0.28);
}

/* ═══════════════════════════════════════════
   LIVE FEED
═══════════════════════════════════════════ */
html[data-theme="purple"] .live-bar {
  background: rgba(5,6,15,0.9);
  border-top-color: rgba(100,120,255,0.08);
}
html[data-theme="purple"] .live-bar-label { color: var(--accent); }
html[data-theme="purple"] .live-dot {
  background: var(--accent);
  box-shadow: 0 0 6px var(--accent);
}
html[data-theme="purple"] .live-win { border-right-color: rgba(100,120,255,0.06); }

/* ═══════════════════════════════════════════
   CHAT
═══════════════════════════════════════════ */
html[data-theme="purple"] .chat-panel {
  background: var(--bg-card);
  border-left-color: rgba(100,120,255,0.12);
}
html[data-theme="purple"] .chat-hdr {
  background: var(--bg-card);
  border-bottom-color: rgba(100,120,255,0.1);
}
html[data-theme="purple"] .chat-inp-row {
  background: var(--bg-card);
}
html[data-theme="purple"] .chat-inp-inner {
  background: var(--bg-card);
  border-color: rgba(100,120,255,0.12);
}
html[data-theme="purple"] .chat-inp-inner:focus-within {
  border-color: rgba(124,111,255,0.35);
}
html[data-theme="purple"] .chat-send {
  background: linear-gradient(135deg, #7c6fff, #4f8fff);
}

/* ═══════════════════════════════════════════
   DOUBLE
═══════════════════════════════════════════ */
html[data-theme="purple"] .arc-pointer {
  border-bottom-color: var(--accent);
  filter: drop-shadow(0 0 8px rgba(124,111,255,0.55));
}
html[data-theme="purple"] .arc-label.ct { color: var(--accent); }
html[data-theme="purple"] .timer-fill,
html[data-theme="purple"] .d-timer,
html[data-theme="purple"] .mult-section-label,
html[data-theme="purple"] .autobet-counter { color: var(--accent); }
html[data-theme="purple"] .timer-fill { background: var(--accent); }
html[data-theme="purple"] .mult-pointer {
  background: linear-gradient(to bottom, var(--accent), rgba(124,111,255,0.15));
  box-shadow: 0 0 8px rgba(124,111,255,0.5);
}
html[data-theme="purple"] .mult-pointer::before {
  background: var(--accent);
  box-shadow: 0 0 10px rgba(124,111,255,0.8);
}
html[data-theme="purple"] .sb-amt-coin,
html[data-theme="purple"] .crash-sb-coin {
  background: linear-gradient(135deg, #7c6fff, #4f8fff);
  box-shadow: 0 0 6px rgba(124,111,255,0.35);
}
html[data-theme="purple"] .autobet-launch-btn.active {
  background: var(--accent);
  border-color: var(--accent);
}
html[data-theme="purple"] .s-save { background: var(--accent); }
html[data-theme="purple"] .s-save:hover { background: #6558e0; }
html[data-theme="purple"] .mcard.center { box-shadow: 0 0 0 2px var(--accent); }
html[data-theme="purple"] .doubleJackpot-win-title { color: var(--accent); }
html[data-theme="purple"] .doubleJackpot-win-banner { border-bottom-color: var(--accent); }
html[data-theme="purple"] .cnt-ct { background: rgba(var(--accent-rgb),0.18); color: var(--accent); }
html[data-theme="purple"] .c-ct   { background: rgba(var(--accent-rgb),0.2); }
html[data-theme="purple"] .hd.ct  { background: linear-gradient(180deg, rgba(124,111,255,0.9) 0%, rgba(124,111,255,0.55) 100%); box-shadow: 0 2px 10px rgba(124,111,255,0.35); }
html[data-theme="purple"] .bets-col-ct .bets-col-mult,
html[data-theme="purple"] .bets-col-total-ct { color: var(--accent); }
html[data-theme="purple"] .bets-col-ct .bets-col-hdr-hint { color: var(--accent); }
html[data-theme="purple"] .doubleJackpot-info-title,
html[data-theme="purple"] .doubleJackpot-info-text em { color: var(--accent); }

/* ═══════════════════════════════════════════
   CRASH
═══════════════════════════════════════════ */
html[data-theme="purple"] .crash-timer-fill,
html[data-theme="purple"] .jp-timer-fill { background: var(--accent); }
html[data-theme="purple"] .crash-timer-count,
html[data-theme="purple"] .jp-t-sec,
html[data-theme="purple"] .jp-t-dot,
html[data-theme="purple"] .jp-t-ms { color: var(--accent); }
html[data-theme="purple"] .crash-mult.mid { color: var(--accent); text-shadow: 0 0 40px rgba(124,111,255,0.35); }
html[data-theme="purple"] .crash-hist-gold { color: var(--accent); }
html[data-theme="purple"] .crash-btn-place,
html[data-theme="purple"] .crash-btn-place-2 { background: var(--accent); }
html[data-theme="purple"] .crash-btn-place:hover,
html[data-theme="purple"] .crash-btn-place-2:hover { background: #6558e0; }
html[data-theme="purple"] .cbc-btn-2.crash-btn-cashout { background: var(--accent); }
@keyframes cashPulse2-purple { 0%,100%{box-shadow:0 0 12px rgba(124,111,255,0.44)} 50%{box-shadow:0 0 28px rgba(124,111,255,0.88)} }
html[data-theme="purple"] .cbc-btn-2.crash-btn-cashout { animation: cashPulse2-purple 0.85s ease-in-out infinite; }
html[data-theme="purple"] .cbc-btn-2.crash-btn-cashed,
html[data-theme="purple"] .cbc-btn-2.crash-btn-placed { color: var(--accent); }
html[data-theme="purple"] .crash-btn-off { background: rgba(var(--accent-rgb),0.08); }
html[data-theme="purple"] .cbc-dot-1,
html[data-theme="purple"] .cbc-dot-2 { background: var(--accent); box-shadow: 0 0 6px rgba(124,111,255,0.6); }
html[data-theme="purple"] .crash-settings-save { background: var(--accent); }
html[data-theme="purple"] .crash-settings-save:hover { background: #6558e0; }
html[data-theme="purple"] .crash-prize-skin-rarity {
  background: linear-gradient(90deg, var(--accent), #d4634a);
  box-shadow: 0 0 8px rgba(124,111,255,0.55);
}
html[data-theme="purple"] .crash-prize-skin-price,
html[data-theme="purple"] .crash-pool-amount,
html[data-theme="purple"] .crash-prize-minbet-val { color: var(--accent); }
html[data-theme="purple"] .crash-prize-progress-fill {
  background: linear-gradient(90deg, #4ad476, var(--accent));
}
html[data-theme="purple"] .crash-prize-result-card.nobody .crash-prize-result-amount { color: var(--accent); }
html[data-theme="purple"] .crash-prize-skin-wear { background: rgba(var(--accent-rgb),0.12); color: var(--accent); }

/* ═══════════════════════════════════════════
   JACKPOT
═══════════════════════════════════════════ */
html[data-theme="purple"] .jp-timer-fill { background: var(--accent); }
html[data-theme="purple"] .jp-t-sec, html[data-theme="purple"] .jp-t-dot, html[data-theme="purple"] .jp-t-ms { color: var(--accent); }

/* ═══════════════════════════════════════════
   COINFLIP
═══════════════════════════════════════════ */
html[data-theme="purple"] .cf-gc-bank strong,
html[data-theme="purple"] .cf-gc-status.waiting { color: var(--accent); }

/* ═══════════════════════════════════════════
   UPGRADE
═══════════════════════════════════════════ */
html[data-theme="purple"] .upg-wheel { background: rgba(var(--accent-rgb),0.08); }
html[data-theme="purple"] .upg-wheel-hole { border-color: rgba(var(--accent-rgb),0.12); }

/* ═══════════════════════════════════════════
   DEPOSIT
═══════════════════════════════════════════ */
html[data-theme="purple"] .dep-bonus-title { color: var(--accent); }
html[data-theme="purple"] .dep-bonus { border-color: rgba(var(--accent-rgb),0.2); }

/* ═══════════════════════════════════════════
   GENERAL — кнопки и градиенты по всем страницам
═══════════════════════════════════════════ */
/* Gradient buttons (coin icon, action buttons) by pattern */
html[data-theme="purple"] [style*="background: linear-gradient(135deg, #1a9fff"],
html[data-theme="purple"] [style*="background: linear-gradient(135deg,#1a9fff"] {
  background: linear-gradient(135deg, #7c6fff, #4f8fff) !important;
}

/* Common header/section line pattern */
html[data-theme="purple"] [class$="-line"],
html[data-theme="purple"] [class$="-divider"],
html[data-theme="purple"] [class$="-sep"] {
  background: rgba(var(--accent-rgb), 0.08);
}

/* ── Переключатель тем ── */
.theme-switcher {
  position: relative;
  display: flex; align-items: center;
  padding: 5px 11px; border-radius: 20px;
  background: rgba(0,140,255,0.07);
  border: 1px solid var(--border);
  flex-shrink: 0; cursor: pointer;
  margin-left: auto;
  transition: background 0.2s, border-color 0.2s;
}
.theme-switcher:hover {
  background: rgba(0,140,255,0.12);
  border-color: rgba(0,140,255,0.28);
}
html[data-theme="purple"] .theme-switcher       { background: rgba(100,120,255,0.07); }
html[data-theme="purple"] .theme-switcher:hover { background: rgba(100,120,255,0.12); border-color: rgba(100,120,255,0.28); }

/* ── Триггер ── */
.theme-sw-trigger {
  display: flex; align-items: center; gap: 7px;
  color: var(--text-dim); pointer-events: none;
}
.theme-sw-dot {
  width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
  transition: box-shadow 0.2s;
}
html:not([data-theme="purple"]) .theme-sw-dot {
  background: linear-gradient(135deg, #1a9fff, #00cfff);
  box-shadow: 0 0 7px rgba(26,159,255,0.65);
}
html[data-theme="purple"] .theme-sw-dot {
  background: linear-gradient(135deg, #7c6fff, #a78bff);
  box-shadow: 0 0 7px rgba(124,111,255,0.65);
}
.theme-sw-label {
  font-size: 12px; font-weight: 600; font-family: var(--font);
  letter-spacing: 0.2px;
}
.theme-sw-arrow { transition: transform 0.22s; color: var(--text-mute); }
.theme-switcher:hover .theme-sw-arrow { transform: rotate(180deg); color: var(--text-dim); }

/* ── Дропдаун-обёртка (прозрачная, убирает зазор) ── */
.theme-dropdown {
  position: absolute;
  top: 100%; left: 50%;
  transform: translateX(-50%) translateY(-5px);
  padding-top: 8px;
  opacity: 0; pointer-events: none;
  transition: opacity 0.18s 50ms, transform 0.18s 50ms;
  z-index: 999;
}
.theme-switcher:hover .theme-dropdown {
  opacity: 1; pointer-events: all;
  transform: translateX(-50%) translateY(0);
  transition: opacity 0.18s, transform 0.18s;
}

/* ── Карточка дропдауна ── */
.theme-dropdown-inner {
  background: var(--bg-card);
  border: 1px solid rgba(var(--accent-rgb), 0.16);
  border-radius: 14px;
  padding: 8px;
  box-shadow: 0 16px 48px rgba(0,0,0,0.7), 0 0 0 1px rgba(var(--accent-rgb),0.05);
  backdrop-filter: blur(24px);
  min-width: 192px;
}

/* ── Заголовок ── */
.theme-dd-hd {
  font-size: 10px; font-weight: 700; letter-spacing: 1.2px;
  text-transform: uppercase; color: var(--text-mute);
  padding: 2px 10px 8px;
}

/* ── Опция темы ── */
.theme-opt {
  display: flex; align-items: center; gap: 10px;
  width: 100%; padding: 9px 10px;
  border: none; border-radius: 9px;
  background: transparent;
  color: var(--text-dim);
  font-family: var(--font); cursor: pointer;
  transition: background 0.15s, color 0.15s;
  position: relative;
}

/* ── Мини-превью палитры ── */
.theme-swatch {
  width: 38px; height: 28px; border-radius: 7px; flex-shrink: 0;
  border: 1px solid rgba(255,255,255,0.07);
  transition: border-color 0.15s, box-shadow 0.15s;
  position: relative; overflow: hidden;
}
.theme-opt.blue .theme-swatch {
  background: linear-gradient(135deg, #030b18 0%, #061426 45%, #1a9fff 100%);
}
.theme-opt.purple .theme-swatch {
  background: linear-gradient(135deg, #05060f 0%, #0a0c1a 45%, #7c6fff 100%);
}

/* ── Текст ── */
.theme-opt-info {
  flex: 1; display: flex; flex-direction: row; align-items: center; gap: 6px;
}
.theme-opt-name {
  font-size: 13px; font-weight: 600; line-height: 1;
}
.theme-opt-sub {
  font-size: 10px; color: var(--text-mute); line-height: 1; letter-spacing: 0.2px;
}

/* ── Иконка темы ── */
.theme-opt-icon {
  flex-shrink: 0; color: var(--text-mute);
}

/* ── Галочка ── */
.theme-opt-check {
  flex-shrink: 0; opacity: 0; transform: scale(0.7);
  transition: opacity 0.15s, transform 0.15s;
}
.theme-opt.blue.active   .theme-opt-check { opacity: 1; transform: scale(1); color: #1a9fff; }
.theme-opt.purple.active .theme-opt-check { opacity: 1; transform: scale(1); color: #a78bff; }

/* ── Hover ── */
.theme-opt.blue:hover {
  background: rgba(0,140,255,0.1); color: #4db8ff;
}
.theme-opt.blue:hover .theme-swatch {
  border-color: rgba(26,159,255,0.45);
  box-shadow: 0 0 12px rgba(26,159,255,0.2);
}
.theme-opt.purple:hover {
  background: rgba(124,111,255,0.1); color: #b8a8ff;
}
.theme-opt.purple:hover .theme-swatch {
  border-color: rgba(124,111,255,0.45);
  box-shadow: 0 0 12px rgba(124,111,255,0.2);
}

/* active цвет имени */
.theme-opt.blue.active   .theme-opt-name { color: #4db8ff; }
.theme-opt.purple.active .theme-opt-name { color: #b8a8ff; }

/* ── Глобальные настройки пользователя ── */
html.no-animations *,
html.no-animations *::before,
html.no-animations *::after {
  transition: none !important;
  animation: none !important;
}
html.no-chat #chat-container { display: none !important; }

/* ═══════════════════════════════════════════
   SUPPORT PAGE
═══════════════════════════════════════════ */
html[data-theme="purple"] .sup-hero {
  background: linear-gradient(135deg, #09091e 0%, #0d0d28 60%, #050510 100%);
  border-color: rgba(100,120,255,0.15);
}
html[data-theme="purple"] .sup-hero-glow {
  background: radial-gradient(circle, rgba(124,111,255,0.12) 0%, transparent 70%);
}
html[data-theme="purple"] .sup-hero-badge {
  background: rgba(124,111,255,0.15);
  border-color: rgba(124,111,255,0.3);
  color: #a78bff;
}
html[data-theme="purple"] .sup-hero-title span { color: #a78bff; }
html[data-theme="purple"] .sup-hero-sub        { color: var(--text-mute); }

html[data-theme="purple"] .sup-status-bar {
  background: rgba(74,212,118,0.06);
  border-color: rgba(74,212,118,0.15);
  color: var(--text-mute);
}
html[data-theme="purple"] .sup-status-text strong { color: #4ad476; }

html[data-theme="purple"] .sup-section-hdr { color: var(--text-mute); }

/* ── Чат поддержки ── */
html[data-theme="purple"] .sup-chat-card {
  background: var(--bg-card);
  border-color: rgba(100,120,255,0.1);
}
html[data-theme="purple"] .sup-chat-hdr {
  background: var(--bg);
  border-bottom-color: rgba(100,120,255,0.1);
}
html[data-theme="purple"] .sup-chat-hdr-icon {
  background: rgba(124,111,255,0.12);
  border-color: rgba(124,111,255,0.2);
  color: #a78bff;
}
html[data-theme="purple"] .sup-chat-hdr-title  { color: var(--text); }
html[data-theme="purple"] .sup-chat-hdr-status { color: var(--text-mute); }

html[data-theme="purple"] .sup-chat-empty      { color: var(--text-faint); }
html[data-theme="purple"] .sup-chat-empty-text { color: var(--text-faint); }

html[data-theme="purple"] .sup-msg--user .sup-msg-bubble {
  background: linear-gradient(135deg, rgba(124,111,255,0.18), rgba(80,70,200,0.14));
  border-color: rgba(124,111,255,0.2);
  color: var(--text);
}
html[data-theme="purple"] .sup-msg--support .sup-msg-bubble {
  background: var(--bg-card);
  border-color: rgba(100,120,255,0.15);
  color: var(--text-mute);
}
html[data-theme="purple"] .sup-msg-sender { color: #a78bff; }
html[data-theme="purple"] .sup-msg-meta   { color: var(--text-faint); }

html[data-theme="purple"] .sup-chat-inp-row {
  background: var(--bg);
  border-top-color: rgba(100,120,255,0.1);
}
html[data-theme="purple"] .sup-chat-inp {
  background: var(--bg-card);
  border-color: rgba(100,120,255,0.1);
  color: var(--text);
}
html[data-theme="purple"] .sup-chat-inp:focus        { border-color: rgba(124,111,255,0.45); }
html[data-theme="purple"] .sup-chat-inp::placeholder  { color: var(--text-faint); }
html[data-theme="purple"] .sup-chat-send {
  background: linear-gradient(135deg, #7c6fff, #4f8fff);
  box-shadow: 0 2px 10px rgba(124,111,255,0.25);
}
html[data-theme="purple"] .sup-chat-send:hover {
  box-shadow: 0 4px 18px rgba(124,111,255,0.4);
}

html[data-theme="purple"] .sup-attach-btn {
  background: var(--bg-card);
  border-color: rgba(100,120,255,0.1);
  color: var(--text-mute);
}
html[data-theme="purple"] .sup-attach-btn:hover {
  color: #a78bff;
  border-color: rgba(124,111,255,0.35);
}
html[data-theme="purple"] .sup-attach-preview {
  background: var(--bg);
  border-top-color: rgba(100,120,255,0.1);
}
html[data-theme="purple"] .sup-attach-clear:hover { color: #d4634a; }

html[data-theme="purple"] .sup-msg-file {
  color: #a78bff;
  background: rgba(124,111,255,0.08);
  border-color: rgba(100,120,255,0.1);
}

/* ── FAQ ── */
html[data-theme="purple"] .sup-faq-item {
  background: var(--bg-card);
  border-color: rgba(100,120,255,0.1);
}
html[data-theme="purple"] .sup-faq-item.open      { border-color: rgba(124,111,255,0.25); }
html[data-theme="purple"] .sup-faq-q              { color: var(--text); }
html[data-theme="purple"] .sup-faq-q:hover        { color: #fff; }
html[data-theme="purple"] .sup-faq-item.open .sup-faq-q      { color: #a78bff; }
html[data-theme="purple"] .sup-faq-chevron                   { color: var(--text-mute); }
html[data-theme="purple"] .sup-faq-item.open .sup-faq-chevron { color: #a78bff; }
html[data-theme="purple"] .sup-faq-a             { color: var(--text-mute); }

/* ── Кнопки контактов (Telegram / Discord остаются своего цвета) ── */
html[data-theme="purple"] .sup-contact-btn-label { color: var(--text-mute); }
html[data-theme="purple"] .sup-contact-btn-sub   { color: var(--text-faint); }