/**
 * @package     LoginSecure
 * @subpackage  App Menu - Gridbox Color Preset
 * @copyright   Copyright (C) 2009 - 2026 LoginSecure. All rights reserved.
 */

/* === GRIDBOX PRESET - Light Mode === */
#ls-app-tabbar.ls-preset-gridbox {
    background: var(--bg-primary, #ffffff);
    border-color: var(--border, #e0e0e0);
}
#ls-app-tabbar.ls-preset-gridbox .ls-tab-item {
    color: var(--subtitle, #6e6e73);
}
#ls-app-tabbar.ls-preset-gridbox .ls-tab-item.ls-active {
    color: var(--primary, #007aff);
}
#ls-app-tabbar.ls-preset-gridbox .ls-tab-item:hover .ls-tab-icon i,
#ls-app-tabbar.ls-preset-gridbox .ls-tab-item:hover .ls-tab-label {
    color: var(--primary, #007aff);
}

/* Metropool active pill */
#ls-app-tabbar.ls-preset-gridbox.ls-template-metropool .ls-tab-item.ls-active .ls-tab-icon::before {
    background: var(--bg-secondary, #d0d0d0);
}

/* Skyline border */
#ls-app-tabbar.ls-preset-gridbox.ls-template-skyline .ls-tab-item::before {
    background: var(--primary, #007aff);
}
#ls-app-tabbar.ls-preset-gridbox.ls-template-skyline .ls-tab-item.ls-active {
    color: var(--primary, #007aff);
}

/* Elegance gradient */
#ls-app-tabbar.ls-preset-gridbox.ls-template-elegance .ls-tab-icon i {
    background-image: linear-gradient(to bottom, var(--subtitle, #6e6e73) 50%, var(--primary, #007aff) 50%);
}
#ls-app-tabbar.ls-preset-gridbox.ls-template-elegance .ls-tab-label {
    background-image: linear-gradient(to bottom, var(--subtitle, #6e6e73) 50%, var(--primary, #007aff) 50%);
}

/* === GRIDBOX PRESET - Dark Mode === */
#ls-app-tabbar.ls-preset-gridbox.ls-mode-dark {
    background: var(--bg-dark, #1c1c1e);
    border-color: var(--bg-dark-accent, #2c2c2e);
}
#ls-app-tabbar.ls-preset-gridbox.ls-mode-dark .ls-tab-item {
    color: var(--text-inverse, #636366);
}
#ls-app-tabbar.ls-preset-gridbox.ls-mode-dark .ls-tab-item.ls-active {
    color: var(--primary, #0a84ff);
}
#ls-app-tabbar.ls-preset-gridbox.ls-mode-dark .ls-tab-item:hover .ls-tab-icon i,
#ls-app-tabbar.ls-preset-gridbox.ls-mode-dark .ls-tab-item:hover .ls-tab-label {
    color: var(--primary, #0a84ff);
}

/* Metropool dark active pill */
#ls-app-tabbar.ls-preset-gridbox.ls-mode-dark.ls-template-metropool .ls-tab-item.ls-active .ls-tab-icon::before {
    background: var(--bg-dark-accent, #3a3a3a);
}

/* Skyline dark border */
#ls-app-tabbar.ls-preset-gridbox.ls-mode-dark.ls-template-skyline .ls-tab-item::before {
    background: var(--primary, #0a84ff);
}

/* Elegance dark gradient */
#ls-app-tabbar.ls-preset-gridbox.ls-mode-dark.ls-template-elegance .ls-tab-icon i {
    background-image: linear-gradient(to bottom, var(--text-inverse, #636366) 50%, var(--primary, #0a84ff) 50%);
}
#ls-app-tabbar.ls-preset-gridbox.ls-mode-dark.ls-template-elegance .ls-tab-label {
    background-image: linear-gradient(to bottom, var(--text-inverse, #636366) 50%, var(--primary, #0a84ff) 50%);
}

/* Crystal - behoud glassmorphism achtergrond */
#ls-app-tabbar.ls-preset-gridbox.ls-template-crystal {
    background: var(--bg-primary, rgba(255, 255, 255, 0.72)) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
}
#ls-app-tabbar.ls-preset-gridbox.ls-mode-dark.ls-template-crystal {
    background: var(--bg-dark, rgba(28, 28, 30, 0.72)) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
}

/* ==========================================
   GRIDBOX - FULLMENU
   ========================================== */
/* Active list items */
#lsam-fullmenu-wrapper.ls-preset-gridbox .lsam-list-item.lsam-item-active {
    color: var(--primary, #007aff);
}
#lsam-fullmenu-wrapper.ls-preset-gridbox .lsam-mode-dark .lsam-list-item.lsam-item-active {
    color: var(--primary, #0a84ff);
}
/* Active grid items */
#lsam-fullmenu-wrapper.ls-preset-gridbox .lsam-grid-item.lsam-item-active {
    background: var(--primary, #007aff);
    color: var(--title-inverse, #ffffff);
}
#lsam-fullmenu-wrapper.ls-preset-gridbox .lsam-mode-dark .lsam-grid-item.lsam-item-active {
    background: var(--primary, #0a84ff);
    color: var(--title-inverse, #ffffff);
}
/* Active shortcut items */
#lsam-fullmenu-wrapper.ls-preset-gridbox .lsam-shortcut-item.lsam-item-active {
    background: var(--primary, #007aff);
    border-color: var(--primary, #007aff);
    color: var(--title-inverse, #ffffff);
}
#lsam-fullmenu-wrapper.ls-preset-gridbox .lsam-mode-dark .lsam-shortcut-item.lsam-item-active {
    background: var(--primary, #0a84ff);
    border-color: var(--primary, #0a84ff);
    color: var(--title-inverse, #ffffff);
}
/* --- Hover colors --- */
#lsam-fullmenu-wrapper.ls-preset-gridbox .lsam-list-item:hover {
    color: var(--primary, #007aff);
}
#lsam-fullmenu-wrapper.ls-preset-gridbox .lsam-mode-dark .lsam-list-item:hover {
    color: var(--primary, #0a84ff);
}
#lsam-fullmenu-wrapper.ls-preset-gridbox .lsam-list-item:hover .lsam-list-icon i {
    color: var(--primary, #007aff);
}
#lsam-fullmenu-wrapper.ls-preset-gridbox .lsam-mode-dark .lsam-list-item:hover .lsam-list-icon i {
    color: var(--primary, #0a84ff);
}
/* Active card color */
#lsam-fullmenu-wrapper.ls-preset-gridbox .lsam-card-item.lsam-item-active .lsam-card-label {
    color: var(--primary, #007aff);
}


/* ==========================================
   ELEGANCE TEMPLATE
   ========================================== */
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-elegance .lsam-list-item.lsam-item-active,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-elegance .lsam-list-item.lsam-item-active .lsam-list-icon i {
    color: var(--primary, #007aff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-elegance .lsam-list-item .lsam-list-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-elegance .lsam-list-item .lsam-list-label {
    background-image: linear-gradient(to right, var(--primary, #007aff) 50%, var(--subtitle, #6e6e73) 50%);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-elegance .lsam-card-item.lsam-item-active .lsam-card-label {
    color: var(--primary, #007aff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-elegance .lsam-card-item .lsam-card-label {
    background-image: linear-gradient(to right, var(--primary, #007aff) 50%, var(--subtitle, #6e6e73) 50%);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-elegance .lsam-shortcut-item.lsam-item-active .lsam-shortcut-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-elegance .lsam-shortcut-item.lsam-item-active .lsam-shortcut-label {
    color: var(--primary, #007aff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-elegance .lsam-shortcut-item .lsam-shortcut-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-elegance .lsam-shortcut-item .lsam-shortcut-label {
    background-image: linear-gradient(to right, var(--primary, #007aff) 50%, var(--subtitle, #6e6e73) 50%);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-elegance .lsam-grid-item.lsam-item-active .lsam-grid-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-elegance .lsam-grid-item.lsam-item-active .lsam-grid-label {
    color: var(--primary, #007aff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-elegance .lsam-grid-item .lsam-grid-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-elegance .lsam-grid-item .lsam-grid-label {
    background-image: linear-gradient(to bottom, var(--subtitle, #6e6e73) 50%, var(--primary, #007aff) 50%);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-mode-dark.ls-template-elegance .lsam-list-item.lsam-item-active,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-mode-dark.ls-template-elegance .lsam-list-item.lsam-item-active .lsam-list-icon i {
    color: var(--primary, #0a84ff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-mode-dark.ls-template-elegance .lsam-list-item .lsam-list-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-mode-dark.ls-template-elegance .lsam-list-item .lsam-list-label {
    background-image: linear-gradient(to right, var(--primary, #0a84ff) 50%, var(--text-inverse, #636366) 50%);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-mode-dark.ls-template-elegance .lsam-card-item.lsam-item-active .lsam-card-label {
    color: var(--primary, #0a84ff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-mode-dark.ls-template-elegance .lsam-card-item .lsam-card-label {
    background-image: linear-gradient(to right, var(--primary, #0a84ff) 50%, var(--text-inverse, #636366) 50%);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-mode-dark.ls-template-elegance .lsam-shortcut-item.lsam-item-active .lsam-shortcut-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-mode-dark.ls-template-elegance .lsam-shortcut-item.lsam-item-active .lsam-shortcut-label {
    color: var(--primary, #0a84ff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-mode-dark.ls-template-elegance .lsam-shortcut-item .lsam-shortcut-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-mode-dark.ls-template-elegance .lsam-shortcut-item .lsam-shortcut-label {
    background-image: linear-gradient(to right, var(--primary, #0a84ff) 50%, var(--text-inverse, #636366) 50%);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-mode-dark.ls-template-elegance .lsam-grid-item.lsam-item-active .lsam-grid-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-mode-dark.ls-template-elegance .lsam-grid-item.lsam-item-active .lsam-grid-label {
    color: var(--primary, #0a84ff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-mode-dark.ls-template-elegance .lsam-grid-item .lsam-grid-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-mode-dark.ls-template-elegance .lsam-grid-item .lsam-grid-label {
    background-image: linear-gradient(to bottom, var(--text-inverse, #636366) 50%, var(--primary, #0a84ff) 50%);
}

/* ==========================================
   METROPOOL TEMPLATE
   ========================================== */
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-card-item.lsam-item-active,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-grid-item.lsam-item-active,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-shortcut-item.lsam-item-active,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-card-item:hover .lsam-card-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-grid-item:hover,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-shortcut-item:hover {
    color: var(--primary, #007aff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-mode-dark .lsam-card-item.lsam-item-active,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-mode-dark .lsam-grid-item.lsam-item-active,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-mode-dark .lsam-shortcut-item.lsam-item-active,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-mode-dark .lsam-card-item:hover .lsam-card-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-mode-dark .lsam-grid-item:hover,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-mode-dark .lsam-shortcut-item:hover {
    color: var(--primary, #007aff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-card-item.lsam-item-active img ~ .lsam-card-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-card-item.lsam-item-active .lsam-card-overlay ~ .lsam-card-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .ls-card-item:hover img ~ .lsam-card-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .ls-card-item:hover .lsam-card-overlay ~ .lsam-card-label {
    color: var(--primary, #007aff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-mode-dark .lsam-card-item.lsam-item-active img ~ .lsam-card-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-mode-dark .lsam-card-item.lsam-item-active .lsam-card-overlay ~ .lsam-card-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-mode-dark .lsam-card-item:hover img ~ .lsam-card-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-metropool .lsam-mode-dark .lsam-card-item:hover .lsam-card-overlay ~ .lsam-card-label {
    color: var(--primary, #007aff);
}

/* ==========================================
   SKYLINE TEMPLATE
   ========================================== */
/* Skyline: Accent colors and border logic */
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-list-item.lsam-item-active {
    color: var(--primary, #007aff);
}
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-mode-dark .lsam-list-item.lsam-item-active {
    color: var(--primary, #0a84ff);
}
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-list-item::before,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-card-item::before,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-grid-item::before,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-shortcut-item::before {
    background: var(--primary, #007aff);
}
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-mode-dark .lsam-list-item::before,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-mode-dark .lsam-card-item::before,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-mode-dark .lsam-grid-item::before,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-mode-dark .lsam-shortcut-item::before {
    background: var(--primary, #0a84ff);
}
/* Skyline border colors on hover */
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-list-item:hover {
    color: var(--primary, #007aff);
}
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-mode-dark .lsam-list-item:hover {
    color: var(--primary, #0a84ff);
}
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-card-item:hover {
    border-top-color: var(--primary, #007aff);
}
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-mode-dark .lsam-card-item:hover {
    border-top-color: var(--primary, #0a84ff);
}
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-shortcut-item:hover {
    color: var(--primary, #007aff);
}
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-mode-dark .lsam-shortcut-item:hover {
    color: var(--primary, #0a84ff);
}
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-grid-item:hover {
    border-top-color: var(--primary, #007aff);
}
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-skyline .lsam-mode-dark .lsam-grid-item:hover {
    border-top-color: var(--primary, #0a84ff);
}

/* ==========================================
   ECLIPSE TEMPLATE
   ========================================== */
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-list-item.lsam-item-active,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-list-item:hover,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-list-item:hover .lsam-list-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-card-item.lsam-item-active .lsam-card-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-card-item:hover .lsam-card-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-shortcut-item:hover,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-grid-item.lsam-item-active .lsam-grid-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-grid-item:hover .lsam-grid-label {
    color: var(--primary, #007aff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-mode-dark .lsam-list-item.lsam-item-active,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-mode-dark .lsam-list-item:hover,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-mode-dark .lsam-list-item:hover .lsam-list-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-mode-dark .lsam-card-item.lsam-item-active .lsam-card-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-mode-dark .lsam-card-item:hover .lsam-card-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-mode-dark .lsam-shortcut-item:hover,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-mode-dark .lsam-grid-item.lsam-item-active .lsam-grid-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-mode-dark .lsam-grid-item:hover .lsam-grid-label {
    color: var(--primary, #0a84ff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-card-item.lsam-item-active {
    outline-color: var(--primary, #007aff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-grid-item.lsam-item-active {
    background: var(--bg-primary, #ffffff);
    outline-color: var(--primary, #007aff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-mode-dark .lsam-card-item.lsam-item-active,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-mode-dark .lsam-grid-item.lsam-item-active {
    background: var(--bg-dark-accent, #2c2c2e);
    outline: none;
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-grid-item.lsam-item-active .lsam-grid-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-grid-item:hover .lsam-grid-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-card-item.lsam-item-active .lsam-card-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-card-item:hover .lsam-card-icon i {
    color: var(--primary, #007aff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-card-item.lsam-item-active .lsam-card-icon,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-card-item:hover .lsam-card-icon {
    opacity: 0.65;
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-mode-dark .lsam-grid-item.lsam-item-active .lsam-grid-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-mode-dark .lsam-grid-item:hover .lsam-grid-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-mode-dark .lsam-card-item.lsam-item-active .lsam-card-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-mode-dark .lsam-card-item:hover .lsam-card-icon i {
    color: var(--primary, #007aff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-mode-dark .lsam-card-item.lsam-item-active .lsam-card-icon,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-eclipse .lsam-mode-dark .lsam-card-item:hover .lsam-card-icon {
    opacity: 0.65;
}


/* ==========================================
   CRYSTAL TEMPLATE
   ========================================== */
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-list-item.lsam-item-active,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-list-item:hover,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-list-item:hover .lsam-list-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-card-item.lsam-item-active .lsam-card-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-card-item:hover .lsam-card-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-shortcut-item:hover,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-grid-item.lsam-item-active .lsam-grid-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-grid-item:hover .lsam-grid-label {
    color: var(--primary, #007aff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-mode-dark .lsam-list-item.lsam-item-active,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-mode-dark .lsam-list-item:hover,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-mode-dark .lsam-list-item:hover .lsam-list-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-mode-dark .lsam-card-item.lsam-item-active .lsam-card-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-mode-dark .lsam-card-item:hover .lsam-card-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-mode-dark .lsam-shortcut-item:hover,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-mode-dark .lsam-grid-item.lsam-item-active .lsam-grid-label,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-mode-dark .lsam-grid-item:hover .lsam-grid-label {
    color: var(--primary, #0a84ff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-card-item.lsam-item-active {
    outline-color: var(--primary, #007aff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-grid-item.lsam-item-active {
    background: var(--bg-primary, #ffffff);
    outline-color: var(--primary, #007aff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-mode-dark .lsam-card-item.lsam-item-active,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-mode-dark .lsam-grid-item.lsam-item-active {
    background: var(--bg-dark-accent, #2c2c2e);
    outline: none;
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-grid-item.lsam-item-active .lsam-grid-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-grid-item:hover .lsam-grid-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-card-item.lsam-item-active .lsam-card-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-card-item:hover .lsam-card-icon i {
    color: var(--primary, #007aff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-card-item.lsam-item-active .lsam-card-icon,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-card-item:hover .lsam-card-icon {
    opacity: 0.6;
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-mode-dark .lsam-grid-item.lsam-item-active .lsam-grid-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-mode-dark .lsam-grid-item:hover .lsam-grid-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-mode-dark .lsam-card-item.lsam-item-active .lsam-card-icon i,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-mode-dark .lsam-card-item:hover .lsam-card-icon i {
    color: var(--primary, #007aff);
}

#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-mode-dark .lsam-card-item.lsam-item-active .lsam-card-icon,
#lsam-fullmenu-wrapper.ls-preset-gridbox.ls-template-crystal .lsam-mode-dark .lsam-card-item:hover .lsam-card-icon {
    opacity: 0.6;
}