/* TLTCHAT — unified readable light theme */

/* Общие цвета */
:root {
    --tlt-bg: #edeef0;
    --tlt-card: #ffffff;
    --tlt-text: #222b38;
    --tlt-muted: #687586;
    --tlt-border: #dce2ea;
    --tlt-blue: #2878e8;
    --tlt-purple: #7651dc;
}

body.inner-page {
    background: var(--tlt-bg) !important;
    color: var(--tlt-text) !important;
}

/* Верхняя панель */
.top {
    background: #fff !important;
    color: var(--tlt-text) !important;
    border-bottom: 1px solid var(--tlt-border) !important;
    box-shadow: 0 2px 12px rgba(25, 40, 65, .07) !important;
    backdrop-filter: none !important;
}

.top .logo {
    color: var(--tlt-blue) !important;
    -webkit-text-fill-color: var(--tlt-blue) !important;
}

/* Боковое меню */
.drawer {
    background: #fff !important;
    color: var(--tlt-text) !important;
    border: 1px solid var(--tlt-border) !important;
    box-shadow: 0 12px 40px rgba(25, 40, 65, .16) !important;
}

.drawer-head,
.drawer-user {
    color: var(--tlt-text) !important;
    border-color: var(--tlt-border) !important;
}

.drawer-user span {
    color: var(--tlt-muted) !important;
}

.drawer-nav a {
    color: #465365 !important;
}

.drawer-nav a:hover,
.drawer-nav a.active {
    background: #edf4ff !important;
    color: var(--tlt-blue) !important;
}

/* Карточки внутренних страниц */
body.inner-page .stage-inner > .card:not(.profile-page-card),
body.inner-page .stage-inner .card:not(.profile-page-card):not(.prof-card) {
    background: var(--tlt-card) !important;
    color: var(--tlt-text) !important;
    border: 1px solid var(--tlt-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 5px 22px rgba(35, 50, 75, .07) !important;
}

/* Заголовки */
body.inner-page .stage-inner > .card:not(.profile-page-card) > h1,
body.inner-page .stage-inner > .card:not(.profile-page-card) > h2 {
    color: #fff !important;
    background: linear-gradient(110deg, #2878e8, #7651dc) !important;
    padding: 15px 19px !important;
    border-radius: 13px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    box-shadow: 0 5px 16px rgba(75, 91, 190, .18) !important;
}

body.inner-page .card h2,
body.inner-page .card h3,
body.inner-page .card h4 {
    color: #263449;
}

body.inner-page .card p,
body.inner-page .card li,
body.inner-page .card label,
body.inner-page .page-content {
    color: var(--tlt-text);
    line-height: 1.65;
}

body.inner-page .card small,
body.inner-page .card .muted,
body.inner-page .card .hint {
    color: var(--tlt-muted);
}

/* Ссылки */
body.inner-page .card a {
    color: #216ed2;
}

body.inner-page .card a:hover {
    color: #6844c8;
}

/* Формы */
body.inner-page .card input,
body.inner-page .card select,
body.inner-page .card textarea {
    background: #fff !important;
    color: #202b3a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
}

body.inner-page .card input::placeholder,
body.inner-page .card textarea::placeholder {
    color: #8793a3 !important;
}

body.inner-page .card input:focus,
body.inner-page .card select:focus,
body.inner-page .card textarea:focus {
    border-color: #4388ed !important;
    box-shadow: 0 0 0 3px rgba(40, 120, 232, .12) !important;
    outline: none !important;
}

/* Основные кнопки */
body.inner-page .card .btn.primary,
body.inner-page .card button.primary,
body.inner-page .card .pp-btn-primary {
    background: linear-gradient(110deg, #2878e8, #7651dc) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 5px 15px rgba(75, 91, 190, .18) !important;
}

/* Таблицы и разделители */
body.inner-page .card table {
    color: var(--tlt-text);
}

body.inner-page .card th {
    color: #34445b;
}

body.inner-page .card td,
body.inner-page .card th {
    border-color: var(--tlt-border);
}

/* Личный профиль сохраняет собственные градиенты и оформление подарков.
   Карточки анкет и видеоплеер не перекрашиваются. */

/* Мобильная адаптация */
@media (max-width: 760px) {
    body.inner-page .stage-inner > .card:not(.profile-page-card) {
        border-radius: 14px !important;
    }

    body.inner-page .stage-inner > .card:not(.profile-page-card) > h1,
    body.inner-page .stage-inner > .card:not(.profile-page-card) > h2 {
        font-size: 21px !important;
        padding: 13px 14px !important;
    }
}

/* TLTCHAT: единый контраст подписей и полей внутренних страниц */
body.inner-page .stage-inner .card label,
body.inner-page .stage-inner .card .hint,
body.inner-page .stage-inner .card .muted,
body.inner-page .stage-inner .card small {
    color: #536174 !important;
}

body.inner-page .stage-inner .card input,
body.inner-page .stage-inner .card select,
body.inner-page .stage-inner .card textarea {
    background: #ffffff !important;
    color: #202b3a !important;
    border: 1px solid #cbd5e1 !important;
}

body.inner-page .stage-inner .card input::placeholder,
body.inner-page .stage-inner .card textarea::placeholder {
    color: #78869a !important;
    opacity: 1 !important;
}

body.inner-page .stage-inner .card select option {
    color: #202b3a !important;
    background: #ffffff !important;
}

body.inner-page .stage-inner .card input:focus,
body.inner-page .stage-inner .card select:focus,
body.inner-page .stage-inner .card textarea:focus {
    border-color: #2878e8 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(40, 120, 232, .13) !important;
}


/* TLTCHAT: читаемость баланса и VIP в личном кабинете */
body.inner-page .profile-page-card > p {
    color: #34445b !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.7 !important;
}

body.inner-page .profile-page-card > p b {
    color: #216ed2 !important;
    font-weight: 800 !important;
}

body.inner-page .profile-page-card > p strong {
    color: #6844c8 !important;
    font-weight: 800 !important;
}