/* Home — «Быстрые действия»: glass = icon-chip (home.css). Остальные палитры — пастельные плитки. */

body[data-color-palette]:not([data-color-palette="glass"]) .vd-home-quick-card .vd-quick-tile[class*="vd-quick-tile--"] .vd-quick-tile-icon {
    width: auto;
    height: auto;
    padding: 0;
    border: none !important;
    background: transparent !important;
    color: inherit !important;
    font-size: 1.35rem;
    border-radius: 0;
}

body[data-color-palette]:not([data-color-palette="glass"]) .vd-home-quick-card .vd-quick-tile[class*="vd-quick-tile--"] .vd-quick-tile-label {
    color: inherit;
}

/* light-office — как на макете профиля / референсе */
body[data-color-palette="light-office"] .vd-home-quick-card .vd-quick-tile {
    border: 1px solid rgba(140, 162, 187, 0.34);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}
body[data-color-palette="light-office"] .vd-home-quick-card .vd-quick-tile--violet {
    background: linear-gradient(145deg, rgba(124, 148, 214, 0.52) 0%, rgba(124, 148, 214, 0.3) 100%) !important;
    color: #2a4685 !important;
    border-color: rgba(124, 148, 214, 0.34) !important;
}
body[data-color-palette="light-office"] .vd-home-quick-card .vd-quick-tile--blue {
    background: linear-gradient(145deg, rgba(64, 122, 214, 0.52) 0%, rgba(64, 122, 214, 0.3) 100%) !important;
    color: #133e78 !important;
    border-color: rgba(64, 122, 214, 0.34) !important;
}
body[data-color-palette="light-office"] .vd-home-quick-card .vd-quick-tile--emerald {
    background: linear-gradient(145deg, rgba(68, 158, 137, 0.48) 0%, rgba(68, 158, 137, 0.27) 100%) !important;
    color: #135a4d !important;
    border-color: rgba(68, 158, 137, 0.32) !important;
}
body[data-color-palette="light-office"] .vd-home-quick-card .vd-quick-tile--yellow {
    background: linear-gradient(145deg, rgba(227, 184, 74, 0.52) 0%, rgba(227, 184, 74, 0.3) 100%) !important;
    color: #744a0a !important;
    border-color: rgba(227, 184, 74, 0.34) !important;
}
body[data-color-palette="light-office"] .vd-home-quick-card .vd-quick-tile--orange {
    background: linear-gradient(145deg, rgba(214, 127, 68, 0.52) 0%, rgba(214, 127, 68, 0.3) 100%) !important;
    color: #7f3c15 !important;
    border-color: rgba(214, 127, 68, 0.34) !important;
}
body[data-color-palette="light-office"] .vd-home-quick-card .vd-quick-tile--gray {
    background: linear-gradient(145deg, rgba(128, 141, 165, 0.48) 0%, rgba(128, 141, 165, 0.27) 100%) !important;
    color: #31465d !important;
    border-color: rgba(128, 141, 165, 0.32) !important;
}

/* Светлые палитры — chip-токены палитры */
body[data-color-palette="sky-lake"] .vd-home-quick-card .vd-quick-tile--violet,
body[data-color-palette="blue"] .vd-home-quick-card .vd-quick-tile--violet,
body[data-color-palette="gray-office"] .vd-home-quick-card .vd-quick-tile--violet,
body[data-color-palette="light"] .vd-home-quick-card .vd-quick-tile--violet {
    background: linear-gradient(145deg, color-mix(in srgb, var(--vd-chip-violet-bg) 88%, #fff) 0%, var(--vd-chip-violet-bg) 100%) !important;
    color: var(--vd-chip-violet-text) !important;
    border-color: var(--vd-chip-violet-border) !important;
}
body[data-color-palette="sky-lake"] .vd-home-quick-card .vd-quick-tile--blue,
body[data-color-palette="blue"] .vd-home-quick-card .vd-quick-tile--blue,
body[data-color-palette="gray-office"] .vd-home-quick-card .vd-quick-tile--blue,
body[data-color-palette="light"] .vd-home-quick-card .vd-quick-tile--blue {
    background: linear-gradient(145deg, color-mix(in srgb, var(--vd-chip-blue-bg) 88%, #fff) 0%, var(--vd-chip-blue-bg) 100%) !important;
    color: var(--vd-chip-blue-text) !important;
    border-color: var(--vd-chip-blue-border) !important;
}
body[data-color-palette="sky-lake"] .vd-home-quick-card .vd-quick-tile--emerald,
body[data-color-palette="blue"] .vd-home-quick-card .vd-quick-tile--emerald,
body[data-color-palette="gray-office"] .vd-home-quick-card .vd-quick-tile--emerald,
body[data-color-palette="light"] .vd-home-quick-card .vd-quick-tile--emerald {
    background: linear-gradient(145deg, color-mix(in srgb, var(--vd-chip-emerald-bg) 88%, #fff) 0%, var(--vd-chip-emerald-bg) 100%) !important;
    color: var(--vd-chip-emerald-text) !important;
    border-color: var(--vd-chip-emerald-border) !important;
}
body[data-color-palette="sky-lake"] .vd-home-quick-card .vd-quick-tile--yellow,
body[data-color-palette="blue"] .vd-home-quick-card .vd-quick-tile--yellow,
body[data-color-palette="gray-office"] .vd-home-quick-card .vd-quick-tile--yellow,
body[data-color-palette="light"] .vd-home-quick-card .vd-quick-tile--yellow {
    background: linear-gradient(145deg, color-mix(in srgb, var(--vd-chip-yellow-bg) 88%, #fff) 0%, var(--vd-chip-yellow-bg) 100%) !important;
    color: var(--vd-chip-yellow-text) !important;
    border-color: var(--vd-chip-yellow-border) !important;
}
body[data-color-palette="sky-lake"] .vd-home-quick-card .vd-quick-tile--orange,
body[data-color-palette="blue"] .vd-home-quick-card .vd-quick-tile--orange,
body[data-color-palette="gray-office"] .vd-home-quick-card .vd-quick-tile--orange,
body[data-color-palette="light"] .vd-home-quick-card .vd-quick-tile--orange {
    background: linear-gradient(145deg, color-mix(in srgb, var(--vd-chip-orange-bg) 88%, #fff) 0%, var(--vd-chip-orange-bg) 100%) !important;
    color: var(--vd-chip-orange-text) !important;
    border-color: var(--vd-chip-orange-border) !important;
}
body[data-color-palette="sky-lake"] .vd-home-quick-card .vd-quick-tile--gray,
body[data-color-palette="blue"] .vd-home-quick-card .vd-quick-tile--gray,
body[data-color-palette="gray-office"] .vd-home-quick-card .vd-quick-tile--gray,
body[data-color-palette="light"] .vd-home-quick-card .vd-quick-tile--gray {
    background: linear-gradient(145deg, color-mix(in srgb, var(--vd-chip-gray-bg) 88%, #fff) 0%, var(--vd-chip-gray-bg) 100%) !important;
    color: var(--vd-chip-gray-text) !important;
    border-color: var(--vd-chip-gray-border) !important;
}

/* Soft Dark / VibeDesk — насыщенные плитки, светлый текст */
body[data-color-palette="dark"] .vd-home-quick-card .vd-quick-tile,
body[data-color-palette="vibe"] .vd-home-quick-card .vd-quick-tile {
    color: #f8fafc !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
body[data-color-palette="dark"] .vd-home-quick-card .vd-quick-tile--violet,
body[data-color-palette="vibe"] .vd-home-quick-card .vd-quick-tile--violet {
    background: rgba(139, 92, 246, 0.42) !important;
    border-color: rgba(196, 181, 253, 0.45) !important;
}
body[data-color-palette="dark"] .vd-home-quick-card .vd-quick-tile--blue,
body[data-color-palette="vibe"] .vd-home-quick-card .vd-quick-tile--blue {
    background: rgba(37, 99, 235, 0.42) !important;
    border-color: rgba(147, 197, 253, 0.45) !important;
}
body[data-color-palette="dark"] .vd-home-quick-card .vd-quick-tile--emerald,
body[data-color-palette="vibe"] .vd-home-quick-card .vd-quick-tile--emerald {
    background: rgba(16, 185, 129, 0.4) !important;
    border-color: rgba(110, 231, 183, 0.45) !important;
}
body[data-color-palette="dark"] .vd-home-quick-card .vd-quick-tile--yellow,
body[data-color-palette="vibe"] .vd-home-quick-card .vd-quick-tile--yellow {
    background: rgba(234, 179, 8, 0.38) !important;
    border-color: rgba(253, 224, 71, 0.5) !important;
}
body[data-color-palette="dark"] .vd-home-quick-card .vd-quick-tile--orange,
body[data-color-palette="vibe"] .vd-home-quick-card .vd-quick-tile--orange {
    background: rgba(249, 115, 22, 0.4) !important;
    border-color: rgba(253, 186, 116, 0.5) !important;
}
body[data-color-palette="dark"] .vd-home-quick-card .vd-quick-tile--gray,
body[data-color-palette="vibe"] .vd-home-quick-card .vd-quick-tile--gray {
    background: rgba(100, 116, 139, 0.45) !important;
    border-color: rgba(203, 213, 225, 0.4) !important;
}