/* Glass UI — студийная палитра: сильный glass на chrome/карточках; рабочие контролы остаются плотными */

body[data-color-palette="glass"] {
    --vd-bg: transparent;
    --vd-bg-deep: rgba(15, 23, 42, 0.06);
    --vd-panel: rgba(255, 255, 255, 0.42);
    --vd-panel-strong: rgba(255, 255, 255, 0.52);
    --vd-panel-soft: rgba(255, 255, 255, 0.32);
    --vd-border: rgba(255, 255, 255, 0.42);
    --vd-border-soft: rgba(255, 255, 255, 0.28);
    --vd-border-strong: rgba(255, 255, 255, 0.55);
    --vd-accent: #3b82f6;
    --vd-accent-strong: #1d4ed8;
    --vd-chrome-bg: rgba(40, 62, 94, 0.55);
    --vd-chrome-bg-soft: rgba(48, 72, 108, 0.5);
    --vd-chrome-flat: rgba(55, 80, 118, 0.58);
    --vd-messenger-head-bg: rgba(55, 80, 118, 0.62);
    --vd-chrome-gradient-135-from: rgba(45, 68, 102, 0.52);
    --vd-chrome-gradient-135-to: rgba(38, 58, 88, 0.48);
    --vd-chrome-sidebar-glass-from: rgba(42, 64, 96, 0.38);
    --vd-chrome-sidebar-glass-to: rgba(32, 52, 82, 0.34);
    --vd-chrome-panel-180-from: rgba(42, 64, 96, 0.62);
    --vd-chrome-panel-180-to: rgba(32, 52, 82, 0.58);
    --vd-chrome-shadow-rgb: 15, 23, 42;
    --vd-chrome-text: #ffffff;
    --vd-chrome-text-muted: rgba(255, 255, 255, 0.9);
    --vd-chrome-border: rgba(255, 255, 255, 0.22);
    --vd-chrome-active-bg: rgba(96, 165, 250, 0.28);
    --vd-chrome-active-text: #eff6ff;
    --vd-text: #0f172a;
    --vd-text-strong: #020617;
    --vd-text-muted: #334155;
    --vd-glass-card-from: rgba(255, 255, 255, 0.38);
    --vd-glass-card-to: rgba(248, 252, 255, 0.28);
    /* UI consistency — home / chat / profile (S4) */
    --vd-card-head-bg: transparent;
    --vd-card-head-fg: var(--vd-text);
    --vd-card-head-border: var(--vd-border-soft);
    --vd-stat-delta-up: var(--vd-chip-emerald-text, #047857);
    --vd-stat-delta-dn: var(--vd-chip-orange-text, #b45309);
    --zen-msg-area-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 250, 252, 0.98) 100%);
    --zen-msg-area-fg: var(--vd-text);
    --zen-msg-area-muted: var(--vd-text-muted);
    --zen-msg-composer-bg: rgba(255, 255, 255, 0.92);
    --zen-msg-border: var(--vd-border);
    --zen-msg-row-active-bg: linear-gradient(90deg, rgba(59, 130, 246, 0.18) 0%, rgba(59, 130, 246, 0.08) 100%);
    --zen-msg-row-active-ring: rgba(59, 130, 246, 0.32);
    --zen-msg-panel-surface: rgba(255, 255, 255, 0.92);
    --zen-msg-panel-surface-soft: rgba(255, 255, 255, 0.88);
    --zen-msg-messenger-chrome-surface: rgba(255, 255, 255, 0.28);
    --vd-profile-panel-glass-bg: rgba(255, 255, 255, 0.42);
    --vd-profile-panel-glass-border: rgba(255, 255, 255, 0.42);
    --vd-profile-tabs-bar-bg: rgba(255, 255, 255, 0.38);
}

body[data-color-palette="glass"] .vd-sidebar {
    background: linear-gradient(180deg, var(--vd-chrome-sidebar-glass-from) 0%, var(--vd-chrome-sidebar-glass-to) 100%) !important;
    color: #ffffff !important;
    border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
    box-shadow: 4px 0 32px rgba(15, 23, 42, 0.12);
    backdrop-filter: blur(22px) saturate(1.15);
    -webkit-backdrop-filter: blur(22px) saturate(1.15);
}

body[data-color-palette="glass"] .vd-glass-card:not(.vd-glass-card--guest-cta) {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.36) 0%, rgba(245, 250, 255, 0.26) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.42) !important;
    backdrop-filter: blur(20px) saturate(1.1);
    -webkit-backdrop-filter: blur(20px) saturate(1.1);
    box-shadow: 0 12px 36px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

body.zen-body[data-color-palette="glass"] .main-wrapper .card:not(.bg-primary):not(.bg-success):not(.bg-danger):not(.bg-warning):not(.bg-info):not(.bg-dark):not(.vd-glass-card):not(.zen-auth-card) {
    background: rgba(255, 255, 255, 0.34) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(18px) saturate(1.08);
    -webkit-backdrop-filter: blur(18px) saturate(1.08);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.07);
}

body[data-color-palette="glass"] .main-wrapper .tw-surface-card {
    background: rgba(255, 255, 255, 0.32) !important;
    border: 1px solid rgba(255, 255, 255, 0.38) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body[data-color-palette="glass"] .main-wrapper .tw-surface-card .card-header:not(.zen-chat-panel-head):not(.vd-kb-root-head):not(.bg-transparent) {
    background: linear-gradient(135deg, var(--vd-chrome-gradient-135-from) 0%, var(--vd-chrome-gradient-135-to) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-bottom-color: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body[data-color-palette="glass"] .main-wrapper .form-control,
body[data-color-palette="glass"] .main-wrapper .form-select,
body[data-color-palette="glass"] .main-wrapper textarea.form-control {
    background: rgba(255, 255, 255, 0.22) !important;
    border: 1px solid rgba(255, 255, 255, 0.42) !important;
    color: var(--vd-text-strong);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

body[data-color-palette="glass"] .main-wrapper .form-control:focus,
body[data-color-palette="glass"] .main-wrapper .form-select:focus {
    border-color: rgba(255, 255, 255, 0.62) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

body[data-color-palette="glass"] .vd-topbar {
    background: rgba(255, 255, 255, 0.28) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

/* Плотные рабочие зоны — без glass */
body[data-color-palette="glass"] .zen-desk .card,
body[data-color-palette="glass"] .zen-desk .list-group-item,
body[data-color-palette="glass"] .zen-desk-hero--bare,
body[data-color-palette="glass"] .zen-ticket-hero--bare {
    background: var(--vd-panel-strong, rgba(255, 255, 255, 0.92)) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body[data-color-palette="glass"] .zen-desk-tools {
    background: rgba(255, 255, 255, 0.58) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(16px) saturate(140%);
    -webkit-backdrop-filter: blur(16px) saturate(140%);
}

body[data-color-palette="glass"] .zen-messenger-panel > .card-body,
body[data-color-palette="glass"] .zen-messenger-msg-area {
    background: var(--zen-msg-messenger-chrome-surface, rgba(255, 255, 255, 0.28)) !important;
    backdrop-filter: blur(14px) saturate(1.1) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.1) !important;
}

/* Messenger — chrome glass как vd-sidebar */
body[data-color-palette="glass"] .zen-messenger-shell {
    border-color: rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14);
}

/* Каркас прозрачный — glass только на шапках/composer (как .vd-sidebar над обоями) */
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-unified-card {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-panel,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-sidebar-col,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-main-col,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-inner {
    background: transparent !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-sidebar-col {
    border-right-color: rgba(255, 255, 255, 0.18) !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-sidebar-footer {
    background: transparent !important;
}

/* Шапки и composer — светлый glass как список чатов (.card-body) */
body.zen-body[data-color-palette="glass"] .main-wrapper .zen-messenger-shell .zen-messenger-panel .card-header.zen-messenger-sidebar-head,
body.zen-body[data-color-palette="glass"] .main-wrapper .zen-messenger-shell .zen-messenger-thread .card-header.zen-messenger-thread-header.zen-messenger-thread-header--light,
body.zen-body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-panel .card-header.zen-messenger-sidebar-head,
body.zen-body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread .card-header.zen-messenger-thread-header.zen-messenger-thread-header--light,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-sidebar-head,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header--light {
    background: var(--zen-msg-messenger-chrome-surface, rgba(255, 255, 255, 0.28)) !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.42) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
    backdrop-filter: blur(14px) saturate(1.1) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.1) !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-composer,
body[data-color-palette="glass"] .zen-messenger-shell .zen-chat-compose {
    background: var(--zen-msg-messenger-chrome-surface, rgba(255, 255, 255, 0.28)) !important;
    background-color: transparent !important;
    color: var(--vd-text) !important;
    border-color: rgba(255, 255, 255, 0.42) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
    backdrop-filter: blur(14px) saturate(1.1) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.1) !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-sidebar-title,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-sidebar-head .fw-bold,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-tab,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-tab:hover,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-tab.is-active,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-tab.is-active .zen-messenger-tab-count,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header--light .fw-bold,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header--light .zen-messenger-thread-title,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header--light .zen-messenger-thread-title-link {
    color: #ffffff !important;
    text-shadow: none !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-row-title {
    color: var(--vd-text) !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header--light .zen-messenger-thread-subtitle,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header--light .small,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-conv-preview,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-conv-time,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-archive-link {
    color: var(--vd-text-muted) !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-sidebar-head .zen-messenger-search-icon,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-sidebar-head .zen-messenger-search-icon .bi,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header--light .zen-messenger-thread-avatar-icon .bi {
    color: rgba(255, 255, 255, 0.92) !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header--light .zen-messenger-thread-subtitle,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header--light .small {
    color: rgba(255, 255, 255, 0.82) !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header--light .zen-messenger-header-action {
    color: var(--vd-text-muted) !important;
    border-color: var(--vd-border-soft) !important;
    background: rgba(255, 255, 255, 0.35) !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header--light .zen-messenger-header-action:hover,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header--light .zen-messenger-header-action:focus {
    color: var(--vd-accent-strong) !important;
    background: rgba(59, 130, 246, 0.12) !important;
    border-color: rgba(59, 130, 246, 0.28) !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-compose-btn {
    border-color: var(--vd-border-soft) !important;
    background: rgba(255, 255, 255, 0.45) !important;
    color: var(--vd-text-muted) !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-compose-btn:hover,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-compose-btn:focus {
    color: var(--vd-accent-strong) !important;
    background: rgba(59, 130, 246, 0.12) !important;
    border-color: rgba(59, 130, 246, 0.28) !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-conv-card:hover:not(.is-active) {
    background: rgba(59, 130, 246, 0.08) !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-conv-card.is-active {
    border-left: 3px solid var(--vd-accent);
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-conv-avatar,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-avatar-icon {
    background: rgba(59, 130, 246, 0.12) !important;
    color: var(--vd-accent-strong) !important;
    border-color: rgba(59, 130, 246, 0.28) !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-composer-attach {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--vd-accent) !important;
    border: 1px solid var(--vd-accent-strong) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(47, 93, 138, 0.28) !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-composer-attach:hover,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-composer-attach:focus-within {
    background: var(--vd-accent-strong) !important;
    border-color: color-mix(in srgb, var(--vd-accent-strong) 88%, #000) !important;
    color: #ffffff !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-composer-send.btn-primary,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-composer .btn-primary {
    background: var(--vd-accent) !important;
    border-color: var(--vd-accent-strong) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(47, 93, 138, 0.28) !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-composer-send.btn-primary:hover,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-composer-send.btn-primary:focus,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-composer .btn-primary:hover,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-composer .btn-primary:focus {
    background: var(--vd-accent-strong) !important;
    border-color: color-mix(in srgb, var(--vd-accent-strong) 88%, #000) !important;
}
body.zen-body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-panel .card-header.zen-chat-panel-head.bg-unified,
body.zen-body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread .zen-messenger-thread-header.zen-chat-panel-head--main.bg-unified,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-panel .card-header.zen-chat-panel-head.bg-unified,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread .zen-messenger-thread-header.zen-chat-panel-head--main.bg-unified,
body[data-color-palette="glass"] .zen-messenger-shell .card-header.zen-chat-panel-head.bg-unified,
body[data-color-palette="glass"] .zen-messenger-shell .card-header.zen-chat-panel-head--main.bg-unified {
    background: var(--vd-messenger-head-bg) !important;
    background-color: var(--vd-messenger-head-bg) !important;
    border: none !important;
    border-bottom: 1px solid var(--vd-chrome-border) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(14px) saturate(1.12);
    -webkit-backdrop-filter: blur(14px) saturate(1.12);
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-chat-panel-head .fw-bold,
body[data-color-palette="glass"] .zen-messenger-shell .zen-chat-panel-head h5,
body[data-color-palette="glass"] .zen-messenger-shell .zen-chat-panel-head .text-white,
body[data-color-palette="glass"] .zen-messenger-shell .zen-chat-panel-head a.text-white,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header:not(.zen-messenger-thread-header--light) .fw-bold,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header:not(.zen-messenger-thread-header--light) h5,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header:not(.zen-messenger-thread-header--light) .text-white,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header:not(.zen-messenger-thread-header--light) a.text-white {
    color: #ffffff !important;
    text-shadow: none !important;
}

body[data-color-palette="glass"] .zen-messenger-shell .zen-chat-panel-head i,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header:not(.zen-messenger-thread-header--light) i,
body[data-color-palette="glass"] .zen-messenger-shell .zen-chat-panel-head .bi,
body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread-header:not(.zen-messenger-thread-header--light) .bi {
    color: rgba(255, 255, 255, 0.92) !important;
}

body[data-color-palette="glass"] .vd-profile-page--mockup .vd-profile-glass-panel.vd-glass-card {
    background: rgba(255, 255, 255, 0.58) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
}

/* Лента событий — chrome glass в тон sidebar */
body[data-color-palette="glass"] .vd-home-feed .card-header.vd-card-head {
    background: linear-gradient(180deg, var(--vd-chrome-sidebar-glass-from) 0%, var(--vd-chrome-sidebar-glass-to) 100%) !important;
    color: var(--vd-chrome-text) !important;
    border-bottom: 1px solid var(--vd-chrome-border) !important;
    backdrop-filter: blur(22px) saturate(1.15);
    -webkit-backdrop-filter: blur(22px) saturate(1.15);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body[data-color-palette="glass"] .vd-home-feed .card-header.vd-card-head .vd-card-head-title,
body[data-color-palette="glass"] .vd-home-feed .card-header.vd-card-head i {
    color: var(--vd-chrome-text) !important;
    text-shadow: none;
}

body[data-color-palette="glass"] .vd-home-feed .card-header.vd-card-head .text-muted {
    color: var(--vd-chrome-text-muted) !important;
}

body[data-color-palette="glass"] .vd-home-feed .card-body.bg-unified,
body[data-color-palette="glass"] .main-wrapper .bg-unified.vd-chrome-surface {
    background: linear-gradient(135deg, var(--vd-chrome-gradient-135-from) 0%, var(--vd-chrome-gradient-135-to) 100%) !important;
    background-color: transparent !important;
    border: 1px solid var(--vd-chrome-border) !important;
    backdrop-filter: blur(18px) saturate(1.1);
    -webkit-backdrop-filter: blur(18px) saturate(1.1);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    color: var(--vd-chrome-text) !important;
}

body[data-color-palette="glass"] .vd-home-feed .card-body.bg-unified .btn-outline-light,
body[data-color-palette="glass"] .vd-home-feed .card-body.bg-unified .btn-outline-secondary {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
}

body[data-color-palette="glass"] .vd-home-feed .card-body.bg-unified .form-control {
    background: #ffffff !important;
    color: var(--vd-text-strong, #0f172a) !important;
}

body[data-color-palette="glass"] .vd-home-feed .card-body.bg-unified .form-control::placeholder {
    color: #64748b !important;
}

/* Футер = топбар */
body.zen-body[data-color-palette="glass"] .footer,
body.zen-body[data-color-palette="glass"] .footer.footer--with-sidebar {
    background: rgba(255, 255, 255, 0.28) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.35) !important;
    backdrop-filter: blur(16px) saturate(1.08);
    -webkit-backdrop-filter: blur(16px) saturate(1.08);
    box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.35);
    color: #ffffff !important;
}

body.zen-body[data-color-palette="glass"] .footer a,
body.zen-body[data-color-palette="glass"] .footer .text-muted,
body.zen-body[data-color-palette="glass"] .footer .vd-chip {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 8px rgba(0, 0, 0, 0.28);
}

body.zen-body[data-color-palette="glass"] .footer .vd-chip {
    background: rgba(255, 255, 255, 0.14) !important;
    border: 1px solid rgba(255, 255, 255, 0.32) !important;
}

/* Выпадающие меню и контролы — плотнее, без просвечивания */
body.zen-body[data-color-palette="glass"] .dropdown-menu:not(.vd-mini-profile-menu),
body.zen-body[data-color-palette="glass"] .dropdown-menu.show:not(.vd-mini-profile-menu) {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14) !important;
    color: var(--vd-text-strong) !important;
}

body.zen-body[data-color-palette="glass"] .dropdown-menu:not(.vd-mini-profile-menu) .dropdown-item {
    color: var(--vd-text-strong) !important;
}

body.zen-body[data-color-palette="glass"] .vd-profile-page--mockup .dropdown-menu {
    background: rgba(255, 255, 255, 0.96) !important;
}

/* Mini-chat dock — плотная панель как light-office, без импорта её переменных */
body[data-color-palette="glass"] .zen-messenger-dock-panel {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 250, 252, 0.88) 100%) !important;
    backdrop-filter: blur(20px) saturate(1.12);
    -webkit-backdrop-filter: blur(20px) saturate(1.12);
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.65);
    color: #0f172a !important;
}

body[data-color-palette="glass"] .zen-messenger-dock-head {
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.28) !important;
    color: #0f172a !important;
}

body[data-color-palette="glass"] .zen-messenger-dock-messages.zen-messenger-msg-area {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.85) 0%, rgba(241, 245, 249, 0.78) 100%) !important;
    color: #0f172a !important;
}

body[data-color-palette="glass"] .zen-messenger-dock-compose {
    background: rgba(255, 255, 255, 0.94) !important;
    border-top: 1px solid rgba(148, 163, 184, 0.28) !important;
    color: #0f172a !important;
}

body[data-color-palette="glass"] .zen-messenger-dock-compose .form-control {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(148, 163, 184, 0.35) !important;
    color: #0f172a !important;
}

body[data-color-palette="glass"] .zen-messenger-dock-compose .form-control::placeholder {
    color: #64748b !important;
    opacity: 1;
}

body[data-color-palette="glass"] .zen-messenger-dock-compose .form-control:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25) !important;
}

body[data-color-palette="glass"] .zen-messenger-dock-item:hover,
body[data-color-palette="glass"] .zen-messenger-dock-item.is-active {
    background: rgba(59, 130, 246, 0.12) !important;
}

body[data-color-palette="glass"] .zen-messenger-dock-item-sub {
    opacity: 1;
    color: #64748b !important;
}

body[data-color-palette="glass"] .zen-messenger-dock-foot {
    border-top: 1px solid rgba(148, 163, 184, 0.28) !important;
}

body[data-color-palette="glass"] .zen-messenger-dock-rail {
    background: rgba(255, 255, 255, 0.75) !important;
    border-left-color: rgba(148, 163, 184, 0.28) !important;
}

body[data-color-palette="glass"] .zen-messenger-dock-rail-btn {
    background: rgba(241, 245, 249, 0.92) !important;
}

body[data-color-palette="glass"] .zen-messenger-dock-bar {
    background: linear-gradient(180deg, var(--vd-chrome-sidebar-glass-from) 0%, var(--vd-chrome-sidebar-glass-to) 100%) !important;
    backdrop-filter: blur(22px) saturate(1.15);
    -webkit-backdrop-filter: blur(22px) saturate(1.15);
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.2);
}

/* Cmd+K — светлая панель и читаемый текст (фаза 0 стабильности shell) */
body.zen-body[data-color-palette="glass"] .vd-cmdk {
    background: rgba(15, 23, 42, 0.35);
}
body.zen-body[data-color-palette="glass"] .vd-cmdk-panel {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 250, 252, 0.88) 100%) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.18);
}
body.zen-body[data-color-palette="glass"] .vd-cmdk-input-wrap {
    border-bottom: 1px solid rgba(148, 163, 184, 0.28) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.75) 0%, rgba(241, 245, 249, 0.6) 100%);
}
body.zen-body[data-color-palette="glass"] .vd-cmdk-input-wrap i.vd-cmdk-icon,
body.zen-body[data-color-palette="glass"] .vd-cmdk-hint,
body.zen-body[data-color-palette="glass"] .vd-cmdk-group-title,
body.zen-body[data-color-palette="glass"] .vd-cmdk-footer {
    color: var(--vd-text-muted) !important;
}
body.zen-body[data-color-palette="glass"] .vd-cmdk-input {
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(148, 163, 184, 0.35) !important;
    color: var(--vd-text-strong, #0f172a) !important;
}
body.zen-body[data-color-palette="glass"] .vd-cmdk-input::placeholder {
    color: var(--vd-text-faint, #64748b) !important;
}
body.zen-body[data-color-palette="glass"] .vd-cmdk-input:focus {
    border-color: var(--vd-accent) !important;
    box-shadow: var(--vd-accent-glow) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--vd-text-strong, #0f172a) !important;
}
body.zen-body[data-color-palette="glass"] .vd-cmdk-item {
    color: var(--vd-text-strong, #0f172a) !important;
}
body.zen-body[data-color-palette="glass"] .vd-cmdk-item:hover,
body.zen-body[data-color-palette="glass"] .vd-cmdk-item.is-active {
    background: rgba(255, 255, 255, 0.55) !important;
    border-color: rgba(148, 163, 184, 0.25) !important;
    color: var(--vd-text-strong, #0f172a) !important;
}
body.zen-body[data-color-palette="glass"] .vd-cmdk-item-title {
    color: var(--vd-text-strong, #0f172a) !important;
}
body.zen-body[data-color-palette="glass"] .vd-cmdk-item-sub,
body.zen-body[data-color-palette="glass"] .vd-cmdk-empty,
body.zen-body[data-color-palette="glass"] .vd-cmdk-item-meta {
    color: var(--vd-text-muted, #475569) !important;
}
body.zen-body[data-color-palette="glass"] .vd-cmdk-item-icon {
    background: rgba(255, 255, 255, 0.65) !important;
    color: var(--vd-accent-strong, #2563eb) !important;
    border: 1px solid rgba(148, 163, 184, 0.22);
}
body.zen-body[data-color-palette="glass"] .vd-cmdk-footer {
    border-top: 1px solid rgba(148, 163, 184, 0.22) !important;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.75) 0%, rgba(241, 245, 249, 0.65) 100%) !important;
}
body.zen-body[data-color-palette="glass"] .vd-cmdk-kbd {
    border-color: rgba(148, 163, 184, 0.3) !important;
    background: rgba(255, 255, 255, 0.85) !important;
    color: var(--vd-text-strong, #0f172a) !important;
}

/* --- messenger theme tokens (from vd-messenger-theme.css) --- */

body.zen-body[data-color-palette="glass"] {
    --zen-msg-area-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.32) 0%, rgba(248, 250, 252, 0.24) 100%);
    --zen-msg-panel-surface: rgba(255, 255, 255, 0.28);
    --zen-msg-panel-surface-soft: rgba(255, 255, 255, 0.22);
    --zen-msg-messenger-chrome-surface: rgba(255, 255, 255, 0.28);
    --zen-msg-composer-bg: var(--zen-msg-messenger-chrome-surface);
    --zen-msg-sidebar-bg: transparent;
    --zen-messenger-header-bg: var(--zen-msg-messenger-chrome-surface);
    --zen-msg-head-search-bg: rgba(255, 255, 255, 0.72);
    --zen-msg-head-search-fg: var(--vd-text);
    --zen-msg-head-search-muted: var(--vd-text-muted);
    --zen-msg-row-active-bg: linear-gradient(90deg, rgba(59, 130, 246, 0.16) 0%, rgba(59, 130, 246, 0.06) 100%);
    --zen-msg-row-active-ring: rgba(59, 130, 246, 0.32);
    --zen-msg-sidebar-tab-active-fg: #ffffff;
    --zen-msg-sidebar-tab-active-bg: rgba(255, 255, 255, 0.14);
}

/* Финальный слой: перебивает messenger.css и vd-messenger-theme */
body.zen-body[data-color-palette="glass"] .main-wrapper .zen-messenger-shell .zen-messenger-panel .card-header.zen-messenger-sidebar-head,
body.zen-body[data-color-palette="glass"] .main-wrapper .zen-messenger-shell .zen-messenger-thread .card-header.zen-messenger-thread-header.zen-messenger-thread-header--light,
body.zen-body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-panel .card-header.zen-messenger-sidebar-head,
body.zen-body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread .card-header.zen-messenger-thread-header.zen-messenger-thread-header--light {
    background: var(--zen-msg-messenger-chrome-surface, rgba(255, 255, 255, 0.28)) !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.42) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
    backdrop-filter: blur(14px) saturate(1.1) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.1) !important;
}

body.zen-body[data-color-palette="glass"] .main-wrapper .zen-messenger-shell .zen-messenger-thread .card-footer.zen-messenger-composer.zen-chat-compose,
body.zen-body[data-color-palette="glass"] .main-wrapper .zen-messenger-shell .card-footer.zen-messenger-composer.zen-chat-compose,
body.zen-body[data-color-palette="glass"] .zen-messenger-shell .zen-messenger-thread .card-footer.zen-messenger-composer.zen-chat-compose,
body.zen-body[data-color-palette="glass"] .zen-messenger-shell .card-footer.zen-messenger-composer.zen-chat-compose {
    background: var(--zen-msg-messenger-chrome-surface, rgba(255, 255, 255, 0.28)) !important;
    background-color: transparent !important;
    color: var(--vd-text) !important;
    border-color: rgba(255, 255, 255, 0.42) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
    backdrop-filter: blur(14px) saturate(1.1) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.1) !important;
}

/* Модалка «Новое сообщение» — активная pill с белым текстом (перебивает zen-user-theme-light .nav-link) */
body.zen-body[data-color-palette="glass"] #zenMessengerCreateModal .zen-messenger-create-tabs .nav-link.active,
body.zen-body[data-color-palette="glass"] #zenMessengerCreateModal .nav-pills .nav-link.active,
body.zen-body.zen-user-theme-light[data-color-palette="glass"] #zenMessengerCreateModal .zen-messenger-create-tabs .nav-link.active,
body.zen-body.zen-user-theme-system-app[data-zen-system="light"][data-color-palette="glass"] #zenMessengerCreateModal .zen-messenger-create-tabs .nav-link.active {
    color: #ffffff !important;
    text-shadow: none !important;
}