/* VibeDesk — сгенерировано tools/extract_css_palettes.py; править вручную / см. docs/UI_STYLES_AND_THEMES.md */

/* Legacy id "light" (в приложении часто → sky-lake); токены UI consistency (S4) */
body[data-color-palette="light"]{
    --vd-bg: #e8ecf2;
    --vd-bg-deep: #dde4ec;
    --vd-panel: #f4f7fb;
    --vd-panel-strong: #ffffff;
    --vd-panel-soft: #e8ecf2;
    --vd-border: #c5cdd8;
    --vd-border-soft: #dce1e8;
    --vd-border-strong: #9ca3af;
    --vd-accent: #2563eb;
    --vd-accent-strong: #1d4ed8;
    --vd-accent-soft: rgba(37, 99, 235, 0.12);
    --vd-text: #0f172a;
    --vd-text-strong: #020617;
    --vd-text-muted: #475569;
    --vd-glass-card-from: rgba(255, 255, 255, 0.72);
    --vd-glass-card-to: rgba(236, 240, 247, 0.58);
    --vd-card-head-bg: transparent;
    --vd-card-head-fg: var(--vd-text);
    --vd-card-head-border: var(--vd-border-soft);
    --vd-stat-delta-up: #047857;
    --vd-stat-delta-dn: #b45309;
    --zen-msg-area-bg: linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(241, 245, 249, 0.98) 100%);
    --zen-msg-area-fg: var(--vd-text);
    --zen-msg-area-muted: var(--vd-text-muted);
    --zen-msg-composer-bg: var(--vd-panel-soft);
    --zen-msg-border: var(--vd-border);
    --zen-msg-row-active-bg: linear-gradient(90deg, rgba(37, 99, 235, 0.18) 0%, rgba(37, 99, 235, 0.08) 100%);
    --zen-msg-row-active-ring: rgba(37, 99, 235, 0.3);
    --zen-msg-panel-surface: var(--vd-panel);
    --zen-msg-panel-surface-soft: var(--vd-panel-soft);
    --vd-profile-panel-glass-bg: rgba(255, 255, 255, 0.58);
    --vd-profile-panel-glass-border: rgba(255, 255, 255, 0.42);
    --vd-profile-tabs-bar-bg: rgba(255, 255, 255, 0.48);
}

/* Минипрофиль (dropdown): невыбранные «светлые» кнопки на белом фоне */

body[data-color-palette="light"]{
    color: var(--vd-text-strong) !important;
    border-color: #94a3b8 !important;
    background: #fff !important;
}

body[data-color-palette="light"]{
    background: var(--vd-accent-soft) !important;
    border-color: var(--vd-accent) !important;
    color: var(--vd-text-strong) !important;
}

/* Ctrl+K: Corporate minimal / Professional blue — светлая панель вместо «vibe»-фиолета */

body[data-color-palette="light"]{
    background: rgba(15, 23, 42, 0.45);
}

body[data-color-palette="light"]{
    background: var(--vd-panel);
    border: 1px solid var(--vd-border-strong);
    box-shadow: var(--vd-shadow-lg);
}

body[data-color-palette="light"]{
    border-bottom-color: var(--vd-border-strong);
}

body[data-color-palette="light"]{
    background: var(--vd-panel-soft);
    border-color: var(--vd-border-strong);
    color: var(--vd-text);
}

body[data-color-palette="light"]{
    border-color: var(--vd-accent) !important;
    box-shadow: 0 0 0 3px var(--vd-accent-soft) !important;
    background: #fff !important;
}

body[data-color-palette="light"]{
    color: var(--vd-text-muted);
}

body[data-color-palette="light"]{
    color: var(--vd-text-muted);
}

body[data-color-palette="light"]{
    background: var(--vd-accent-soft);
    color: var(--vd-accent-strong);
}

body[data-color-palette="light"]{
    border-top: 1px solid var(--vd-border-strong);
    background: var(--vd-panel-soft);
    color: var(--vd-text-muted);
}

body[data-color-palette="light"]{
    border-color: var(--vd-border-strong);
    background: var(--vd-panel);
    color: var(--vd-text-strong);
}

/* Corporate Minimal (light): стекло и заголовки как в blue, без «вайб»-фиолета */

body[data-color-palette="light"]{
    background: rgba(236, 240, 247, 0.96) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(27, 38, 59, 0.1) !important;
    box-shadow: var(--vd-shadow-md);
    color: var(--vd-text) !important;
}

body[data-color-palette="light"]{
    background: rgba(234, 238, 245, 0.92) !important;
    border-color: var(--vd-border) !important;
}

body[data-color-palette="light"]{
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Гостевая плашка на главной: тёмное стекло + светлый лид, заголовок — синий градиент палитры */

body[data-color-palette="light"]{
    background: linear-gradient(145deg, rgba(27, 38, 59, 0.9) 0%, rgba(15, 23, 42, 0.85) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: var(--vd-shadow-lg), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    color: #f8fafc !important;
}

body[data-color-palette="light"]{
    color: rgba(248, 250, 252, 0.94) !important;
}

body.zen-body:not(.auth-bg):not(.zen-guest)[data-color-palette="light"] .footer{
    background: #e1e6ee !important;
    border-top: 1px solid var(--vd-border-strong) !important;
    box-shadow: 0 -6px 24px rgba(15, 23, 42, 0.06);
}

/* Corporate Minimal / Blue: утилиты Bootstrap — контраст от фона через токены */

body[data-color-palette="light"]{
    color: var(--vd-text-strong) !important;
}

body[data-color-palette="light"]{
    color: var(--vd-text) !important;
}

/* Corporate Minimal (light): футер — цвет сайдбара */

body.zen-body.auth-bg[data-color-palette="light"] .footer.footer--with-sidebar{
    background: var(--vd-chrome-bg) !important;
    border-top: 1px solid var(--vd-chrome-border) !important;
    color: var(--vd-chrome-text-muted) !important;
    box-shadow: 0 -4px 24px rgba(15, 23, 42, 0.12);
}

body.zen-body.auth-bg[data-color-palette="light"] .footer.footer--with-sidebar a{
    color: var(--vd-chrome-active-text) !important;
}

body[data-color-palette="light"]{
    background: var(--vd-chip-gray-bg) !important;
    color: var(--vd-chip-gray-text) !important;
    border: 1px solid var(--vd-chip-gray-border) !important;
}

body[data-color-palette="light"]{
    border: 1px solid var(--vd-border-strong) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.07), 0 8px 22px rgba(15, 23, 42, 0.07) !important;
    background: #e8ecf2 !important;
}

body[data-color-palette="light"]{
    border-bottom-color: var(--vd-border-strong) !important;
    color: var(--vd-text-strong) !important;
    font-weight: 600;
}

body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"]{
    color: var(--vd-text-strong) !important;
}

body[data-color-palette="light"], body[data-color-palette="light"]{
    color: var(--vd-text-strong) !important;
    font-weight: 500;
}

body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"]{
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    color: var(--vd-text) !important;
}

body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"]{
    border-color: var(--vd-accent) !important;
    box-shadow: 0 0 0 3px var(--vd-accent-soft) !important;
}

body[data-color-palette="light"]{
    border-color: #cbd5e1 !important;
    background: var(--vd-panel-soft) !important;
    color: var(--vd-text-muted) !important;
}

body.zen-body[data-color-palette="light"]{
    border: 1px solid var(--vd-border-strong) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 6px 18px rgba(15, 23, 42, 0.06) !important;
}

body.zen-body[data-color-palette="light"]{
    border-bottom-color: var(--vd-border-strong) !important;
}

body.zen-body[data-color-palette="light"]{
    border-top-color: var(--vd-border-strong) !important;
}

body.zen-body[data-color-palette="light"], body.zen-body[data-color-palette="light"], body.zen-body[data-color-palette="light"], body.zen-body[data-color-palette="light"]{
    border: 1px solid #cbd5e1 !important;
}

body.zen-body[data-color-palette="light"], body.zen-body[data-color-palette="light"], body.zen-body[data-color-palette="light"]{
    border-color: var(--vd-accent) !important;
    box-shadow: 0 0 0 3px var(--vd-accent-soft) !important;
}

body.zen-body[data-color-palette="light"]{
    border-color: var(--vd-border-strong) !important;
}

body.zen-body[data-color-palette="light"]{
    border: 1px solid var(--vd-border-strong) !important;
}

body.zen-body[data-color-palette="light"], body.zen-body[data-color-palette="light"]{
    border-color: var(--vd-border-strong) !important;
}

body.zen-body[data-color-palette="light"]{
    border: 1px solid var(--vd-border-strong) !important;
}

body.zen-body[data-color-palette="light"]{
    --bs-table-border-color: var(--vd-border-strong);
}

body.zen-body[data-color-palette="light"]{
    border-bottom-color: var(--vd-border-strong) !important;
}

/* Corporate light/blue: герой в карточке диспетчера/тикетов — белый текст; поля ввода остаются тёмными */

body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"], body[data-color-palette="light"]{
    color: #fff !important;
}

body[data-color-palette="light"]{
    color: rgba(255, 255, 255, 0.92) !important;
}

body[data-color-palette="light"], body[data-color-palette="light"]{
    color: #0f172a !important;
    background-color: #fff !important;
}

body[data-color-palette="light"]{
    color: #475569 !important;
    background-color: #fff !important;
}

body.zen-body[data-color-palette="light"]{
    background: #e3e7ee !important;
    border-bottom: 1px solid #c5cdd8 !important;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}