/**
 * Светлая тема: html[data-ui-theme="light"].
 * Подключается после auth.css и/или отдельной ссылкой после крупных inline-стилей.
 */
html[data-ui-theme="light"] {
    --bg-dark: #f1f5f9;
    --bg-card: rgba(255, 255, 255, 0.95);
    --bg-card-hover: rgba(241, 245, 249, 0.95);
    --bg-input: #ffffff;
    --border: rgba(15, 23, 42, 0.12);
    --border-focus: rgba(14, 165, 233, 0.45);
    --text: #0f172a;
    --text-muted: #64748b;
    --accent-cyan: #0284c7;
    --accent-cyan-dim: rgba(14, 165, 233, 0.12);
    --accent-violet: #6d28d9;
    --accent-emerald: #059669;
    --accent-red: #dc2626;
    --gradient-1: linear-gradient(135deg, #0284c7 0%, #4f46e5 45%, #7c3aed 100%);
    --gradient-glow: radial-gradient(ellipse 90% 60% at 50% -15%, rgba(14, 165, 233, 0.12), transparent 55%);
    --gradient-glow-violet: radial-gradient(ellipse 60% 40% at 80% 20%, rgba(99, 102, 241, 0.08), transparent);
    --shadow-card: 0 8px 32px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(15, 23, 42, 0.06);
    --shadow-card-hover: 0 24px 48px rgba(15, 23, 42, 0.1);
    --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --dash-text: #0f172a;
    --dash-muted: #64748b;
    --dash-cyan: #0284c7;
    --dash-border: rgba(14, 165, 233, 0.2);
    --dash-gradient: linear-gradient(135deg, #0284c7 0%, #4f46e5 45%, #7c3aed 100%);
}

/* --- Страницы авторизации (auth.css) --- */
html[data-ui-theme="light"] body.auth-page {
    color: var(--text);
}
html[data-ui-theme="light"] body.auth-page::before {
    background: var(--gradient-glow), linear-gradient(180deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);
}
html[data-ui-theme="light"] body.auth-page::after {
    background-image:
        linear-gradient(rgba(15, 23, 42, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.04) 1px, transparent 1px);
}
html[data-ui-theme="light"] .auth-box {
    background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);
    border-color: var(--border);
    box-shadow: var(--shadow-card);
}
html[data-ui-theme="light"] .auth-btn-passkey {
    color: #fff;
}

/* Регистрация / вход: блок «Согласие с документами» — светлый фон и тёмный текст (не серое на сером) */
html[data-ui-theme="light"] body.auth-page .legal-agree-block {
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%) !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}
html[data-ui-theme="light"] body.auth-page .legal-agree-title {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.auth-page .legal-agree-row {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.auth-page .legal-agree-row a {
    color: #0284c7 !important;
    font-weight: 600;
}
html[data-ui-theme="light"] body.auth-page .legal-agree-row a:hover {
    color: #0369a1 !important;
}

/* --- Дашборд и общие страницы ЛК (auth.css .dashboard-page) --- */
html[data-ui-theme="light"] body.dashboard-page {
    background: var(--bg-dark) !important;
    color: var(--text) !important;
}
html[data-ui-theme="light"] body.dashboard-page::before {
    background: radial-gradient(ellipse 120% 80% at 50% -25%, rgba(14, 165, 233, 0.1) 0%, transparent 45%),
        radial-gradient(ellipse 70% 50% at 100% 20%, rgba(99, 102, 241, 0.06) 0%, transparent 40%),
        linear-gradient(165deg, #f8fafc 0%, #f1f5f9 40%, #e2e8f0 100%) !important;
}
html[data-ui-theme="light"] body.dashboard-page::after {
    background-image: linear-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.05) 1px, transparent 1px) !important;
}
html[data-ui-theme="light"] .dash-header {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] .dash-header .logo {
    color: var(--dash-text) !important;
    -webkit-text-fill-color: unset !important;
    background: var(--dash-gradient) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
html[data-ui-theme="light"] .dash-header .ico-btn {
    color: #475569 !important;
    border-color: transparent !important;
}
html[data-ui-theme="light"] .dash-header .ico-btn:hover {
    color: #0284c7 !important;
    background: rgba(14, 165, 233, 0.08) !important;
    border-color: rgba(14, 165, 233, 0.25) !important;
}
html[data-ui-theme="light"] .dash-header .ico-btn.active {
    color: #0369a1 !important;
    background: rgba(14, 165, 233, 0.1) !important;
}
html[data-ui-theme="light"] .dash-header .balance-badge {
    background: rgba(14, 165, 233, 0.12) !important;
    border-color: rgba(14, 165, 233, 0.28) !important;
    color: #0284c7 !important;
}
/* В шапке ЛК — тот же «пилюльный» вид, без «пустого» прозрачного квадрата */
.dash-header .dash-user .ui-theme-toggle,
.dash-header .d-flex .ui-theme-toggle {
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    background: linear-gradient(145deg, rgba(30, 41, 59, 0.75) 0%, rgba(15, 23, 42, 0.55) 100%) !important;
    color: #e2e8f0 !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset !important;
}
.dash-header .dash-user .ui-theme-toggle:hover,
.dash-header .d-flex .ui-theme-toggle:hover {
    border-color: rgba(34, 211, 238, 0.38) !important;
    background: linear-gradient(145deg, rgba(34, 211, 238, 0.2) 0%, rgba(15, 23, 42, 0.6) 100%) !important;
    color: #f8fafc !important;
}
html[data-ui-theme="light"] .dash-header .dash-user .ui-theme-toggle,
html[data-ui-theme="light"] .dash-header .d-flex .ui-theme-toggle {
    color: #334155 !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] .dash-header .dash-user .ui-theme-toggle:hover,
html[data-ui-theme="light"] .dash-header .d-flex .ui-theme-toggle:hover {
    color: #0f172a !important;
    background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%) !important;
    border-color: rgba(14, 165, 233, 0.35) !important;
}
@media (max-width: 575.98px) {
    .dash-header .dash-user .ui-theme-toggle,
    .dash-header .d-flex .ui-theme-toggle {
        min-height: 36px;
        padding-left: 0.55rem !important;
        padding-right: 0.55rem !important;
    }
}
html[data-ui-theme="light"] .dash-stat,
html[data-ui-theme="light"] .dash-card,
html[data-ui-theme="light"] .configs-card {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] .dash-welcome h1 {
    color: var(--dash-text) !important;
}
html[data-ui-theme="light"] .dash-welcome p,
html[data-ui-theme="light"] .dash-stat .label,
html[data-ui-theme="light"] .dash-card p {
    color: var(--dash-muted) !important;
}
html[data-ui-theme="light"] .dash-stat .value,
html[data-ui-theme="light"] .dash-card h3 {
    color: var(--dash-text) !important;
}
html[data-ui-theme="light"] .dash-section-title {
    color: var(--dash-text) !important;
}
html[data-ui-theme="light"] .dash-section-title .section-ico.action {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #d97706 !important;
}
html[data-ui-theme="light"] .dash-section-title .section-ico.configs {
    background: rgba(124, 58, 237, 0.12) !important;
    color: #6d28d9 !important;
}
html[data-ui-theme="light"] .dash-section-title .section-ico.sections {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #059669 !important;
}
html[data-ui-theme="light"] .dash-welcome .welcome-ico {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(99, 102, 241, 0.12)) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] .dash-stats .dash-stat:nth-child(1) .ico {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(14, 165, 233, 0.12)) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] .dash-stats .dash-stat:nth-child(2) .ico {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.15), rgba(99, 102, 241, 0.1)) !important;
    color: #6d28d9 !important;
}
html[data-ui-theme="light"] .dash-stats .dash-stat:nth-child(3) .ico {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.18), rgba(5, 150, 105, 0.1)) !important;
    color: #059669 !important;
}
html[data-ui-theme="light"] .dash-stat:hover {
    border-color: rgba(14, 165, 233, 0.25) !important;
}
html[data-ui-theme="light"] .dash-card:hover {
    border-color: rgba(14, 165, 233, 0.28) !important;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.08) !important;
}
html[data-ui-theme="light"] .dash-card .btn {
    color: #fff !important;
    background: var(--dash-gradient) !important;
}
html[data-ui-theme="light"] .dash-card .btn:hover {
    color: #fff !important;
}
html[data-ui-theme="light"] .dash-card .ico.ico-emerald {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.18), rgba(5, 150, 105, 0.1)) !important;
    color: #059669 !important;
}
html[data-ui-theme="light"] .dash-card .ico.ico-cyan {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(99, 102, 241, 0.1)) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] .dash-card .ico.ico-violet {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.15), rgba(99, 102, 241, 0.1)) !important;
    color: #6d28d9 !important;
}
html[data-ui-theme="light"] .dash-card .ico.ico-orange {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(217, 119, 6, 0.12)) !important;
    color: #d97706 !important;
}
html[data-ui-theme="light"] .dash-card .ico.ico-slate {
    background: rgba(100, 116, 139, 0.12) !important;
    color: #64748b !important;
}
html[data-ui-theme="light"] .dash-balance-policy,
html[data-ui-theme="light"] .dash-balance-policy[style] {
    color: var(--dash-muted) !important;
}
html[data-ui-theme="light"] .dash-balance-policy a {
    color: #0284c7 !important;
}
html[data-ui-theme="light"] .dash-balance-policy a:hover {
    color: #0369a1 !important;
}
html[data-ui-theme="light"] .dash-balance-policy strong {
    color: var(--dash-text) !important;
}
html[data-ui-theme="light"] .dash-alert.warning {
    background: rgba(245, 158, 11, 0.1) !important;
    border-color: rgba(217, 119, 6, 0.35) !important;
    color: #b45309 !important;
}
html[data-ui-theme="light"] .dash-alert.success {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(5, 150, 105, 0.35) !important;
    color: #047857 !important;
}
html[data-ui-theme="light"] .dash-alert.error {
    background: rgba(248, 113, 113, 0.1) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    color: #b91c1c !important;
}
html[data-ui-theme="light"] .configs-table thead th {
    color: #64748b !important;
    background: rgba(241, 245, 249, 0.95) !important;
    border-bottom-color: rgba(15, 23, 42, 0.1) !important;
}
html[data-ui-theme="light"] .configs-table tbody tr:hover {
    background: rgba(14, 165, 233, 0.06) !important;
}
html[data-ui-theme="light"] .config-name-form input {
    background: #fff !important;
    border-color: rgba(15, 23, 42, 0.15) !important;
    color: var(--dash-text) !important;
}
html[data-ui-theme="light"] .config-preview {
    background: rgba(241, 245, 249, 0.9) !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
    color: #475569 !important;
}

/* dashboard: на телефоне карточки конфигов — светлый фон; текст ключа не должен быть бледно-серым на белом */
@media (max-width: 767.98px) {
    html[data-ui-theme="light"] body.dashboard-page .configs-table tbody tr.config-row {
        background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
        border-color: rgba(15, 23, 42, 0.12) !important;
        box-shadow: 0 4px 20px rgba(15, 23, 42, 0.07) !important;
    }
    html[data-ui-theme="light"] body.dashboard-page .configs-table tbody tr.config-row:hover {
        background: linear-gradient(155deg, #f8fafc 0%, #f1f5f9 100%) !important;
    }
    html[data-ui-theme="light"] body.dashboard-page .configs-table tbody tr.config-row td {
        color: #0f172a !important;
        border-bottom-color: rgba(15, 23, 42, 0.08) !important;
    }
    html[data-ui-theme="light"] body.dashboard-page .configs-table td[data-label]::before {
        color: #64748b !important;
    }
    html[data-ui-theme="light"] body.dashboard-page .configs-card .no-link {
        color: #64748b !important;
    }
    html[data-ui-theme="light"] body.dashboard-page .config-cell-key .config-preview,
    html[data-ui-theme="light"] body.dashboard-page .config-preview {
        background: #f1f5f9 !important;
        border: 1px solid rgba(15, 23, 42, 0.12) !important;
        color: #0f172a !important;
    }
}

/* Пагинация блока «Мои конфиги» на dashboard */
html[data-ui-theme="light"] .pagination-wrap {
    background: #f1f5f9 !important;
    border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 0 0 18px 18px !important;
}
html[data-ui-theme="light"] .pagination-info {
    color: #64748b !important;
}
html[data-ui-theme="light"] .pagination a {
    color: #64748b !important;
}
html[data-ui-theme="light"] .pagination a:hover {
    color: #0284c7 !important;
    background: rgba(14, 165, 233, 0.12) !important;
    border-color: rgba(14, 165, 233, 0.25) !important;
}
html[data-ui-theme="light"] .pagination .current {
    color: #0369a1 !important;
    background: rgba(14, 165, 233, 0.2) !important;
    border-color: rgba(14, 165, 233, 0.45) !important;
    box-shadow: none !important;
}
html[data-ui-theme="light"] .pagination .gap {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* dashboard: модальное окно QR при светлой теме */
html[data-ui-theme="light"] .qr-modal {
    background: rgba(15, 23, 42, 0.45) !important;
    backdrop-filter: blur(12px);
}
html[data-ui-theme="light"] .qr-modal-content {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.14) !important;
}
html[data-ui-theme="light"] .qr-modal-content .qr-big {
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08) !important;
    border: 1px solid rgba(15, 23, 42, 0.08);
}
html[data-ui-theme="light"] .qr-modal-hint {
    color: #475569 !important;
}
html[data-ui-theme="light"] .qr-modal-hint--small {
    color: #64748b !important;
}
html[data-ui-theme="light"] .qr-modal-close {
    background: rgba(14, 165, 233, 0.12) !important;
    border-color: rgba(14, 165, 233, 0.45) !important;
    color: #0369a1 !important;
}
html[data-ui-theme="light"] .qr-modal-close:hover {
    background: rgba(14, 165, 233, 0.22) !important;
    border-color: #0284c7 !important;
    color: #0c4a6e !important;
}

/* --- Главная и тарифы (свои :root в inline) --- */
html[data-ui-theme="light"] body:not(.admin-layout-page) {
    color: var(--text);
}
html[data-ui-theme="light"] .bg-pattern {
    background: var(--gradient-glow-violet), var(--gradient-glow), linear-gradient(180deg, #f8fafc 0%, #f1f5f9 45%, #e2e8f0 100%) !important;
}
html[data-ui-theme="light"] .bg-pattern::before {
    background-image: linear-gradient(rgba(15, 23, 42, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.04) 1px, transparent 1px) !important;
}
html[data-ui-theme="light"] header.navbar,
html[data-ui-theme="light"] header:not(.navbar) {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.92) 100%) !important;
    border-bottom-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] header .nav-link {
    color: #64748b !important;
}
html[data-ui-theme="light"] header .nav-link:hover {
    color: #0284c7 !important;
}
html[data-ui-theme="light"] header .navbar-toggler-icon {
    filter: invert(0.35);
}
html[data-ui-theme="light"] .protocol-card {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
}
html[data-ui-theme="light"] .protocol-card:hover {
    border-color: rgba(14, 165, 233, 0.35) !important;
    box-shadow: var(--shadow-card-hover) !important;
}

/* --- tariffs.php: карточки тарифов в светлой теме --- */
html[data-ui-theme="light"] body.tariffs-page .tariff-card {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.06), 0 0 0 1px rgba(15, 23, 42, 0.04) !important;
}
html[data-ui-theme="light"] body.tariffs-page .tariff-card:hover {
    border-color: rgba(14, 165, 233, 0.3) !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.12) !important;
}
html[data-ui-theme="light"] body.tariffs-page .tariff-card .name {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.tariffs-page .tariff-card .price {
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.tariffs-page .tariff-card .price span {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.tariffs-page .tariff-card .period {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.tariffs-page .tariff-card .description {
    color: #475569 !important;
}
html[data-ui-theme="light"] body.tariffs-page .tariff-card.bundle .price {
    color: #6d28d9 !important;
}
html[data-ui-theme="light"] body.tariffs-page .tariff-card.bundle .price span {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.tariffs-page .bundle-badge {
    background: rgba(124, 58, 237, 0.12) !important;
    color: #6d28d9 !important;
}
html[data-ui-theme="light"] body.tariffs-page .section-title h2 {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.tariffs-page .section-title p {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.tariffs-page .page-hero h1 {
    color: #0f172a !important;
}

/* --- download.php: светлая тема --- */
html[data-ui-theme="light"] body.download-page .download-card {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.06), 0 0 0 1px rgba(15, 23, 42, 0.04) !important;
}
html[data-ui-theme="light"] body.download-page .download-card:hover {
    border-color: rgba(14, 165, 233, 0.28) !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.12) !important;
}
html[data-ui-theme="light"] body.download-page .download-card h2 {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.download-page .download-card p {
    color: #475569 !important;
}
html[data-ui-theme="light"] body.download-page .download-card.cloud .card-icon {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.18), rgba(99, 102, 241, 0.12)) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.download-page .download-card.github .card-icon {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.15), rgba(99, 102, 241, 0.1)) !important;
    color: #6d28d9 !important;
}
html[data-ui-theme="light"] body.download-page .download-card.github .btn-card {
    background: #ffffff !important;
    border: 2px solid rgba(14, 165, 233, 0.45) !important;
    color: #0369a1 !important;
}
html[data-ui-theme="light"] body.download-page .download-card.github .btn-card:hover {
    background: rgba(14, 165, 233, 0.1) !important;
    border-color: #0284c7 !important;
    color: #0c4a6e !important;
}
html[data-ui-theme="light"] body.download-page .download-hero h1 {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.download-page .download-hero p {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.download-page .platforms {
    border-top-color: rgba(15, 23, 42, 0.1) !important;
}
html[data-ui-theme="light"] body.download-page .platforms h3 {
    color: #475569 !important;
}
html[data-ui-theme="light"] body.download-page .platforms p {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.download-page .platform-list a {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.download-page .platform-list a:hover {
    background: rgba(14, 165, 233, 0.08) !important;
    border-color: rgba(14, 165, 233, 0.35) !important;
    color: #0284c7 !important;
}

/* --- help.php: светлая тема --- */
html[data-ui-theme="light"] body.help-page {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.help-page .bg-pattern {
    background: radial-gradient(ellipse 60% 40% at 80% 20%, rgba(99, 102, 241, 0.08), transparent 40%),
        radial-gradient(ellipse 90% 60% at 50% -15%, rgba(14, 165, 233, 0.12), transparent 55%),
        linear-gradient(180deg, #f8fafc 0%, #f1f5f9 45%, #e2e8f0 100%) !important;
}
html[data-ui-theme="light"] body.help-page .bg-pattern::after {
    background-image: linear-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.05) 1px, transparent 1px) !important;
}
html[data-ui-theme="light"] body.help-page .navbar {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] body.help-page .nav-link {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.help-page .nav-link:hover {
    color: #0284c7 !important;
    background: rgba(14, 165, 233, 0.08) !important;
}
html[data-ui-theme="light"] body.help-page .nav-link.active {
    color: #0369a1 !important;
    background: rgba(14, 165, 233, 0.1) !important;
}

html[data-ui-theme="light"] body.help-page .help-hero .hero-ico {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(99, 102, 241, 0.12)) !important;
    color: #0284c7 !important;
    box-shadow: 0 12px 40px -16px rgba(14, 165, 233, 0.2) !important;
}
html[data-ui-theme="light"] body.help-page .help-hero h1 {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.help-page .help-hero p {
    color: #64748b !important;
}

html[data-ui-theme="light"] body.help-page .help-section {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06), 0 0 0 1px rgba(15, 23, 42, 0.04) !important;
}
html[data-ui-theme="light"] body.help-page .help-section:hover {
    border-color: rgba(14, 165, 233, 0.22) !important;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.08) !important;
}
html[data-ui-theme="light"] body.help-page .help-section h2 {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.help-page .help-section h2 .section-ico {
    background: rgba(14, 165, 233, 0.12) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.help-page .help-section h2 .section-ico.violet {
    background: rgba(124, 58, 237, 0.12) !important;
    color: #6d28d9 !important;
}
html[data-ui-theme="light"] body.help-page .help-section p,
html[data-ui-theme="light"] body.help-page .help-section ul {
    color: #475569 !important;
}
html[data-ui-theme="light"] body.help-page .help-section strong {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.help-page .help-section a {
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.help-page .help-section a:hover {
    color: #0369a1 !important;
}

html[data-ui-theme="light"] body.help-page .help-cta {
    background: linear-gradient(160deg, rgba(14, 165, 233, 0.08) 0%, rgba(99, 102, 241, 0.05) 100%) !important;
    border-color: rgba(14, 165, 233, 0.22) !important;
}
html[data-ui-theme="light"] body.help-page .help-cta p {
    color: #64748b !important;
}

/* --- renew_config.php: светлая тема --- */
html[data-ui-theme="light"] body.dashboard-page.renew-page {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.renew-page::before {
    background: radial-gradient(ellipse 120% 80% at 50% -25%, rgba(14, 165, 233, 0.1) 0%, transparent 45%),
        radial-gradient(ellipse 70% 50% at 100% 20%, rgba(99, 102, 241, 0.06) 0%, transparent 40%),
        linear-gradient(165deg, #f8fafc 0%, #f1f5f9 40%, #e2e8f0 100%) !important;
}
html[data-ui-theme="light"] body.renew-page::after {
    background-image: linear-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.05) 1px, transparent 1px) !important;
}

html[data-ui-theme="light"] body.renew-page .dash-header {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] body.renew-page .dash-header .logo {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.renew-page .dash-header .logo:hover {
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.renew-page .dash-header .ico-btn {
    color: #475569 !important;
}
html[data-ui-theme="light"] body.renew-page .dash-header .ico-btn:hover {
    color: #0284c7 !important;
    background: rgba(14, 165, 233, 0.08) !important;
    border-color: rgba(14, 165, 233, 0.2) !important;
}
html[data-ui-theme="light"] body.renew-page .dash-header .badge.bg-dark {
    background: rgba(14, 165, 233, 0.12) !important;
    color: #0369a1 !important;
    border: 1px solid rgba(14, 165, 233, 0.35) !important;
}
html[data-ui-theme="light"] body.renew-page .dash-header .text-body-secondary {
    color: #64748b !important;
}

html[data-ui-theme="light"] body.renew-page .renew-hero h1 {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.renew-page .renew-hero h1 .hero-ico {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(99, 102, 241, 0.12)) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.renew-page .renew-hero p {
    color: #64748b !important;
}

html[data-ui-theme="light"] body.renew-page .renew-alert-error {
    color: #b91c1c !important;
    background: rgba(248, 113, 113, 0.1) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
}

html[data-ui-theme="light"] body.renew-page .renew-card {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] body.renew-page .renew-card .card-head {
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
}
html[data-ui-theme="light"] body.renew-page .renew-card .card-head .card-ico {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.18), rgba(99, 102, 241, 0.1)) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.renew-page .renew-card .card-head h2 {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.renew-page .renew-row {
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
}
html[data-ui-theme="light"] body.renew-page .renew-label {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.renew-page .renew-value {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.renew-page .renew-sum {
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.renew-page .renew-insufficient {
    background: rgba(248, 113, 113, 0.08) !important;
    border-color: rgba(248, 113, 113, 0.3) !important;
    color: #b91c1c !important;
}
html[data-ui-theme="light"] body.renew-page .renew-insufficient a {
    color: #0284c7 !important;
}

html[data-ui-theme="light"] body.renew-page .renew-days-control input[type="number"] {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.15) !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.renew-page .renew-days-control input[type="number"]:focus {
    border-color: rgba(14, 165, 233, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.12) !important;
}
html[data-ui-theme="light"] body.renew-page .renew-quick-days button {
    background: rgba(14, 165, 233, 0.08) !important;
    border-color: rgba(14, 165, 233, 0.35) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.renew-page .renew-quick-days button:hover {
    background: rgba(14, 165, 233, 0.14) !important;
    border-color: #0284c7 !important;
    color: #0369a1 !important;
}
html[data-ui-theme="light"] body.renew-page .renew-hint-small {
    color: #64748b !important;
    opacity: 1 !important;
}

html[data-ui-theme="light"] body.renew-page .btn-renew-cancel {
    background: #ffffff !important;
    border: 2px solid rgba(14, 165, 233, 0.4) !important;
    color: #0369a1 !important;
}
html[data-ui-theme="light"] body.renew-page .btn-renew-cancel:hover {
    background: rgba(14, 165, 233, 0.08) !important;
    border-color: #0284c7 !important;
    color: #0c4a6e !important;
}

html[data-ui-theme="light"] body.renew-page .renew-back {
    color: #475569 !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    background: rgba(255, 255, 255, 0.85) !important;
}
html[data-ui-theme="light"] body.renew-page .renew-back:hover {
    color: #0284c7 !important;
    border-color: rgba(14, 165, 233, 0.35) !important;
    background: rgba(14, 165, 233, 0.06) !important;
}

/* --- transfer_config.php: светлая тема --- */
html[data-ui-theme="light"] body.dashboard-page.transfer-page {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.transfer-page::before {
    background: radial-gradient(ellipse 120% 80% at 50% -25%, rgba(14, 165, 233, 0.1) 0%, transparent 45%),
        radial-gradient(ellipse 70% 50% at 100% 20%, rgba(99, 102, 241, 0.06) 0%, transparent 40%),
        linear-gradient(165deg, #f8fafc 0%, #f1f5f9 40%, #e2e8f0 100%) !important;
}
html[data-ui-theme="light"] body.transfer-page::after {
    background-image: linear-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.05) 1px, transparent 1px) !important;
}

html[data-ui-theme="light"] body.transfer-page .dash-user .name {
    color: #64748b !important;
}

html[data-ui-theme="light"] body.transfer-page .dash-welcome h1 {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.transfer-page .dash-welcome p {
    color: #64748b !important;
}

html[data-ui-theme="light"] body.transfer-page .transfer-card {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] body.transfer-page .transfer-card h2 {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.transfer-page .transfer-card h2 .ico {
    background: rgba(14, 165, 233, 0.12) !important;
    color: #0284c7 !important;
}

html[data-ui-theme="light"] body.transfer-page .transfer-info {
    background: #f1f5f9 !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
}
html[data-ui-theme="light"] body.transfer-page .transfer-info .label {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.transfer-page .transfer-info .value {
    color: #0f172a !important;
}

html[data-ui-theme="light"] body.transfer-page .transfer-form label {
    color: #475569 !important;
}
html[data-ui-theme="light"] body.transfer-page .transfer-form select {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.15) !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.transfer-page .transfer-form select:focus {
    border-color: rgba(14, 165, 233, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.12) !important;
}
html[data-ui-theme="light"] body.transfer-page .transfer-form select option {
    background: #ffffff !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.transfer-page .transfer-form p[style] {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.transfer-page .transfer-form .btn {
    color: #fff !important;
}

html[data-ui-theme="light"] body.transfer-page .transfer-alert.error {
    background: rgba(248, 113, 113, 0.1) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    color: #b91c1c !important;
}

html[data-ui-theme="light"] body.transfer-page .transfer-empty {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.transfer-page .transfer-empty a {
    color: #0284c7 !important;
}

html[data-ui-theme="light"] body.transfer-page .transfer-back {
    color: #475569 !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    background: rgba(255, 255, 255, 0.85) !important;
}
html[data-ui-theme="light"] body.transfer-page .transfer-back:hover {
    color: #0284c7 !important;
    border-color: rgba(14, 165, 233, 0.35) !important;
    background: rgba(14, 165, 233, 0.06) !important;
}

html[data-ui-theme="light"] footer {
    border-top-color: rgba(15, 23, 42, 0.1) !important;
    background: linear-gradient(0deg, rgba(15, 23, 42, 0.04) 0%, transparent 100%) !important;
}
html[data-ui-theme="light"] footer a:hover {
    color: #0369a1 !important;
    text-shadow: none !important;
}
html[data-ui-theme="light"] .cookie-consent {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.96) 100%) !important;
    border-top-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 -8px 32px rgba(15, 23, 42, 0.08) !important;
}
html[data-ui-theme="light"] .btn-outline-light {
    --bs-btn-color: #0f172a;
    --bs-btn-border-color: rgba(15, 23, 42, 0.2);
    --bs-btn-hover-bg: rgba(15, 23, 42, 0.06);
    --bs-btn-hover-border-color: rgba(15, 23, 42, 0.3);
    --bs-btn-hover-color: #0f172a;
}

/* --- Юридические страницы (.legal-page) --- */
html[data-ui-theme="light"].legal-page,
html[data-ui-theme="light"] .legal-page {
    --bg-dark: #f8fafc;
    --border: rgba(15, 23, 42, 0.12);
    --text: #0f172a;
    --text-muted: #64748b;
    --accent-cyan: #0284c7;
}
html[data-ui-theme="light"] body.legal-page {
    background: #f8fafc !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] .legal-page .contact-block {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
}

/* --- Страница ошибки --- */
html[data-ui-theme="light"] body.error-page {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.error-page .error-box,
html[data-ui-theme="light"] body.error-page .box {
    background: #fff !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
}

/* --- Футер сайта: переключатель темы --- */
.site-footer .footer-theme-row {
    margin-bottom: 12px;
}
.ui-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none !important;
    transition: background 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s;
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: linear-gradient(145deg, rgba(30, 41, 59, 0.65) 0%, rgba(15, 23, 42, 0.5) 100%);
    color: #e2e8f0 !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset;
}
.ui-theme-toggle:hover {
    background: linear-gradient(145deg, rgba(34, 211, 238, 0.18) 0%, rgba(15, 23, 42, 0.55) 100%);
    border-color: rgba(34, 211, 238, 0.4);
    color: #f0fdfa !important;
}
.ui-theme-toggle .ui-theme-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    opacity: 0.95;
}
.ui-theme-toggle .ui-theme-svg {
    width: 1.125rem;
    height: 1.125rem;
    flex-shrink: 0;
    display: block;
}
html[data-ui-theme="light"] .ui-theme-toggle {
    border-color: rgba(15, 23, 42, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
    color: #334155 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
html[data-ui-theme="light"] .ui-theme-toggle:hover {
    background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
    border-color: rgba(14, 165, 233, 0.35);
    color: #0f172a !important;
}
.ui-theme-toggle .ui-theme-toggle-label-full {
    display: inline;
}
.ui-theme-toggle .ui-theme-toggle-label-short {
    display: none;
}
@media (max-width: 575.98px) {
    .ui-theme-toggle {
        min-height: 44px;
        padding: 0.5rem 1rem;
        gap: 0.4rem;
    }
    .ui-theme-toggle .ui-theme-svg {
        width: 1.25rem;
        height: 1.25rem;
    }
    .ui-theme-toggle .ui-theme-toggle-label-full {
        display: none;
    }
    .ui-theme-toggle .ui-theme-toggle-label-short {
        display: inline;
        font-size: 0.8125rem;
        font-weight: 600;
        letter-spacing: 0.01em;
    }
}

/* --- help-page --- */
html[data-ui-theme="light"] body.help-page {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

html[data-ui-theme="light"] body.maintenance-page {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.maintenance-page p {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.maintenance-page h1 {
    color: #0f172a !important;
}

/* --- balance.php: светлая тема --- */
html[data-ui-theme="light"] body.dashboard-page.balance-page {
    background: #f1f5f9 !important;
    color: var(--text) !important;
}
html[data-ui-theme="light"] body.balance-page::before {
    background: radial-gradient(ellipse 120% 80% at 50% -25%, rgba(14, 165, 233, 0.1) 0%, transparent 45%),
        radial-gradient(ellipse 70% 50% at 100% 20%, rgba(99, 102, 241, 0.06) 0%, transparent 40%),
        linear-gradient(165deg, #f8fafc 0%, #f1f5f9 40%, #e2e8f0 100%) !important;
}
html[data-ui-theme="light"] body.balance-page::after {
    background-image: linear-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.05) 1px, transparent 1px) !important;
}

html[data-ui-theme="light"] body.balance-page .bal-hero {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.08) !important;
}
html[data-ui-theme="light"] body.balance-page .bal-hero .bal-ico {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(99, 102, 241, 0.15)) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.balance-page .bal-hero .amount {
    background: linear-gradient(135deg, #0284c7, #6366f1) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
html[data-ui-theme="light"] body.balance-page .bal-hero .label {
    color: #64748b !important;
}

html[data-ui-theme="light"] body.balance-page .bal-card:not(.bal-policy-notice) {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06) !important;
}

/* Блок «Как устроены списания»: тёплый фон и тёмный текст для контраста */
html[data-ui-theme="light"] body.balance-page .bal-policy-notice {
    background: linear-gradient(155deg, #fffbeb 0%, #fef9c3 50%, #fef08a 100%) !important;
    border-color: rgba(217, 119, 6, 0.4) !important;
    box-shadow: 0 4px 20px rgba(180, 83, 9, 0.12) !important;
}
html[data-ui-theme="light"] body.balance-page .bal-policy-notice .bal-card-title {
    color: #78350f !important;
}
html[data-ui-theme="light"] body.balance-page .bal-policy-notice .bal-card-title .ico {
    background: rgba(217, 119, 6, 0.18) !important;
    color: #b45309 !important;
}
html[data-ui-theme="light"] body.balance-page .bal-policy-notice p {
    color: #57534e !important;
}
html[data-ui-theme="light"] body.balance-page .bal-policy-notice strong {
    color: #451a03 !important;
}

html[data-ui-theme="light"] body.balance-page .buy-codes-block .buy-codes-card {
    background: linear-gradient(155deg, rgba(34, 197, 94, 0.1) 0%, rgba(22, 163, 74, 0.06) 100%) !important;
    border-color: rgba(22, 163, 74, 0.28) !important;
}
html[data-ui-theme="light"] body.balance-page .buy-codes-block .buy-codes-card .lead {
    color: #475569 !important;
}

html[data-ui-theme="light"] body.balance-page .pay-form .input-wrap input {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.15) !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.balance-page .pay-form .input-wrap input:focus {
    border-color: rgba(14, 165, 233, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15) !important;
}

html[data-ui-theme="light"] body.balance-page .bal-actions .btn-secondary {
    background: rgba(14, 165, 233, 0.08) !important;
    border-color: rgba(14, 165, 233, 0.35) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.balance-page .bal-actions .btn-secondary:hover {
    background: rgba(14, 165, 233, 0.14) !important;
    border-color: rgba(14, 165, 233, 0.5) !important;
    color: #0369a1 !important;
}

html[data-ui-theme="light"] body.balance-page .bal-alert.success {
    color: #047857 !important;
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
}
html[data-ui-theme="light"] body.balance-page .bal-alert.error {
    color: #b91c1c !important;
    background: rgba(248, 113, 113, 0.12) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
}

/* --- referral.php: светлая тема --- */
html[data-ui-theme="light"] body.dashboard-page.ref-page {
    background: #f1f5f9 !important;
    color: var(--text) !important;
}
html[data-ui-theme="light"] body.ref-page::before {
    background: radial-gradient(ellipse 120% 80% at 50% -25%, rgba(14, 165, 233, 0.1) 0%, transparent 45%),
        radial-gradient(ellipse 70% 50% at 100% 20%, rgba(99, 102, 241, 0.06) 0%, transparent 40%),
        linear-gradient(165deg, #f8fafc 0%, #f1f5f9 40%, #e2e8f0 100%) !important;
}
html[data-ui-theme="light"] body.ref-page::after {
    background-image: linear-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.05) 1px, transparent 1px) !important;
}
html[data-ui-theme="light"] body.ref-page .ref-hero {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.08) !important;
}
html[data-ui-theme="light"] body.ref-page .ref-hero .ref-hero-ico {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.15), rgba(14, 165, 233, 0.2)) !important;
    color: #6d28d9 !important;
}
html[data-ui-theme="light"] body.ref-page .ref-hero .amount {
    background: linear-gradient(135deg, #0284c7, #6366f1) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
html[data-ui-theme="light"] body.ref-page .ref-hero .label {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.ref-page .ref-card {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] body.ref-page .ref-card h3 {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.ref-page .ref-link-wrap input {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.15) !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.ref-page .ref-stat {
    background: #f8fafc !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
}
html[data-ui-theme="light"] body.ref-page .ref-stat .v {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.ref-page .ref-stat .l {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.ref-page .ref-form input {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.15) !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.ref-page .ref-form label {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.ref-page .ref-payout-select {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.15) !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.ref-page .ref-payouts th {
    color: #64748b !important;
    background: rgba(241, 245, 249, 0.95) !important;
}
html[data-ui-theme="light"] body.ref-page .ref-payouts th,
html[data-ui-theme="light"] body.ref-page .ref-payouts td {
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.ref-page .ref-payouts td.status-pending {
    color: #b45309 !important;
}
html[data-ui-theme="light"] body.ref-page .ref-payouts td.status-completed {
    color: #047857 !important;
}
html[data-ui-theme="light"] body.ref-page .ref-payouts td.status-rejected {
    color: #b91c1c !important;
}
html[data-ui-theme="light"] body.ref-page .ref-payouts tbody tr:hover {
    background: rgba(14, 165, 233, 0.06) !important;
}
html[data-ui-theme="light"] body.ref-page .ref-alert.success {
    color: #047857 !important;
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
}
html[data-ui-theme="light"] body.ref-page .ref-alert.error {
    color: #b91c1c !important;
    background: rgba(248, 113, 113, 0.12) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
}
html[data-ui-theme="light"] body.ref-page .ref-balance-badge {
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
    color: #047857 !important;
}

/* --- buy_config.php: светлая тема (карточки и шаги) --- */
html[data-ui-theme="light"] body.dashboard-page.buy-page::before {
    background: radial-gradient(ellipse 120% 80% at 50% -25%, rgba(14, 165, 233, 0.1) 0%, transparent 45%),
        radial-gradient(ellipse 70% 50% at 100% 20%, rgba(99, 102, 241, 0.06) 0%, transparent 40%),
        linear-gradient(165deg, #f8fafc 0%, #f1f5f9 40%, #e2e8f0 100%) !important;
}
html[data-ui-theme="light"] body.dashboard-page.buy-page::after {
    background-image: linear-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.05) 1px, transparent 1px) !important;
}

html[data-ui-theme="light"] body.buy-page .tariff-card,
html[data-ui-theme="light"] body.buy-page .server-card {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] body.buy-page .tariff-card:hover,
html[data-ui-theme="light"] body.buy-page .server-card:hover {
    border-color: rgba(14, 165, 233, 0.35) !important;
    box-shadow: 0 10px 32px rgba(15, 23, 42, 0.1) !important;
}
html[data-ui-theme="light"] body.buy-page .tariff-card .tariff-name,
html[data-ui-theme="light"] body.buy-page .server-card .server-name {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.buy-page .tariff-card .tariff-meta,
html[data-ui-theme="light"] body.buy-page .tariff-card .tariff-desc {
    color: #475569 !important;
}
html[data-ui-theme="light"] body.buy-page .tariff-card .tariff-desc {
    opacity: 1;
}

html[data-ui-theme="light"] body.buy-page .tariff-card__price {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.buy-page .tariff-card__period {
    color: #0369a1 !important;
    background: rgba(14, 165, 233, 0.12) !important;
    border-color: rgba(14, 165, 233, 0.3) !important;
}
html[data-ui-theme="light"] body.buy-page .tariff-meta--bundle-type {
    color: #6366f1 !important;
}
html[data-ui-theme="light"] body.buy-page .tariff-card--bundle .tariff-desc {
    color: #64748b !important;
}

html[data-ui-theme="light"] body.buy-page .confirm-block {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] body.buy-page .confirm-block .confirm-title,
html[data-ui-theme="light"] body.buy-page .confirm-block .confirm-label {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.buy-page .confirm-block .confirm-value {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.buy-page .confirm-block .confirm-sum {
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.buy-page .confirm-block .confirm-row {
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
}

html[data-ui-theme="light"] body.buy-page .legal-agree-block--buy {
    background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%) !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 4px 16px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] body.buy-page .legal-agree-block--buy .legal-agree-title {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.buy-page .legal-agree-block--buy .legal-agree-row {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.buy-page .legal-agree-block--buy .legal-agree-row a {
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.buy-page .legal-agree-block--buy .legal-agree-row a:hover {
    color: #0369a1 !important;
}

html[data-ui-theme="light"] body.buy-page .buy-summary {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.08) 0%, rgba(14, 165, 233, 0.03) 100%) !important;
    border-color: rgba(14, 165, 233, 0.22) !important;
    color: #334155 !important;
}
html[data-ui-theme="light"] body.buy-page .buy-summary strong {
    color: #0f172a !important;
}

html[data-ui-theme="light"] body.buy-page .buy-steps .step-num {
    background: #e2e8f0 !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    color: #64748b !important;
    box-shadow: none !important;
}
html[data-ui-theme="light"] body.buy-page .buy-steps .step-item.active .step-num {
    border-color: #0284c7 !important;
    color: #0369a1 !important;
    background: rgba(14, 165, 233, 0.12) !important;
    box-shadow: 0 0 20px rgba(14, 165, 233, 0.18) !important;
}
html[data-ui-theme="light"] body.buy-page .buy-steps .step-item.done .step-num {
    border-color: #059669 !important;
    color: #047857 !important;
    background: rgba(16, 185, 129, 0.12) !important;
    box-shadow: none !important;
}
html[data-ui-theme="light"] body.buy-page .buy-steps .step-label {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.buy-page .buy-steps .step-item.active .step-label {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.buy-page .buy-steps .step-conn {
    background: #cbd5e1 !important;
}
html[data-ui-theme="light"] body.buy-page .buy-steps .step-item.done + .step-conn {
    background: linear-gradient(90deg, #34d399, #cbd5e1) !important;
}

html[data-ui-theme="light"] body.buy-page .btn-back {
    background: rgba(14, 165, 233, 0.06) !important;
    border-color: rgba(14, 165, 233, 0.22) !important;
    color: #475569 !important;
}
html[data-ui-theme="light"] body.buy-page .btn-back:hover {
    color: #0284c7 !important;
    border-color: rgba(14, 165, 233, 0.4) !important;
    background: rgba(14, 165, 233, 0.1) !important;
}

html[data-ui-theme="light"] body.buy-page .buy-balance-badge {
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
    color: #047857 !important;
}

html[data-ui-theme="light"] body.buy-page .buy-section-title {
    color: #0f172a !important;
}

html[data-ui-theme="light"] body.buy-page .link-cabinet {
    color: #475569 !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
}
html[data-ui-theme="light"] body.buy-page .link-cabinet:hover {
    color: #0284c7 !important;
    border-color: rgba(14, 165, 233, 0.35) !important;
    background: rgba(14, 165, 233, 0.06) !important;
}

html[data-ui-theme="light"] body.buy-page .buy-step-hint {
    color: #64748b !important;
}

html[data-ui-theme="light"] body.buy-page .buy-network-notice {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.14) 0%, rgba(254, 243, 199, 0.5) 100%) !important;
    border-color: rgba(217, 119, 6, 0.35) !important;
    color: #57534e !important;
}
html[data-ui-theme="light"] body.buy-page .buy-network-notice__head {
    color: #b45309 !important;
}
html[data-ui-theme="light"] body.buy-page .buy-network-notice__list strong {
    color: #0f172a !important;
}

/* --- tickets.php: светлая тема --- */
html[data-ui-theme="light"] body.dashboard-page.tickets-page {
    background: #f1f5f9 !important;
    color: var(--text) !important;
}
html[data-ui-theme="light"] body.tickets-page::before {
    background: radial-gradient(ellipse 120% 80% at 50% -25%, rgba(14, 165, 233, 0.1) 0%, transparent 45%),
        radial-gradient(ellipse 70% 50% at 100% 20%, rgba(99, 102, 241, 0.06) 0%, transparent 40%),
        linear-gradient(165deg, #f8fafc 0%, #f1f5f9 40%, #e2e8f0 100%) !important;
}
html[data-ui-theme="light"] body.tickets-page::after {
    background-image: linear-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.05) 1px, transparent 1px) !important;
}

html[data-ui-theme="light"] body.tickets-page .dash-header {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] body.tickets-page .dash-header .logo {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.tickets-page .dash-header .logo:hover {
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.tickets-page .dash-header .ico-btn {
    color: #475569 !important;
}
html[data-ui-theme="light"] body.tickets-page .dash-header .ico-btn:hover {
    color: #0284c7 !important;
    background: rgba(14, 165, 233, 0.08) !important;
    border-color: rgba(14, 165, 233, 0.2) !important;
}
html[data-ui-theme="light"] body.tickets-page .dash-header .ico-btn.active {
    color: #0369a1 !important;
    background: rgba(14, 165, 233, 0.1) !important;
    border-color: rgba(14, 165, 233, 0.3) !important;
}

html[data-ui-theme="light"] body.tickets-page .tickets-hero h1 {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.tickets-page .tickets-hero h1 .hero-ico {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(99, 102, 241, 0.12)) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.tickets-page .tickets-hero p {
    color: #64748b !important;
}

html[data-ui-theme="light"] body.tickets-page .ticket-item {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] body.tickets-page .ticket-item:hover {
    border-color: rgba(14, 165, 233, 0.28) !important;
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.08) !important;
}
html[data-ui-theme="light"] body.tickets-page .ticket-item .ticket-subject {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.tickets-page .ticket-item .ticket-meta {
    color: #64748b !important;
}

html[data-ui-theme="light"] body.tickets-page .ticket-badge.open {
    background: rgba(14, 165, 233, 0.12) !important;
    color: #0369a1 !important;
    border-color: rgba(14, 165, 233, 0.35) !important;
}
html[data-ui-theme="light"] body.tickets-page .ticket-badge.answered {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #047857 !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
}
html[data-ui-theme="light"] body.tickets-page .ticket-badge.closed {
    background: rgba(100, 116, 139, 0.12) !important;
    color: #475569 !important;
    border-color: rgba(100, 116, 139, 0.3) !important;
}

html[data-ui-theme="light"] body.tickets-page .btn-open-ticket {
    background: rgba(14, 165, 233, 0.1) !important;
    border-color: rgba(14, 165, 233, 0.45) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.tickets-page .btn-open-ticket:hover {
    background: rgba(14, 165, 233, 0.18) !important;
    border-color: #0284c7 !important;
    color: #0369a1 !important;
}

html[data-ui-theme="light"] body.tickets-page .tickets-empty {
    background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
}
html[data-ui-theme="light"] body.tickets-page .tickets-empty .empty-ico {
    background: rgba(14, 165, 233, 0.12) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.tickets-page .tickets-empty p {
    color: #64748b !important;
}

html[data-ui-theme="light"] body.tickets-page .ticket-error {
    color: #b91c1c !important;
    background: rgba(248, 113, 113, 0.1) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
}

html[data-ui-theme="light"] body.tickets-page .ticket-back {
    color: #475569 !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    background: rgba(255, 255, 255, 0.8) !important;
}
html[data-ui-theme="light"] body.tickets-page .ticket-back:hover {
    color: #0284c7 !important;
    border-color: rgba(14, 165, 233, 0.35) !important;
    background: rgba(14, 165, 233, 0.06) !important;
}

html[data-ui-theme="light"] body.tickets-page .dash-user .text-muted {
    color: #64748b !important;
}

/* --- ticket_create.php: светлая тема --- */
html[data-ui-theme="light"] body.dashboard-page.ticket-create-page,
html[data-ui-theme="light"] body.ticket-create-page {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.ticket-create-page::before {
    background: radial-gradient(ellipse 120% 80% at 50% -25%, rgba(14, 165, 233, 0.1) 0%, transparent 45%),
        radial-gradient(ellipse 70% 50% at 100% 20%, rgba(99, 102, 241, 0.06) 0%, transparent 40%),
        linear-gradient(165deg, #f8fafc 0%, #f1f5f9 40%, #e2e8f0 100%) !important;
}
html[data-ui-theme="light"] body.ticket-create-page::after {
    background-image: linear-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.05) 1px, transparent 1px) !important;
}
html[data-ui-theme="light"] body.ticket-create-page .dash-header {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] body.ticket-create-page .dash-header .logo {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.ticket-create-page .dash-header .ico-btn {
    color: #475569 !important;
}
html[data-ui-theme="light"] body.ticket-create-page .dash-header .ico-btn:hover {
    color: #0284c7 !important;
    background: rgba(14, 165, 233, 0.08) !important;
}
html[data-ui-theme="light"] body.ticket-create-page .dash-header .ico-btn.active {
    color: #0369a1 !important;
    background: rgba(14, 165, 233, 0.1) !important;
}
html[data-ui-theme="light"] body.ticket-create-page .create-hero h1 {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.ticket-create-page .create-hero h1 .hero-ico {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(99, 102, 241, 0.12)) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.ticket-create-page .create-hero p {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.ticket-create-page .form-card {
    background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.08) !important;
}
html[data-ui-theme="light"] body.ticket-create-page .form-card .form-label {
    color: #334155 !important;
}
html[data-ui-theme="light"] body.ticket-create-page .form-card .form-label i {
    color: #0284c7 !important;
    opacity: 1 !important;
}
html[data-ui-theme="light"] body.ticket-create-page .form-card .form-control {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.15) !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.ticket-create-page .form-card .form-control::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}
html[data-ui-theme="light"] body.ticket-create-page .form-card .form-control:focus {
    border-color: rgba(14, 165, 233, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.18) !important;
}
html[data-ui-theme="light"] body.ticket-create-page .form-card .btn-cancel {
    color: #475569 !important;
    border-color: rgba(15, 23, 42, 0.15) !important;
    background: rgba(241, 245, 249, 0.9) !important;
}
html[data-ui-theme="light"] body.ticket-create-page .form-card .btn-cancel:hover {
    color: #0284c7 !important;
    border-color: rgba(14, 165, 233, 0.4) !important;
    background: rgba(14, 165, 233, 0.08) !important;
}
html[data-ui-theme="light"] body.ticket-create-page .ticket-error {
    color: #b91c1c !important;
    background: rgba(248, 113, 113, 0.1) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
}
html[data-ui-theme="light"] body.ticket-create-page .ticket-back {
    color: #475569 !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    background: rgba(255, 255, 255, 0.9) !important;
}
html[data-ui-theme="light"] body.ticket-create-page .ticket-back:hover {
    color: #0284c7 !important;
    border-color: rgba(14, 165, 233, 0.35) !important;
    background: rgba(14, 165, 233, 0.06) !important;
}

/* --- ticket_view.php: светлая тема --- */
html[data-ui-theme="light"] body.dashboard-page.ticket-view-page {
    background: #f1f5f9 !important;
    color: var(--text) !important;
}
html[data-ui-theme="light"] body.ticket-view-page::before {
    background: radial-gradient(ellipse 120% 80% at 50% -25%, rgba(14, 165, 233, 0.1) 0%, transparent 45%),
        radial-gradient(ellipse 70% 50% at 100% 20%, rgba(99, 102, 241, 0.06) 0%, transparent 40%),
        linear-gradient(165deg, #f8fafc 0%, #f1f5f9 40%, #e2e8f0 100%) !important;
}
html[data-ui-theme="light"] body.ticket-view-page::after {
    background-image: linear-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.05) 1px, transparent 1px) !important;
}

html[data-ui-theme="light"] body.ticket-view-page .ticket-card {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] body.ticket-view-page .ticket-card .card-head h1 {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.ticket-view-page .ticket-card .card-head .card-ico {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(99, 102, 241, 0.12)) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.ticket-view-page .ticket-card .meta {
    color: #64748b !important;
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
}
html[data-ui-theme="light"] body.ticket-view-page .ticket-card .meta .sep {
    color: #cbd5e1 !important;
}

html[data-ui-theme="light"] body.ticket-view-page .ticket-badge.open {
    background: rgba(14, 165, 233, 0.12) !important;
    color: #0369a1 !important;
    border-color: rgba(14, 165, 233, 0.35) !important;
}
html[data-ui-theme="light"] body.ticket-view-page .ticket-badge.answered {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #047857 !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
}
html[data-ui-theme="light"] body.ticket-view-page .ticket-badge.closed {
    background: rgba(100, 116, 139, 0.12) !important;
    color: #475569 !important;
    border-color: rgba(100, 116, 139, 0.3) !important;
}

html[data-ui-theme="light"] body.ticket-view-page .ticket-actions .form-select {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.15) !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.ticket-view-page .ticket-actions .btn-outline-cyan {
    background: rgba(14, 165, 233, 0.1) !important;
    border-color: rgba(14, 165, 233, 0.45) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.ticket-view-page .ticket-actions .btn-outline-cyan:hover {
    background: rgba(14, 165, 233, 0.18) !important;
    border-color: #0284c7 !important;
    color: #0369a1 !important;
}
html[data-ui-theme="light"] body.ticket-view-page .ticket-actions .btn-outline-danger {
    background: rgba(248, 113, 113, 0.1) !important;
    border-color: rgba(220, 38, 38, 0.35) !important;
    color: #b91c1c !important;
}
html[data-ui-theme="light"] body.ticket-view-page .ticket-actions .btn-outline-danger:hover {
    background: rgba(248, 113, 113, 0.18) !important;
    border-color: #dc2626 !important;
    color: #991b1b !important;
}
html[data-ui-theme="light"] body.ticket-view-page .ticket-actions .btn-outline-success {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(5, 150, 105, 0.4) !important;
    color: #047857 !important;
}
html[data-ui-theme="light"] body.ticket-view-page .ticket-actions .btn-outline-success:hover {
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: #059669 !important;
    color: #065f46 !important;
}

html[data-ui-theme="light"] body.ticket-view-page .msg {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
}
html[data-ui-theme="light"] body.ticket-view-page .msg:hover {
    border-color: rgba(14, 165, 233, 0.22) !important;
}
html[data-ui-theme="light"] body.ticket-view-page .msg.staff {
    border-left-color: #059669 !important;
    background: linear-gradient(155deg, rgba(16, 185, 129, 0.08) 0%, #f8fafc 100%) !important;
    border-color: rgba(16, 185, 129, 0.25) !important;
}
html[data-ui-theme="light"] body.ticket-view-page .msg .who {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.ticket-view-page .msg.staff .who {
    color: #047857 !important;
}
html[data-ui-theme="light"] body.ticket-view-page .msg .msg-body {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.ticket-view-page .msg .time {
    color: #64748b !important;
}

html[data-ui-theme="light"] body.ticket-view-page .reply-card {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] body.ticket-view-page .reply-card .form-label {
    color: #475569 !important;
}
html[data-ui-theme="light"] body.ticket-view-page .reply-card textarea.form-control {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.15) !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.ticket-view-page .reply-card textarea.form-control::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}
html[data-ui-theme="light"] body.ticket-view-page .reply-card textarea.form-control:focus {
    border-color: rgba(14, 165, 233, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15) !important;
}

html[data-ui-theme="light"] body.ticket-view-page .ticket-closed-msg {
    background: linear-gradient(160deg, #f8fafc 0%, #f1f5f9 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    color: #475569 !important;
}
html[data-ui-theme="light"] body.ticket-view-page .ticket-closed-msg a {
    color: #0284c7 !important;
}

html[data-ui-theme="light"] body.ticket-view-page .ticket-error {
    color: #b91c1c !important;
    background: rgba(248, 113, 113, 0.1) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
}

html[data-ui-theme="light"] body.ticket-view-page .ticket-back {
    color: #475569 !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    background: rgba(255, 255, 255, 0.8) !important;
}
html[data-ui-theme="light"] body.ticket-view-page .ticket-back:hover {
    color: #0284c7 !important;
    border-color: rgba(14, 165, 233, 0.35) !important;
    background: rgba(14, 165, 233, 0.06) !important;
}

html[data-ui-theme="light"] body.ticket-view-page .dash-user .text-muted {
    color: #64748b !important;
}

/* --- profile.php: светлая тема --- */
html[data-ui-theme="light"] body.dashboard-page.profile-page {
    background: #f1f5f9 !important;
    color: var(--text) !important;
}
html[data-ui-theme="light"] body.profile-page::before {
    background: radial-gradient(ellipse 120% 80% at 50% -25%, rgba(14, 165, 233, 0.1) 0%, transparent 45%),
        radial-gradient(ellipse 70% 50% at 100% 20%, rgba(99, 102, 241, 0.06) 0%, transparent 40%),
        linear-gradient(165deg, #f8fafc 0%, #f1f5f9 40%, #e2e8f0 100%) !important;
}
html[data-ui-theme="light"] body.profile-page::after {
    background-image: linear-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.05) 1px, transparent 1px) !important;
}

html[data-ui-theme="light"] body.profile-page .dash-welcome h1 {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.profile-page .dash-welcome h1 .welcome-ico {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(99, 102, 241, 0.12)) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.profile-page .dash-welcome p {
    color: #64748b !important;
}

html[data-ui-theme="light"] body.profile-page .profile-card {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card:hover {
    border-color: rgba(14, 165, 233, 0.22) !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card.danger-zone {
    background: linear-gradient(155deg, #fff5f5 0%, #fef2f2 100%) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card.danger-zone:hover {
    border-color: rgba(239, 68, 68, 0.45) !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card .card-head {
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card .card-head .card-ico.cyan {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(99, 102, 241, 0.1)) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card .card-head .card-ico.violet {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(124, 58, 237, 0.1)) !important;
    color: #6d28d9 !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card .card-head .card-ico.orange {
    background: linear-gradient(135deg, rgba(251, 146, 60, 0.2), rgba(245, 158, 11, 0.12)) !important;
    color: #c2410c !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card .card-head .card-ico.danger {
    background: linear-gradient(135deg, rgba(248, 113, 113, 0.2), rgba(239, 68, 68, 0.12)) !important;
    color: #dc2626 !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card .card-head h3 {
    color: #0f172a !important;
}

html[data-ui-theme="light"] body.profile-page .profile-card .form-label {
    color: #475569 !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card .form-control {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.15) !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card .form-control::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card .form-control:focus {
    border-color: rgba(14, 165, 233, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15) !important;
}

html[data-ui-theme="light"] body.profile-page .profile-card .form-check-input {
    background-color: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.25) !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card .form-check-input:checked {
    background-color: #0284c7 !important;
    border-color: #0284c7 !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card .form-check-label {
    color: #0f172a !important;
}

html[data-ui-theme="light"] body.profile-page .profile-card .btn-outline {
    background: rgba(14, 165, 233, 0.08) !important;
    border-color: rgba(14, 165, 233, 0.45) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card .btn-outline:hover {
    background: rgba(14, 165, 233, 0.14) !important;
    border-color: #0284c7 !important;
    color: #0369a1 !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card .btn-danger {
    background: linear-gradient(135deg, rgba(248, 113, 113, 0.15), rgba(239, 68, 68, 0.1)) !important;
    border-color: rgba(220, 38, 38, 0.4) !important;
    color: #b91c1c !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card .btn-danger:hover {
    background: linear-gradient(135deg, rgba(248, 113, 113, 0.22), rgba(239, 68, 68, 0.15)) !important;
    border-color: #dc2626 !important;
    color: #991b1b !important;
}

html[data-ui-theme="light"] body.profile-page .profile-card .text-muted-small {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card strong {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.profile-page .profile-card code {
    background: rgba(15, 23, 42, 0.06) !important;
    color: #0f172a !important;
    padding: 0.15em 0.4em;
    border-radius: 6px;
    font-size: 0.9em;
}

html[data-ui-theme="light"] body.profile-page .profile-card .totp-secret-code {
    background: #f1f5f9 !important;
    color: #0369a1 !important;
    border-color: rgba(14, 165, 233, 0.3) !important;
}

html[data-ui-theme="light"] body.profile-page .profile-alert.success {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(5, 150, 105, 0.35) !important;
    color: #047857 !important;
}
html[data-ui-theme="light"] body.profile-page .profile-alert.error {
    background: rgba(248, 113, 113, 0.1) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    color: #b91c1c !important;
}

html[data-ui-theme="light"] body.profile-page .profile-card .border-secondary {
    border-color: rgba(15, 23, 42, 0.1) !important;
}

html[data-ui-theme="light"] body.profile-page .dash-user .text-muted {
    color: #64748b !important;
}

/* --- finance_history.php: светлая тема --- */
html[data-ui-theme="light"] body.dashboard-page.finance-history-page {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.finance-history-page::before {
    background: radial-gradient(ellipse 120% 80% at 50% -25%, rgba(14, 165, 233, 0.1) 0%, transparent 45%),
        linear-gradient(165deg, #f8fafc 0%, #f1f5f9 40%, #e2e8f0 100%) !important;
}
html[data-ui-theme="light"] body.finance-history-page::after {
    background-image: linear-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.05) 1px, transparent 1px) !important;
}

html[data-ui-theme="light"] body.finance-history-page .fh-header {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}
html[data-ui-theme="light"] body.finance-history-page .fh-header .logo {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.finance-history-page .fh-header .ico-btn {
    color: #475569 !important;
}
html[data-ui-theme="light"] body.finance-history-page .fh-header .ico-btn:hover {
    color: #0284c7 !important;
    background: rgba(14, 165, 233, 0.08) !important;
    border-color: rgba(14, 165, 233, 0.2) !important;
}
html[data-ui-theme="light"] body.finance-history-page .fh-header .text-secondary {
    color: #64748b !important;
}

html[data-ui-theme="light"] body.finance-history-page .fh-title {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.finance-history-page .fh-title .ico {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #059669 !important;
}
html[data-ui-theme="light"] body.finance-history-page .fh-sub {
    color: #64748b !important;
}

html[data-ui-theme="light"] body.finance-history-page .dash-finance-year-nav a {
    color: #0284c7 !important;
}
html[data-ui-theme="light"] body.finance-history-page .dash-finance-year-nav .year-current {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.finance-history-page .dash-finance-year-nav a.disabled {
    color: #94a3b8 !important;
}

html[data-ui-theme="light"] body.finance-history-page .dash-finance-summary .fin-box {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
}
html[data-ui-theme="light"] body.finance-history-page .dash-finance-summary .fin-box .fin-label {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.finance-history-page .dash-finance-summary .fin-box:not(.in):not(.out) .fin-val {
    color: #0284c7 !important;
}

html[data-ui-theme="light"] body.finance-history-page .dash-finance-hint {
    color: #64748b !important;
}

html[data-ui-theme="light"] body.finance-history-page .dash-finance-table-wrap {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
}
html[data-ui-theme="light"] body.finance-history-page .dash-finance-table-wrap h3 {
    color: #0f172a !important;
}
html[data-ui-theme="light"] body.finance-history-page .dash-finance-table-wrap th {
    color: #64748b !important;
}
html[data-ui-theme="light"] body.finance-history-page .dash-finance-table-wrap tbody td {
    color: #0f172a !important;
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
}
html[data-ui-theme="light"] body.finance-history-page .dash-finance-table-wrap strong {
    color: #0f172a !important;
}

html[data-ui-theme="light"] body.finance-history-page .fh-pagination-wrap {
    background: #f1f5f9 !important;
    border-top-color: rgba(15, 23, 42, 0.08) !important;
}

/* --- Статистика (statistics.php, класс .stats-page) — светлый фон, карточки, таблица --- */
html[data-ui-theme="light"] body.dashboard-page.stats-page::before {
    background: radial-gradient(ellipse 120% 80% at 50% -25%, rgba(14, 165, 233, 0.1) 0%, transparent 45%),
        radial-gradient(ellipse 70% 50% at 100% 20%, rgba(99, 102, 241, 0.06) 0%, transparent 40%),
        linear-gradient(165deg, #f8fafc 0%, #f1f5f9 40%, #e2e8f0 100%) !important;
}
html[data-ui-theme="light"] body.dashboard-page.stats-page::after {
    background-image: linear-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.05) 1px, transparent 1px) !important;
}
html[data-ui-theme="light"] .stats-page .dash-welcome h1 {
    color: #0f172a !important;
}
html[data-ui-theme="light"] .stats-page .dash-welcome p {
    color: #64748b !important;
}
html[data-ui-theme="light"] .stats-page .dash-welcome h1 .fa-chart-line {
    color: #0284c7 !important;
}

html[data-ui-theme="light"] .stats-summary .box {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06) !important;
    backdrop-filter: none !important;
}
html[data-ui-theme="light"] .stats-summary .box:hover {
    border-color: rgba(14, 165, 233, 0.28) !important;
}
html[data-ui-theme="light"] .stats-summary .box .box-ico.cyan {
    background: rgba(14, 165, 233, 0.12) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] .stats-summary .box .box-ico.violet {
    background: rgba(124, 58, 237, 0.12) !important;
    color: #6d28d9 !important;
}
html[data-ui-theme="light"] .stats-summary .box .box-ico.emerald {
    background: rgba(16, 185, 129, 0.14) !important;
    color: #059669 !important;
}
html[data-ui-theme="light"] .stats-summary .box .value {
    color: #0f172a !important;
}
html[data-ui-theme="light"] .stats-summary .box .label {
    color: #64748b !important;
}

html[data-ui-theme="light"] .stats-card {
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.08) !important;
    backdrop-filter: none !important;
}

html[data-ui-theme="light"] .stats-table-wrap::-webkit-scrollbar-thumb {
    background: rgba(14, 165, 233, 0.35) !important;
}

html[data-ui-theme="light"] .stats-table thead th {
    background: linear-gradient(180deg, #f1f5f9 0%, #e8edf3 100%) !important;
    color: #64748b !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.1) !important;
}
html[data-ui-theme="light"] .stats-table tbody tr {
    border-bottom: 1px solid rgba(15, 23, 42, 0.07) !important;
}
html[data-ui-theme="light"] .stats-table tbody tr:nth-child(even) {
    background: rgba(241, 245, 249, 0.65) !important;
}
html[data-ui-theme="light"] .stats-table tbody tr:hover {
    background: rgba(14, 165, 233, 0.07) !important;
}
html[data-ui-theme="light"] .stats-table td {
    color: #334155 !important;
}
html[data-ui-theme="light"] .stats-table td:first-child {
    color: #0f172a !important;
}
html[data-ui-theme="light"] .stats-table .col-server {
    color: #475569 !important;
}
html[data-ui-theme="light"] .stats-table .col-date {
    color: #64748b !important;
}
html[data-ui-theme="light"] .stats-table code.stats-conn-id {
    color: #0369a1 !important;
    background: rgba(14, 165, 233, 0.1) !important;
    border: 1px solid rgba(14, 165, 233, 0.22) !important;
}
html[data-ui-theme="light"] .stats-table .traffic {
    color: #0284c7 !important;
}
html[data-ui-theme="light"] .stats-table .traffic-muted {
    color: #94a3b8 !important;
}
html[data-ui-theme="light"] .stats-table .no-data {
    color: #94a3b8 !important;
}

html[data-ui-theme="light"] .badge-stat-online {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.16), rgba(5, 150, 105, 0.1)) !important;
    color: #047857 !important;
    border: 1px solid rgba(16, 185, 129, 0.38) !important;
}
html[data-ui-theme="light"] .badge-stat-online::before {
    background: #059669 !important;
    box-shadow: 0 0 10px rgba(5, 150, 105, 0.45) !important;
}
html[data-ui-theme="light"] .badge-stat-offline {
    background: #f1f5f9 !important;
    color: #64748b !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
}

html[data-ui-theme="light"] .stats-devices-count {
    color: #0f172a !important;
}
html[data-ui-theme="light"] .stats-devices-count-label {
    color: #64748b !important;
}
html[data-ui-theme="light"] .stats-devices-limit {
    color: #b45309 !important;
    background: rgba(251, 191, 36, 0.18) !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
}
html[data-ui-theme="light"] .stats-ip-chip {
    color: #0369a1 !important;
    background: rgba(14, 165, 233, 0.08) !important;
    border: 1px solid rgba(14, 165, 233, 0.22) !important;
}
html[data-ui-theme="light"] .stats-ip-chip .ip-meta {
    color: #64748b !important;
}
html[data-ui-theme="light"] .stats-ip-more {
    color: #64748b !important;
}
html[data-ui-theme="light"] .stats-devices-empty {
    background: #f8fafc !important;
    border: 1px dashed rgba(14, 165, 233, 0.28) !important;
    color: #64748b !important;
}
html[data-ui-theme="light"] .stats-devices-empty span {
    color: #475569 !important;
}
html[data-ui-theme="light"] .stats-devices-empty i {
    color: #94a3b8 !important;
}

html[data-ui-theme="light"] .stats-hint {
    background: rgba(14, 165, 233, 0.06) !important;
    border: 1px solid rgba(14, 165, 233, 0.14) !important;
    color: #64748b !important;
}
html[data-ui-theme="light"] .stats-hint strong {
    color: #334155 !important;
}
html[data-ui-theme="light"] .stats-empty .stats-empty-ico {
    background: rgba(14, 165, 233, 0.12) !important;
    color: #0284c7 !important;
}
html[data-ui-theme="light"] .stats-back {
    color: #64748b !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
}
html[data-ui-theme="light"] .stats-back:hover {
    color: #0284c7 !important;
    border-color: rgba(14, 165, 233, 0.35) !important;
    background: rgba(14, 165, 233, 0.06) !important;
}
html[data-ui-theme="light"] .stats-loading {
    color: #64748b !important;
}