/**
 * Личный кабинет — точечные дополнения к теме Dashtreme (админка).
 * Основная вёрстка: sidebar.css, navbar.css, cards.css, layout.css.
 */

/* Заголовок в топбаре — как в админке */
.navbar-left .page-title {
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    max-width: min(280px, 40vw);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-name {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Баннеры срока подписки */
.lk-expiry-banner {
    border-radius: 12px;
    padding: 12px 14px;
    margin-bottom: 1rem;
    border: 1px solid var(--border-color);
    background: rgba(251, 191, 36, 0.08);
}
.lk-expiry-banner--critical {
    background: rgba(220, 53, 69, 0.1);
    border-color: rgba(220, 53, 69, 0.35);
}
.lk-expiry-banner ul {
    margin: 0.35rem 0 0;
    padding-left: 1.1rem;
    font-size: var(--font-size-sm);
}

/* График трафика */
.lk-traffic-chart-wrap {
    height: 240px;
    position: relative;
}

/* Код подписки в карточке */
.lk-sub-url-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: stretch;
    margin-top: 8px;
}
.lk-sub-url-row code {
    flex: 1 1 200px;
    font-size: 0.78rem;
    padding: 8px 10px;
    border-radius: 8px;
    word-break: break-all;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
}
[data-theme="light"] .lk-sub-url-row code {
    background: rgba(0, 0, 0, 0.04);
    color: #1a1a2e;
}

/* Якорь для колокольника в топбаре */
.lk-scroll-anchor {
    scroll-margin-top: 4.5rem;
    height: 0;
    overflow: hidden;
}

/* Бейдж на колокольчике (как непрочитанные в админке) */
.nav-item-icon.position-relative .lk-nav-badge {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    color: #fff;
    text-align: center;
    background: #dc3545;
    border-radius: 999px;
    box-shadow: 0 0 0 2px var(--bg-secondary, #1e1e2d);
}
[data-theme="light"] .nav-item-icon.position-relative .lk-nav-badge {
    box-shadow: 0 0 0 2px #fff;
}

/* Чат поддержки (offcanvas ЛК): лента сверху, ввод прижат к низу панели */
.lk-support-offcanvas {
    --bs-offcanvas-width: min(420px, 100vw);
}
.lk-support-body {
    min-height: calc(100vh - 58px);
    max-height: calc(100vh - 58px);
}
.lk-support-thread {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    font-size: 0.9rem;
}
.lk-support-compose {
    flex-shrink: 0;
}
.lk-support-img-thumb {
    max-width: 220px;
    max-height: 160px;
    object-fit: cover;
    vertical-align: middle;
}
.lk-support-emoji-pop {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 100%;
    margin-bottom: 4px;
    max-width: 280px;
}
.lk-support-emoji-btn {
    padding: 2px 6px !important;
    line-height: 1.2 !important;
}
.lk-support-msg--user .lk-support-msg-text {
    background: rgba(13, 202, 240, 0.15);
    border-radius: 10px;
    padding: 8px 10px;
    display: inline-block;
    max-width: 100%;
}
.lk-support-msg--admin .lk-support-msg-text {
    background: rgba(99, 102, 241, 0.15);
    border-radius: 10px;
    padding: 8px 10px;
    display: inline-block;
    max-width: 100%;
}
.lk-support-msg--sys .lk-support-msg-text {
    color: var(--text-muted);
    font-size: 0.85rem;
}
[data-theme="light"] .lk-support-msg--user .lk-support-msg-text {
    background: rgba(13, 110, 253, 0.1);
}
[data-theme="light"] .lk-support-msg--admin .lk-support-msg-text {
    background: rgba(111, 66, 193, 0.12);
}

/* Светлая тема: убираем «серые поля» у карточек ЛК */
[data-theme="light"] .lk-page-wrap .card,
[data-theme="light"] .lk-page-wrap .table-card,
[data-theme="light"] .lk-surface-card {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] .lk-page-wrap .card-header {
    background: #f8fafc !important;
    border-bottom-color: #e5e7eb !important;
}

[data-theme="light"] .lk-page-wrap .card-body,
[data-theme="light"] .lk-page-wrap .table-responsive {
    background: #ffffff !important;
}

[data-theme="light"] .lk-key-row {
    background: #ffffff;
    border-color: #e5e7eb !important;
}

[data-theme="light"] .lk-page-wrap .stat-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] .lk-page-wrap .chart-card {
    background: #ffffff !important;
}

[data-theme="light"] .lk-expiry-banner {
    background: rgba(251, 191, 36, 0.12);
    border-color: #fcd34d;
}

[data-theme="light"] .lk-expiry-banner--critical {
    background: rgba(254, 226, 226, 0.9);
    border-color: #fca5a5;
}

/* Витрина (общий класс) */
.shop-vitrine-page {
    min-height: 100vh;
    color: var(--text-primary);
    font-family: var(--font-primary, "Poppins", sans-serif);
}

/* Тёмная тема ЛК: контент и карточки ближе к админке, без «мутных» серых полей */
[data-theme="dark"] .lk-page-wrap {
    color: var(--text-primary, #e4e6eb);
}
[data-theme="dark"] .lk-page-wrap .content-wrapper {
    background: transparent;
}
[data-theme="dark"] .lk-page-wrap .card,
[data-theme="dark"] .lk-page-wrap .table-card,
[data-theme="dark"] .lk-surface-card {
    background: var(--bg-card, #1e1e2d) !important;
    border-color: var(--border-color, rgba(255, 255, 255, 0.08)) !important;
    color: var(--text-primary, #e4e6eb);
}
[data-theme="dark"] .lk-page-wrap .card-header {
    background: rgba(0, 0, 0, 0.2) !important;
    border-bottom-color: var(--border-color, rgba(255, 255, 255, 0.08)) !important;
    color: var(--text-primary, #e4e6eb);
}
[data-theme="dark"] .lk-page-wrap .card-body,
[data-theme="dark"] .lk-page-wrap .table-responsive {
    background: transparent !important;
    color: var(--text-primary, #e4e6eb);
}
[data-theme="dark"] .lk-page-wrap .text-muted {
    color: var(--text-muted, #a0a3bd) !important;
}
[data-theme="dark"] .lk-page-wrap .form-control {
    background: var(--bg-secondary, #2a2f45);
    border-color: var(--border-color, rgba(255, 255, 255, 0.12));
    color: var(--text-primary, #e4e6eb);
}
[data-theme="dark"] .lk-page-wrap .form-control::placeholder {
    color: var(--text-muted, #8b8fa8);
}
[data-theme="dark"] .lk-page-wrap .stat-card,
[data-theme="dark"] .lk-page-wrap .chart-card {
    background: var(--bg-card, #1e1e2d) !important;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.08)) !important;
}
[data-theme="dark"] .lk-expiry-banner {
    background: rgba(251, 191, 36, 0.12);
    border-color: rgba(251, 191, 36, 0.35);
    color: var(--text-primary, #e4e6eb);
}
[data-theme="dark"] .lk-expiry-banner--critical {
    background: rgba(220, 53, 69, 0.18);
    border-color: rgba(220, 53, 69, 0.45);
}
[data-theme="dark"] .lk-sub-url-row code {
    background: rgba(0, 0, 0, 0.35);
    color: var(--text-primary, #e4e6eb);
    border-color: var(--border-color, rgba(255, 255, 255, 0.12));
}
[data-theme="dark"] .lk-support-compose {
    background: var(--bg-secondary, #2a2f45) !important;
}
[data-theme="dark"] .lk-support-msg-meta {
    color: var(--text-muted, #a0a3bd) !important;
}