/* ================= СВЕТЛАЯ ТЕМА (#9) — html[data-theme=light] ================= */
html[data-theme="light"]{
  --color-black:#f5f6f9; --color-black-light:#e9ebf1;
  --color-white:#15171c; --color-gray-light:#4a5160; --color-dark-gray:#c9cdd6;
  --bg-main:#f5f6f9; --text-main:#15171c; --text-muted:#4a5160; --btn-text:#ffffff;
  background:#f5f6f9; color:#15171c;
}
html[data-theme="light"] body{ background:#f5f6f9 !important; color:#15171c; }
/* базовый текст контента тёмный */
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,
html[data-theme="light"] h4,html[data-theme="light"] h5,html[data-theme="light"] h6,
html[data-theme="light"] p,html[data-theme="light"] li,html[data-theme="light"] label{ color:#20242c; }
/* приглушённый */
html[data-theme="light"] .subtitle,html[data-theme="light"] .step-desc,html[data-theme="light"] .advant-desc,
html[data-theme="light"] .stat-label,html[data-theme="light"] .srv-lbl,html[data-theme="light"] .connect-subtitle,
html[data-theme="light"] .footer-year,html[data-theme="light"] .footer-policy{ color:#5a6170 !important; }
/* шапка/меню/футер */
html[data-theme="light"] .header,html[data-theme="light"] .navigation{ background:#ffffff; border-bottom:1px solid rgba(0,0,0,0.06); }
html[data-theme="light"] .footer{ background:#ffffff; border-top:1px solid rgba(0,0,0,0.06); }
html[data-theme="light"] .nav-item{ color:#3b4250; }
html[data-theme="light"] .nav-item.active{ color:#8b5cf6; }
html[data-theme="light"] .logo span{ color:#20242c !important; }
html[data-theme="light"] .logo span:last-of-type{ color:#8b5cf6 !important; }
/* тёмные карточки → светлые */
html[data-theme="light"] .connect-step,html[data-theme="light"] .srv-card,html[data-theme="light"] .stat,
html[data-theme="light"] .advant-card,html[data-theme="light"] .account-section,html[data-theme="light"] .okv-key-card,
html[data-theme="light"] .okv-keys-shell,html[data-theme="light"] .tariff-card,html[data-theme="light"] .reality-cta-section > div{
  background:#ffffff !important; border:1px solid rgba(0,0,0,0.08) !important; box-shadow:0 4px 20px rgba(20,24,40,0.06);
}
/* инпуты */
html[data-theme="light"] input,html[data-theme="light"] textarea,html[data-theme="light"] select{
  background:#ffffff !important; color:#15171c !important; border:1px solid rgba(0,0,0,0.15) !important;
}
html[data-theme="light"] input::placeholder{ color:#98a0ad !important; }
/* акцент-кнопки без изменений (фиолет + белый текст) */
html[data-theme="light"] .btn-primary,html[data-theme="light"] .btn-reality,html[data-theme="light"] .btn-buy{ color:#ffffff !important; }
/* контролы шапки */
.okv-hcontrols{ display:inline-flex; gap:8px; align-items:center; margin-left:10px; }
.okv-ctrl-btn{ cursor:pointer; background:transparent; border:1px solid rgba(139,92,246,0.42); color:#8b5cf6; border-radius:8px; padding:6px 10px; font-size:13px; font-weight:700; line-height:1; font-family:inherit; }
/* --- крупные секции: тёмные фоны -> светлые --- */
html[data-theme="light"] .banner{ background:#ffffff !important; box-shadow:0 8px 40px rgba(20,24,40,0.08); }
html[data-theme="light"] .banner h1{ color:#1a1d24 !important; }
html[data-theme="light"] .banner .subtitle,html[data-theme="light"] .banner p{ color:#5a6170 !important; }
html[data-theme="light"] .banner-badge{ background:rgba(139,92,246,0.12) !important; color:#7c3aed !important; }
html[data-theme="light"] .connect{ background:#eef0f5 !important; }
html[data-theme="light"] .connect-step,html[data-theme="light"] .form-container,
html[data-theme="light"] .purchase-modal,html[data-theme="light"] .advant-item,
html[data-theme="light"] a.device-card,html[data-theme="light"] .install-bar li{
  background:#ffffff !important; border:1px solid rgba(0,0,0,0.08) !important;
}
html[data-theme="light"] .srv-metric{ background:#eef0f5 !important; }
html[data-theme="light"] .srv-img{ background:#e9ebf2 !important; }
html[data-theme="light"] .step-title,html[data-theme="light"] .connect-header,
html[data-theme="light"] .advant-header,html[data-theme="light"] .advant-title,
html[data-theme="light"] .step-number,html[data-theme="light"] .stat-value{ color:#1a1d24 !important; }
html[data-theme="light"] .connect-header span,html[data-theme="light"] .advant-header span{ color:#8b5cf6 !important; }
/* иконки устройств (белые PNG) — тёмная плитка, чтобы были видны на светлом */
html[data-theme="light"] .device-icon{ background:#2a2140 !important; border-radius:14px; }
html[data-theme="light"] .device-card{ background:#ffffff !important; }
/* .advant секция — тёмный фон убрать; reality-CTA текст на белой карточке — тёмный */
html[data-theme="light"] .advant{ background:#f5f6f9 !important; }
html[data-theme="light"] .reality-cta-section h3{ color:#1a1d24 !important; }
html[data-theme="light"] .reality-cta-section p{ color:#5a6170 !important; }
/* ===== светлая тема: убрать невидимый белый текст (аудит) ===== */
html[data-theme="light"] h2{ color:#1a1d24 !important; }
html[data-theme="light"] .tariff p,html[data-theme="light"] .tier-desc,html[data-theme="light"] .form-subtitle{ color:#5a6170 !important; }
html[data-theme="light"] .tariff-header,html[data-theme="light"] .faq-header,html[data-theme="light"] .faq-q,
html[data-theme="light"] .device-name,html[data-theme="light"] .okvpn-whitelist-point,
html[data-theme="light"] .okvpn-whitelist-point b,html[data-theme="light"] .okvpn-whitelist-note{ color:#20242c !important; }
/* srv-card метрики */
html[data-theme="light"] .srv-arrow,html[data-theme="light"] .srv-unit,html[data-theme="light"] .srv-lbl,html[data-theme="light"] .srv-ai{ color:#5a6170 !important; }
html[data-theme="light"] .srv-val,html[data-theme="light"] .srv-val span{ color:#7c3aed !important; }
html[data-theme="light"] .srv-ai-dot{ background:#7c3aed !important; }
/* кнопки */
html[data-theme="light"] .btn-secondary{ color:#20242c !important; border:1px solid rgba(0,0,0,0.15) !important; background:#ffffff !important; }
html[data-theme="light"] .tier-btn-wp{ color:#20242c !important; border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
html[data-theme="light"] .tier-btn-wp.active,html[data-theme="light"] .tier-btn-wp.selected{ background:#8b5cf6 !important; color:#ffffff !important; }
html[data-theme="light"] .tariff .btn:not(.btn-primary){ background:#8b5cf6 !important; color:#ffffff !important; border:none !important; }
html[data-theme="light"] .step-buy-cta{ color:#7c3aed !important; }
html[data-theme="light"] .support-btn-email,html[data-theme="light"] .support-btn-max{ background:rgba(139,92,246,0.10) !important; color:#20242c !important; border:1px solid rgba(139,92,246,0.28) !important; }
/* логотип в футере */
html[data-theme="light"] .footer-main span{ color:#20242c !important; }
html[data-theme="light"] .footer-main span:last-of-type{ color:#8b5cf6 !important; }
/* ===== светлая тема: приятная гармония ===== */
html[data-theme="light"]{ --color-black:#f4f3fa; --bg-main:#f4f3fa; --text-main:#17181d; --text-muted:#5b6270; background:#f4f3fa; }
html[data-theme="light"] body{ background:#f4f3fa !important; color:#17181d; }
html[data-theme="light"] .connect-step,html[data-theme="light"] .srv-card,html[data-theme="light"] .stat,
html[data-theme="light"] .advant-item,html[data-theme="light"] .tariff-card,html[data-theme="light"] .account-section,
html[data-theme="light"] .okv-key-card,html[data-theme="light"] a.device-card,html[data-theme="light"] .form-container,
html[data-theme="light"] .banner{ background:#ffffff !important; border:1px solid rgba(124,58,237,0.10) !important; box-shadow:0 8px 28px rgba(90,70,160,0.08) !important; }
html[data-theme="light"] .connect{ background:#efedf9 !important; }
html[data-theme="light"] .advant{ background:transparent !important; }
html[data-theme="light"] .banner h1 span,html[data-theme="light"] .connect-header span,html[data-theme="light"] .advant-header span,
html[data-theme="light"] .tariff-price,html[data-theme="light"] .logo span:last-of-type,html[data-theme="light"] .nav-item.active,
html[data-theme="light"] .footer-main span:last-of-type{ color:#7c3aed !important; }
html[data-theme="light"] .banner-badge{ background:rgba(124,58,237,0.10) !important; color:#7c3aed !important; }
html[data-theme="light"] .single-cta{ background:linear-gradient(135deg,#7c3aed 0%,#a78bfa 100%) !important; border:0 !important; }
html[data-theme="light"] .single-cta *{ color:#ffffff !important; }
/* мобильное меню = всегда тёмный оверлей → текст светлый даже в светлой теме */
html[data-theme="light"] .mob-menu span,html[data-theme="light"] .mob-menu p,
html[data-theme="light"] .mob-menu small,html[data-theme="light"] .mob-menu .menu-item,
html[data-theme="light"] .mob-menu li,html[data-theme="light"] .mob-menu a{ color:rgba(255,255,255,0.75) !important; }
html[data-theme="light"] .mob-menu .logo span{ color:#e2e8f0 !important; }
html[data-theme="light"] .mob-menu .logo span:last-of-type{ color:#8b5cf6 !important; }
/* ===== светлая тема: белые тексты в мобильных @media → читаемые ===== */
html[data-theme="light"] .footer-tagline{ color:#5a6170 !important; }
html[data-theme="light"] .form-title{ color:#17181d !important; }
html[data-theme="light"] .faq-answer,html[data-theme="light"] .faq-answer p,html[data-theme="light"] .faq-answer li,html[data-theme="light"] .faq-answer span{ color:#4a5160 !important; }
html[data-theme="light"] .faq .icon{ color:#7c3aed !important; }
html[data-theme="light"] .old-price{ color:#9aa0ac !important; }
html[data-theme="light"] .price .days{ color:#5a6170 !important; }
html[data-theme="light"] .connect .connect-header{ color:#17181d !important; }
html[data-theme="light"] .connect-subtitle{ color:#5a6170 !important; }
html[data-theme="light"] .modal-header p,html[data-theme="light"] .modal-close,html[data-theme="light"] .modal-header .modal-sub{ color:#5a6170 !important; }
html[data-theme="light"] .tariff-card li{ color:#20242c !important; }
html[data-theme="light"] .price,html[data-theme="light"] .tariff-price{ color:#7c3aed !important; }
/* ===== светлая тема: тёмные секции devices/connect-form/полезные статьи ===== */
html[data-theme="light"] .devices{ background:transparent !important; }
html[data-theme="light"] .devices-header{ color:#17181d !important; }
html[data-theme="light"] .devices-sub{ color:#5a6170 !important; }
html[data-theme="light"] .connect-form{ background:#ffffff !important; border:1px solid rgba(124,58,237,0.10) !important; box-shadow:0 8px 28px rgba(90,70,160,0.08) !important; }
html[data-theme="light"] .okv-useful h2{ color:#17181d !important; }
html[data-theme="light"] .okv-useful > div > a{ background:#ffffff !important; border:1px solid rgba(124,58,237,0.12) !important; color:#20242c !important; box-shadow:0 6px 20px rgba(90,70,160,0.07) !important; }
/* ===== светлая тема: hero-блок — мягкий градиент вместо плоского белого ===== */
html[data-theme="light"] .banner{
  background:linear-gradient(140deg,#ffffff 0%,#f6f3fe 50%,#ede6fb 100%) !important;
  border:1px solid rgba(124,58,237,0.14) !important;
  box-shadow:0 20px 55px rgba(96,74,168,0.12) !important;
}
html[data-theme="light"] .banner::after{ background:radial-gradient(circle, rgba(139,92,246,0.12) 0%, transparent 70%) !important; opacity:1 !important; }
html[data-theme="light"] .banner::before{ opacity:1 !important; }
/* ===== светлая тема: верхний блок (шапка+меню) в тон hero ===== */
html[data-theme="light"] .header{ background:linear-gradient(180deg,#ffffff 0%,#f6f3fd 100%) !important; }
html[data-theme="light"] .navigation{ background:#f6f3fd !important; border-bottom:1px solid rgba(124,58,237,0.08) !important; }
/* ===== светлая тема: МОЛОЧНАЯ гамма (не «залито белым») ===== */
html[data-theme="light"]{ --color-black:#f3f0e9; --bg-main:#f3f0e9; background:#f3f0e9; }
html[data-theme="light"] body{ background:#f3f0e9 !important; }
html[data-theme="light"] .connect-step,html[data-theme="light"] .srv-card,html[data-theme="light"] .stat,
html[data-theme="light"] .advant-item,html[data-theme="light"] .tariff-card,html[data-theme="light"] .account-section,
html[data-theme="light"] .okv-key-card,html[data-theme="light"] a.device-card,html[data-theme="light"] .form-container,
html[data-theme="light"] .connect-form,html[data-theme="light"] .okv-useful > div > a,html[data-theme="light"] .btn-secondary,
html[data-theme="light"] .tier-btn-wp{ background:#fcfbf7 !important; border:1px solid rgba(120,90,60,0.10) !important; box-shadow:0 8px 26px rgba(120,105,80,0.08) !important; }
html[data-theme="light"] .banner{ background:linear-gradient(140deg,#fdfcfa 0%,#f6f2ea 100%) !important; border:1px solid rgba(120,90,60,0.12) !important; box-shadow:0 18px 48px rgba(120,105,80,0.10) !important; }
html[data-theme="light"] .header{ background:linear-gradient(180deg,#fbf9f4 0%,#f5f1e8 100%) !important; }
html[data-theme="light"] .navigation{ background:#f5f1e8 !important; border-bottom:1px solid rgba(120,90,60,0.08) !important; }
html[data-theme="light"] .footer{ background:#f9f6f0 !important; border-top:1px solid rgba(120,90,60,0.08) !important; }
html[data-theme="light"] .connect{ background:#edeae1 !important; }
html[data-theme="light"] .banner::after{ background:radial-gradient(circle, rgba(139,92,246,0.08) 0%, transparent 70%) !important; }
/* иконки пунктов тарифа (белые PNG) — сделать видимыми на молочном (фиолетовый тон) */
html[data-theme="light"] .tariff-card li img{ filter: brightness(0) saturate(100%) invert(38%) sepia(74%) saturate(2300%) hue-rotate(245deg) brightness(92%) contrast(95%) !important; opacity:1 !important; }
/* обложки карточек «Полезные статьи» — светлый фиолетовый вместо тёмного навигационного */
html[data-theme="light"] .okv-useful > div > a > div:first-child{
  background:radial-gradient(120% 150% at 82% 12%, rgba(139,92,246,0.22) 0%, rgba(139,92,246,0.06) 48%, rgba(255,255,255,0) 72%), linear-gradient(135deg,#efeafc 0%,#e6def8 55%,#ddd3f4 100%) !important;
}

/* ===== 25.07.26: СВЕТЛАЯ ТЕМА — мобильная полировка (tariff/stats/devices/whitelist) ===== */
/* 1. Секция тарифов: на мобиле была тёмная стеклянная рамка → молочная */
html[data-theme="light"] .tariff{
  background:linear-gradient(180deg,#fffdf8 0%,#faf7f0 100%) !important;
  border:1px solid rgba(124,58,237,0.12) !important;
  box-shadow:0 14px 40px rgba(120,105,80,0.10) !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
/* декоративные оверлеи секций рассчитаны на тёмный фон → мягкий фиолетовый вместо серой дымки */
html[data-theme="light"] .tariff::before,html[data-theme="light"] .tariff::after,
html[data-theme="light"] .advant::before,html[data-theme="light"] .advant::after,
html[data-theme="light"] .connect::before,html[data-theme="light"] .connect::after,
html[data-theme="light"] .devices::before,html[data-theme="light"] .devices::after{
  background:linear-gradient(135deg,rgba(139,92,246,0.07),transparent 62%) !important;
  opacity:.85 !important;
}
/* тени секций — тёплые, не чёрные */
html[data-theme="light"] .advant,html[data-theme="light"] .connect,html[data-theme="light"] .devices{
  border:1px solid rgba(124,58,237,0.11) !important;
  box-shadow:0 14px 40px rgba(120,105,80,0.10) !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
/* заголовки/подписи внутри блока тарифов */
html[data-theme="light"] .tariff-header,html[data-theme="light"] .tariff > p{ color:#17181d !important; }
html[data-theme="light"] .tariff-subtitle,html[data-theme="light"] .tariff-container ~ p{ color:#5a6170 !important; }
html[data-theme="light"] .tariff-badge{
  background:rgba(124,58,237,0.10) !important; color:#7c3aed !important; border:1px solid rgba(124,58,237,0.18) !important;
}
html[data-theme="light"] .tier-tabs-wp + p{ color:#5a6170 !important; }
/* карточки тарифов — чуть контрастнее рамка на молочном */
html[data-theme="light"] .tariff-card{
  background:#ffffff !important; border:1px solid rgba(124,58,237,0.13) !important;
  box-shadow:0 8px 24px rgba(120,105,80,0.10) !important;
}
html[data-theme="light"] .tariff-card .card-header,html[data-theme="light"] .tariff-card .card-name{ color:#17181d !important; }

/* 2. Строка характеристик под hero: белые «коробки» с вылезающим текстом → чистый текст */
html[data-theme="light"] .stat{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
html[data-theme="light"] .stats{ border-top:1px solid rgba(120,90,60,0.14) !important; }
html[data-theme="light"] .stat-value{ color:#17181d !important; }
html[data-theme="light"] .stat-label{ color:#6b7280 !important; }

/* 3. Плитки устройств: тёмно-синие квадраты → сиреневые с фиолетовой иконкой */
html[data-theme="light"] .device-icon{
  background:rgba(124,58,237,0.10) !important; border:1px solid rgba(124,58,237,0.16) !important; border-radius:14px;
}
html[data-theme="light"] .device-icon img{
  filter:brightness(0) saturate(100%) invert(38%) sepia(74%) saturate(2300%) hue-rotate(245deg) brightness(92%) contrast(95%) !important;
}
html[data-theme="light"] p.device-name{ color:#17181d !important; }
html[data-theme="light"] p.device-os{ color:#7c3aed !important; }

/* 4. Блок «обход белых списков»: серые плашки → сиреневые */
html[data-theme="light"] .okvpn-whitelist-point{
  background:rgba(124,58,237,0.06) !important; border:1px solid rgba(124,58,237,0.13) !important;
  color:#20242c !important;
}
html[data-theme="light"] .okvpn-whitelist-point b{ color:#17181d !important; }

/* 5. Прочее по мелочи на мобиле */
html[data-theme="light"] .banner-badge{ border:1px solid rgba(124,58,237,0.18) !important; }
html[data-theme="light"] .tier-btn-wp{ box-shadow:0 4px 12px rgba(120,105,80,0.07) !important; }
html[data-theme="light"] .promo-inline,html[data-theme="light"] .promo-box{ background:#fcfbf7 !important; border:1px solid rgba(120,90,60,0.10) !important; }
/* контролы темы/языка в шапке и мобильном меню */
html[data-theme="light"] .okv-ctrl-btn{ background:rgba(124,58,237,0.06) !important; border-color:rgba(124,58,237,0.30) !important; color:#7c3aed !important; }
.mob-menu .okv-ctrl-btn{ background:rgba(255,255,255,0.07) !important; border:1px solid rgba(139,92,246,0.45) !important; color:#c4b5fd !important; }

/* ===== 25.07.26 (2): светлая тема — вход/регистрация, модалки, инструкция ===== */
/* Страницы /login /register /reset-password: карточка была тёмной, а текст — тёмным (нечитаемо) */
html[data-theme="light"] .auth-box{
  background:#fcfbf7 !important; border:1px solid rgba(120,90,60,0.12) !important;
  box-shadow:0 14px 40px rgba(120,105,80,0.10) !important;
}
html[data-theme="light"] .auth-title{ color:#17181d !important; }
html[data-theme="light"] .auth-hint,html[data-theme="light"] .auth-register,
html[data-theme="light"] .form-group label,html[data-theme="light"] .form-hint{ color:#5a6170 !important; }
html[data-theme="light"] .auth-tabs{ background:rgba(124,58,237,0.05) !important; border:1px solid rgba(124,58,237,0.14) !important; }
html[data-theme="light"] .auth-tab{ color:#5a6170 !important; }
html[data-theme="light"] .auth-tab:hover{ color:#20242c !important; }
html[data-theme="light"] .auth-tab.active{ background:#8b5cf6 !important; color:#ffffff !important; }
html[data-theme="light"] .form-group input[type="email"],
html[data-theme="light"] .form-group input[type="password"],
html[data-theme="light"] .form-group input[type="text"]{
  background:#ffffff !important; border:1px solid rgba(0,0,0,0.14) !important; color:#15171c !important;
}
html[data-theme="light"] .auth-register a,html[data-theme="light"] .forgot-link{ color:#7c3aed !important; }
html[data-theme="light"] .auth-pane > p[style]{ color:#5a6170 !important; }
html[data-theme="light"] .auth-pane > p[style] b{ color:#20242c !important; }
html[data-theme="light"] .okv-otp-sep{ color:#8a919e !important; }
html[data-theme="light"] .okv-otp-sep span{ background:rgba(0,0,0,0.10) !important; }

/* Старая модалка входа (#1f1f1f) — в светлой теме заголовок становился тёмным на тёмном */
html[data-theme="light"] .login-modal-body,html[data-theme="light"] .login-modal-header{ background:#ffffff !important; }
html[data-theme="light"] .login-modal-title{ color:#17181d !important; }
html[data-theme="light"] .login-form-divider span{ color:#5a6170 !important; background:#ffffff !important; }
html[data-theme="light"] .login-form-input{ background:#ffffff !important; color:#15171c !important; border:1px solid rgba(0,0,0,0.15) !important; }

/* Модалка оплаты: «Оплатить без промокода» был белым на белом */
html[data-theme="light"] .btn-skip-promo{ color:#6b7280 !important; }
html[data-theme="light"] .btn-skip-promo:hover{ color:#7c3aed !important; }
html[data-theme="light"] .promo-info{ color:#6b7280 !important; }
html[data-theme="light"] .promo-section{ border-top:1px solid rgba(0,0,0,0.10) !important; }
html[data-theme="light"] .promo-row input{ background:#ffffff !important; color:#15171c !important; border:1px solid rgba(0,0,0,0.14) !important; }
html[data-theme="light"] .purchase-modal h2,html[data-theme="light"] .modal-header h2{ color:#17181d !important; }

/* Инструкция по установке: подпись под ссылкой на App Store была белой на молочном */
html[data-theme="light"] .okv-happ-box{ background:rgba(124,58,237,0.06) !important; border:1px solid rgba(124,58,237,0.12) !important; }
html[data-theme="light"] .okv-happ-note{ color:#5a6170 !important; }
html[data-theme="light"] .okv-happ-note b,html[data-theme="light"] .okv-happ-note strong{ color:#17181d !important; }

/* ===== 25.07.26 (3): светлая тема — личный кабинет и его модалки ===== */
html[data-theme="light"] .user-info h2,html[data-theme="light"] .section-header h3,
html[data-theme="light"] .key-name,html[data-theme="light"] .okv-key-name,
html[data-theme="light"] .autopay-title,html[data-theme="light"] .reality-promo h3{ color:#17181d !important; }
html[data-theme="light"] .user-email,html[data-theme="light"] .btn-logout-account,
html[data-theme="light"] .key-expire,html[data-theme="light"] .okv-key-expire,
html[data-theme="light"] .okv-key-label,html[data-theme="light"] .autopay-text,
html[data-theme="light"] .autopay-meta,html[data-theme="light"] .autopay-note,
html[data-theme="light"] #telegramLinkSection p,html[data-theme="light"] #tgLinkStatus,
html[data-theme="light"] .reality-promo p,html[data-theme="light"] .referral-section p,
html[data-theme="light"] .partner-section p,html[data-theme="light"] .stat-label,
html[data-theme="light"] .account-error p,html[data-theme="light"] .account-error p[style]{ color:#5a6170 !important; }
html[data-theme="light"] .btn-logout-account:hover{ color:#20242c !important; }
html[data-theme="light"] .key-status.expired,html[data-theme="light"] .okv-key-status.expired{
  background:rgba(0,0,0,0.05) !important; color:#8a919e !important; border:1px solid rgba(0,0,0,0.10) !important;
}
html[data-theme="light"] .key-btn,html[data-theme="light"] .okv-key-actions .okv-btn-secondary,
html[data-theme="light"] .referral-link-box button,html[data-theme="light"] .partner-link-box button{
  background:rgba(124,58,237,0.07) !important; color:#20242c !important; border:1px solid rgba(124,58,237,0.20) !important;
}
html[data-theme="light"] .okv-key-actions .okv-btn-ghost{ background:rgba(124,58,237,0.07) !important; color:#7c3aed !important; border:1px solid rgba(124,58,237,0.22) !important; }
html[data-theme="light"] .referral-link-box input,html[data-theme="light"] .partner-link-box input{
  background:#ffffff !important; color:#20242c !important; border:1px solid rgba(0,0,0,0.12) !important;
}
html[data-theme="light"] .stat-item{ background:#ffffff !important; border:1px solid rgba(124,58,237,0.12) !important; }
html[data-theme="light"] .autopay-card,html[data-theme="light"] .key-item{ background:#ffffff !important; border:1px solid rgba(124,58,237,0.12) !important; }

/* модалки ЛК: «Выберите тариф» и «Устройства» — были тёмными с тёмным текстом */
html[data-theme="light"] .tariffs-modal{
  background:#fdfcf9 !important; border:1px solid rgba(120,90,60,0.14) !important;
  box-shadow:0 22px 60px rgba(90,70,160,0.16) !important;
}
html[data-theme="light"] .tariffs-modal h2,html[data-theme="light"] .tariffs-modal h3{ color:#17181d !important; }
html[data-theme="light"] .tariff-card-new,html[data-theme="light"] .tariff-card-new.popular,
html[data-theme="light"] .tariff-card-modal{
  background:#ffffff !important; border:1px solid rgba(124,58,237,0.14) !important;
  box-shadow:0 6px 20px rgba(120,105,80,0.08) !important;
}
html[data-theme="light"] .tariffs-grid .tariff-period,html[data-theme="light"] .tariff-card-modal .tariff-name{ color:#20242c !important; }
html[data-theme="light"] .tariff-features li{ color:#4a5160 !important; }
html[data-theme="light"] .tariff-price-new{ color:#7c3aed !important; }
html[data-theme="light"] .tariffs-grid .tariff-days,html[data-theme="light"] .tariff-card-modal .tariff-days,
html[data-theme="light"] .tariff-old-price{ color:#8a919e !important; }
html[data-theme="light"] .modal-close{ background:rgba(0,0,0,0.06) !important; color:#5a6170 !important; }
html[data-theme="light"] .modal-close:hover{ color:#17181d !important; }
html[data-theme="light"] .account-promo-row input{ background:#ffffff !important; color:#15171c !important; border:1px solid rgba(0,0,0,0.14) !important; }
html[data-theme="light"] .account-promo-row input::placeholder{ color:#98a0ad !important; }
html[data-theme="light"] .account-promo-status.info,html[data-theme="light"] .account-promo-status{ color:#5a6170 !important; }

/* блок «обход белых списков» теперь внутри секции тарифов */
html[data-theme="light"] .okvpn-whitelist-card{
  background:linear-gradient(135deg,rgba(124,58,237,0.07),rgba(255,255,255,0.6)) !important;
  border:1px solid rgba(124,58,237,0.16) !important;
  box-shadow:0 10px 30px rgba(120,105,80,0.08) !important;
}
html[data-theme="light"] .okvpn-whitelist-title{ color:#17181d !important; }
html[data-theme="light"] .okvpn-whitelist-text{ color:#4a5160 !important; }

/* 25.07.26 (4): активная вкладка тарифа в светлой теме (была неотличима от неактивных) */
html[data-theme="light"] .tier-btn-wp.active{
  background:#8b5cf6 !important; color:#ffffff !important; border-color:#8b5cf6 !important;
  box-shadow:0 6px 16px rgba(139,92,246,0.28) !important;
}