/* Topbar + #zenUserMenuBtn readability per palette (фаза 3). Мини-профиль — vd-appearance-dropdown.css */

/* --- Светлые topbar: тёмный текст и иконки --- */
body.zen-body.auth-bg[data-color-palette="glass"] .vd-topbar .vd-crumbs,
body.zen-body.auth-bg[data-color-palette="glass"] .vd-topbar .vd-crumbs a,
body.zen-body.auth-bg[data-color-palette="light"] .vd-topbar .vd-crumbs,
body.zen-body.auth-bg[data-color-palette="light"] .vd-topbar .vd-crumbs a,
body.zen-body.auth-bg[data-color-palette="light-office"] .vd-topbar .vd-crumbs,
body.zen-body.auth-bg[data-color-palette="light-office"] .vd-topbar .vd-crumbs a,
body.zen-body.auth-bg[data-color-palette="sky-lake"] .vd-topbar .vd-crumbs,
body.zen-body.auth-bg[data-color-palette="sky-lake"] .vd-topbar .vd-crumbs a {
    color: #475569;
}

body.zen-body.auth-bg[data-color-palette="glass"] .vd-topbar .vd-crumbs a:hover,
body.zen-body.auth-bg[data-color-palette="light"] .vd-topbar .vd-crumbs a:hover,
body.zen-body.auth-bg[data-color-palette="light-office"] .vd-topbar .vd-crumbs a:hover,
body.zen-body.auth-bg[data-color-palette="sky-lake"] .vd-topbar .vd-crumbs a:hover {
    color: #0f172a;
}

body.zen-body.auth-bg[data-color-palette="glass"] .vd-topbar .vd-crumbs .vd-crumbs-current,
body.zen-body.auth-bg[data-color-palette="light"] .vd-topbar .vd-crumbs .vd-crumbs-current,
body.zen-body.auth-bg[data-color-palette="light-office"] .vd-topbar .vd-crumbs .vd-crumbs-current,
body.zen-body.auth-bg[data-color-palette="sky-lake"] .vd-topbar .vd-crumbs .vd-crumbs-current {
    color: #0f172a !important;
}

body.zen-body.auth-bg[data-color-palette="glass"] .vd-topbar-actions .vd-icon-btn,
body.zen-body.auth-bg[data-color-palette="glass"] #zenUserMenuBtn,
body.zen-body.auth-bg[data-color-palette="light"] .vd-topbar-actions .vd-icon-btn,
body.zen-body.auth-bg[data-color-palette="light"] #zenUserMenuBtn,
body.zen-body.auth-bg[data-color-palette="light-office"] .vd-topbar-actions .vd-icon-btn,
body.zen-body.auth-bg[data-color-palette="light-office"] #zenUserMenuBtn,
body.zen-body.auth-bg[data-color-palette="sky-lake"] .vd-topbar-actions .vd-icon-btn,
body.zen-body.auth-bg[data-color-palette="sky-lake"] #zenUserMenuBtn {
    color: #0f172a;
}

body.zen-body.auth-bg[data-color-palette="glass"] .vd-topbar-actions .vd-icon-btn:hover,
body.zen-body.auth-bg[data-color-palette="glass"] #zenUserMenuBtn:hover,
body.zen-body.auth-bg[data-color-palette="light"] .vd-topbar-actions .vd-icon-btn:hover,
body.zen-body.auth-bg[data-color-palette="light"] #zenUserMenuBtn:hover,
body.zen-body.auth-bg[data-color-palette="light-office"] .vd-topbar-actions .vd-icon-btn:hover,
body.zen-body.auth-bg[data-color-palette="light-office"] #zenUserMenuBtn:hover,
body.zen-body.auth-bg[data-color-palette="sky-lake"] .vd-topbar-actions .vd-icon-btn:hover,
body.zen-body.auth-bg[data-color-palette="sky-lake"] #zenUserMenuBtn:hover {
    color: #020617;
    background: rgba(15, 23, 42, 0.06);
}

body.zen-body.auth-bg[data-color-palette="glass"] .vd-topbar .zen-user-dropdown-lg .vd-icon-btn .fw-semibold,
body.zen-body.auth-bg[data-color-palette="glass"] .vd-topbar .zen-user-dropdown-lg .vd-icon-btn .bi-chevron-down,
body.zen-body.auth-bg[data-color-palette="light"] .vd-topbar .zen-user-dropdown-lg .vd-icon-btn .fw-semibold,
body.zen-body.auth-bg[data-color-palette="light"] .vd-topbar .zen-user-dropdown-lg .vd-icon-btn .bi-chevron-down,
body.zen-body.auth-bg[data-color-palette="light-office"] .vd-topbar .zen-user-dropdown-lg .vd-icon-btn .fw-semibold,
body.zen-body.auth-bg[data-color-palette="light-office"] .vd-topbar .zen-user-dropdown-lg .vd-icon-btn .bi-chevron-down,
body.zen-body.auth-bg[data-color-palette="sky-lake"] .vd-topbar .zen-user-dropdown-lg .vd-icon-btn .fw-semibold,
body.zen-body.auth-bg[data-color-palette="sky-lake"] .vd-topbar .zen-user-dropdown-lg .vd-icon-btn .bi-chevron-down {
    color: #0f172a !important;
}

body.zen-body.auth-bg[data-color-palette="glass"] button.vd-topbar-search,
body.zen-body.auth-bg[data-color-palette="light"] button.vd-topbar-search,
body.zen-body.auth-bg[data-color-palette="light-office"] button.vd-topbar-search,
body.zen-body.auth-bg[data-color-palette="sky-lake"] button.vd-topbar-search {
    color: #334155;
    border-color: #cbd5e1;
    background: rgba(255, 255, 255, 0.72);
}

body.zen-body.auth-bg[data-color-palette="glass"] .vd-cmdk-trigger-kbd,
body.zen-body.auth-bg[data-color-palette="light"] .vd-cmdk-trigger-kbd,
body.zen-body.auth-bg[data-color-palette="light-office"] .vd-cmdk-trigger-kbd,
body.zen-body.auth-bg[data-color-palette="sky-lake"] .vd-cmdk-trigger-kbd {
    color: #334155;
    border-color: #cbd5e1;
    background: rgba(255, 255, 255, 0.65);
}

/* --- Vibe: topbar actions (как blue/dark в vd-shell.css) --- */
body.zen-body.auth-bg[data-color-palette="vibe"] .vd-topbar-actions .vd-icon-btn,
body.zen-body.auth-bg[data-color-palette="vibe"] #zenUserMenuBtn {
    color: rgba(245, 241, 255, 0.82);
}

body.zen-body.auth-bg[data-color-palette="vibe"] .vd-topbar-actions .vd-icon-btn:hover,
body.zen-body.auth-bg[data-color-palette="vibe"] #zenUserMenuBtn:hover {
    color: #ffffff;
    background: rgba(168, 85, 247, 0.18);
}

body.zen-body.auth-bg[data-color-palette="vibe"] .vd-topbar .zen-user-dropdown-lg .vd-icon-btn .fw-semibold,
body.zen-body.auth-bg[data-color-palette="vibe"] .vd-topbar .zen-user-dropdown-lg .vd-icon-btn .bi-chevron-down {
    color: rgba(245, 241, 255, 0.95) !important;
}

body.zen-body.auth-bg[data-color-palette="vibe"] button.vd-topbar-search {
    color: rgba(245, 241, 255, 0.82);
    border-color: rgba(168, 85, 247, 0.28);
    background: rgba(255, 255, 255, 0.06);
}

body.zen-body.auth-bg[data-color-palette="vibe"] .vd-cmdk-trigger-kbd {
    border-color: rgba(168, 85, 247, 0.32);
    background: rgba(255, 255, 255, 0.06);
    color: rgba(245, 241, 255, 0.9);
}

/* --- Cmd+K: dark + vibe (светлая панель, тёмный текст) --- */
body.zen-body[data-color-palette="dark"] .vd-cmdk,
body.zen-body[data-color-palette="vibe"] .vd-cmdk {
    background: rgba(0, 0, 0, 0.55);
}

body.zen-body[data-color-palette="dark"] .vd-cmdk-panel,
body.zen-body[data-color-palette="vibe"] .vd-cmdk-panel {
    background: linear-gradient(145deg, rgba(42, 46, 51, 0.98) 0%, rgba(26, 29, 33, 0.96) 100%) !important;
    border: 1px solid var(--vd-border) !important;
    box-shadow: var(--vd-shadow-lg);
}

body.zen-body[data-color-palette="vibe"] .vd-cmdk-panel {
    background: linear-gradient(145deg, rgba(36, 24, 58, 0.98) 0%, rgba(18, 12, 32, 0.96) 100%) !important;
    border-color: rgba(168, 85, 247, 0.28) !important;
}

body.zen-body[data-color-palette="dark"] .vd-cmdk-input-wrap,
body.zen-body[data-color-palette="vibe"] .vd-cmdk-input-wrap {
    border-bottom-color: var(--vd-border-soft) !important;
}

body.zen-body[data-color-palette="dark"] .vd-cmdk-input,
body.zen-body[data-color-palette="vibe"] .vd-cmdk-input {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: var(--vd-border) !important;
    color: var(--vd-text-strong) !important;
}

body.zen-body[data-color-palette="dark"] .vd-cmdk-input::placeholder,
body.zen-body[data-color-palette="vibe"] .vd-cmdk-input::placeholder {
    color: var(--vd-text-muted) !important;
}

body.zen-body[data-color-palette="dark"] .vd-cmdk-input-wrap i.vd-cmdk-icon,
body.zen-body[data-color-palette="dark"] .vd-cmdk-hint,
body.zen-body[data-color-palette="dark"] .vd-cmdk-group-title,
body.zen-body[data-color-palette="dark"] .vd-cmdk-footer,
body.zen-body[data-color-palette="vibe"] .vd-cmdk-input-wrap i.vd-cmdk-icon,
body.zen-body[data-color-palette="vibe"] .vd-cmdk-hint,
body.zen-body[data-color-palette="vibe"] .vd-cmdk-group-title,
body.zen-body[data-color-palette="vibe"] .vd-cmdk-footer {
    color: var(--vd-text-muted) !important;
}

body.zen-body[data-color-palette="dark"] .vd-cmdk-item,
body.zen-body[data-color-palette="vibe"] .vd-cmdk-item {
    color: var(--vd-text) !important;
}

body.zen-body[data-color-palette="dark"] .vd-cmdk-item:hover,
body.zen-body[data-color-palette="dark"] .vd-cmdk-item.is-active,
body.zen-body[data-color-palette="vibe"] .vd-cmdk-item:hover,
body.zen-body[data-color-palette="vibe"] .vd-cmdk-item.is-active {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: var(--vd-border-soft) !important;
}

body.zen-body[data-color-palette="vibe"] .vd-cmdk-item:hover,
body.zen-body[data-color-palette="vibe"] .vd-cmdk-item.is-active {
    background: rgba(168, 85, 247, 0.16) !important;
}

body.zen-body[data-color-palette="dark"] .vd-cmdk-item-title,
body.zen-body[data-color-palette="vibe"] .vd-cmdk-item-title {
    color: var(--vd-text-strong) !important;
}

body.zen-body[data-color-palette="dark"] .vd-cmdk-item-sub,
body.zen-body[data-color-palette="dark"] .vd-cmdk-empty,
body.zen-body[data-color-palette="dark"] .vd-cmdk-item-meta,
body.zen-body[data-color-palette="vibe"] .vd-cmdk-item-sub,
body.zen-body[data-color-palette="vibe"] .vd-cmdk-empty,
body.zen-body[data-color-palette="vibe"] .vd-cmdk-item-meta {
    color: var(--vd-text-muted) !important;
}

body.zen-body[data-color-palette="dark"] .vd-cmdk-kbd,
body.zen-body[data-color-palette="vibe"] .vd-cmdk-kbd {
    border-color: var(--vd-border) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--vd-text) !important;
}
