/**
 * Skins del panel — Classic (dark/light) + Dream Soft + Earth Soft
 *
 * data-skin="classic"     → paleta marca actual (usa data-theme dark|light)
 * data-skin="dream-soft"  → Pastel Dreamland (claro)
 * data-skin="earth-soft"  → Muted Earthy (oscuro)
 *
 * Cargar DESPUÉS de brand-theme.css
 */

/* —— Tokens semánticos (classic = valores actuales) —— */
html[data-skin="classic"][data-theme="dark"],
html[data-skin="classic"].dark-theme {
    --panel-bg: #000000;
    --panel-bg-elevated: #0a101c;
    --panel-surface: #14213d;
    --panel-border: #1c2f52;
    --panel-text: #ffffff;
    --panel-text-secondary: #e5e5e5;
    --panel-muted: rgba(229, 229, 229, 0.72);
    --panel-accent: #fca311;
    --panel-accent-hover: #e8940a;
    --panel-accent-rgb: 252, 163, 17;
    --panel-accent-on: #000000;
    --panel-sidebar: #0a101c;
    --panel-navbar: #0a101c;
}

html[data-skin="classic"][data-theme="light"],
html[data-skin="classic"]:not(.dark-theme) {
    --panel-bg: #eef1f6;
    --panel-bg-elevated: #ffffff;
    --panel-surface: #ffffff;
    --panel-border: #d5dbe6;
    --panel-text: #1a2332;
    --panel-text-secondary: #334155;
    --panel-muted: rgba(26, 35, 50, 0.62);
    --panel-accent: #fca311;
    --panel-accent-hover: #e8940a;
    --panel-accent-rgb: 252, 163, 17;
    --panel-accent-on: #000000;
    --panel-sidebar: #14213d;
    --panel-navbar: #ffffff;
}

/* Remap brand/dark/light tokens bajo classic light */
html[data-skin="classic"][data-theme="light"],
html[data-skin="classic"]:not(.dark-theme) {
    --brand-black: #eef1f6;
    --brand-prussian: #14213d;
    --brand-prussian-deep: #0a101c;
    --brand-alabaster: #1a2332;
    --brand-white: #ffffff;
    --brand-muted: rgba(26, 35, 50, 0.62);
    --light-bg-primary: #eef1f6;
    --light-bg-secondary: #ffffff;
    --light-bg-tertiary: #e5e9f0;
    --light-border: #d5dbe6;
    --light-text-primary: #1a2332;
    --light-text-secondary: #334155;
    --light-text-muted: rgba(26, 35, 50, 0.55);
    --light-hover: #e5e9f0;
}

html[data-skin="classic"][data-theme="light"] body,
html[data-skin="classic"]:not(.dark-theme) body,
html[data-skin="classic"][data-theme="light"] .wrapper,
html[data-skin="classic"]:not(.dark-theme) .wrapper,
html[data-skin="classic"][data-theme="light"] .main-panel,
html[data-skin="classic"]:not(.dark-theme) .main-panel,
html[data-skin="classic"][data-theme="light"] .content,
html[data-skin="classic"]:not(.dark-theme) .content {
    background: #eef1f6 !important;
    color: #1a2332 !important;
}

/* ==========================================================================
   Dream Soft — Pastel Dreamland
   Icy Blue #bde0fe | Pastel Petal #ffc8dd | Blush Pop #ffafcc
   Sky Blue #a2d2ff | Pink Orchid #cdb4db | texto #2d2033
   ========================================================================== */
html[data-skin="dream-soft"] {
    --panel-bg: #bde0fe;
    --panel-bg-elevated: #ffc8dd;
    --panel-surface: #ffc8dd;
    --panel-border: #cdb4db;
    --panel-text: #2d2033;
    --panel-text-secondary: #3d2f45;
    --panel-muted: rgba(45, 32, 51, 0.68);
    --panel-accent: #ffafcc;
    --panel-accent-hover: #ff9ec0;
    --panel-accent-rgb: 255, 175, 204;
    --panel-accent-on: #2d2033;
    --panel-sidebar: #ffc8dd;
    --panel-navbar: #a2d2ff;
    --panel-secondary: #a2d2ff;
    --panel-sidebar-text: #2d2033;
    --panel-navbar-text: #2d2033;

    --brand-black: #bde0fe;
    --brand-prussian: #ffc8dd;
    --brand-prussian-deep: #cdb4db;
    --brand-orange: #ffafcc;
    --brand-orange-hover: #ff9ec0;
    --brand-orange-rgb: 255, 175, 204;
    --brand-prussian-rgb: 255, 200, 221;
    --brand-alabaster: #2d2033;
    --brand-white: #fff5fa;
    --brand-muted: rgba(45, 32, 51, 0.68);

    --dark-bg-darkest: #bde0fe;
    --dark-bg-primary: #bde0fe;
    --dark-bg-secondary: #ffc8dd;
    --dark-bg-tertiary: #ffc8dd;
    --dark-bg-hover: #a2d2ff;
    --dark-border: #cdb4db;
    --dark-border-light: #cdb4db;
    --dark-text-primary: #2d2033;
    --dark-text-secondary: #3d2f45;
    --dark-text-muted: rgba(45, 32, 51, 0.68);
    --dark-accent: #ffafcc;
    --dark-accent-hover: #ff9ec0;
    --dark-accent-on: #2d2033;
    --dark-card: #ffc8dd;
    --dark-hover: #a2d2ff;
    --dark-sidebar-hover: #a2d2ff;
    --dark-sidebar-active: #ffafcc;

    --light-bg-primary: #bde0fe;
    --light-bg-secondary: #ffc8dd;
    --light-bg-tertiary: #a2d2ff;
    --light-border: #cdb4db;
    --light-text-primary: #2d2033;
    --light-text-secondary: #3d2f45;
    --light-text-muted: rgba(45, 32, 51, 0.68);
    --light-hover: #a2d2ff;
    --light-accent: #ffafcc;
    --light-accent-hover: #ff9ec0;
    --light-accent-on: #2d2033;

    color-scheme: light;
}

html[data-skin="dream-soft"],
html[data-skin="dream-soft"] body,
html[data-skin="dream-soft"].dark-theme,
html[data-skin="dream-soft"].dark-theme body,
html[data-skin="dream-soft"] .wrapper,
html[data-skin="dream-soft"] .main-panel,
html[data-skin="dream-soft"] .content,
html[data-skin="dream-soft"].dark-theme .wrapper,
html[data-skin="dream-soft"].dark-theme .main-panel,
html[data-skin="dream-soft"].dark-theme .content {
    background: #bde0fe !important;
    color: #2d2033 !important;
}

html[data-skin="dream-soft"] .sidebar,
html[data-skin="dream-soft"].dark-theme .sidebar {
    background: #ffc8dd !important;
    border-right: 2px solid #cdb4db !important;
    color: #2d2033 !important;
}

html[data-skin="dream-soft"] .sidebar .logo,
html[data-skin="dream-soft"] .sidebar .logo a,
html[data-skin="dream-soft"] .sidebar .nav li > a,
html[data-skin="dream-soft"] .sidebar .nav li a p,
html[data-skin="dream-soft"] .sidebar .nav li a i,
html[data-skin="dream-soft"].dark-theme .sidebar .nav li > a {
    color: #2d2033 !important;
}

html[data-skin="dream-soft"] .sidebar .nav li:hover > a,
html[data-skin="dream-soft"] .sidebar .nav li.active > a,
html[data-skin="dream-soft"].dark-theme .sidebar .nav li.active > a {
    background: #a2d2ff !important;
    color: #2d2033 !important;
    box-shadow: 3px 3px 0 #cdb4db !important;
}

html[data-skin="dream-soft"] .navbar,
html[data-skin="dream-soft"] .navbar-default,
html[data-skin="dream-soft"] nav.navbar,
html[data-skin="dream-soft"].dark-theme .navbar {
    background: #a2d2ff !important;
    border-bottom: 2px solid #cdb4db !important;
    box-shadow: none !important;
}

html[data-skin="dream-soft"] .navbar a,
html[data-skin="dream-soft"] .navbar-brand,
html[data-skin="dream-soft"] .navbar-nav > li > a,
html[data-skin="dream-soft"] #theme-icon,
html[data-skin="dream-soft"].dark-theme .navbar a {
    color: #2d2033 !important;
}

html[data-skin="dream-soft"] .card,
html[data-skin="dream-soft"] .panel,
html[data-skin="dream-soft"] .info-tiles,
html[data-skin="dream-soft"] .dashboard-card,
html[data-skin="dream-soft"] .dash-card,
html[data-skin="dream-soft"] .dash-panel,
html[data-skin="dream-soft"] .dash-v2-card,
html[data-skin="dream-soft"] .modal-content,
html[data-skin="dream-soft"] .dropdown-menu,
html[data-skin="dream-soft"].dark-theme .card,
html[data-skin="dream-soft"].dark-theme .panel,
html[data-skin="dream-soft"].dark-theme .modal-content {
    background: #ffc8dd !important;
    border: 2px solid #cdb4db !important;
    color: #2d2033 !important;
    box-shadow: 4px 4px 0 #cdb4db !important;
    border-radius: 16px !important;
}

html[data-skin="dream-soft"] .btn-primary,
html[data-skin="dream-soft"] .btn.btn-primary,
html[data-skin="dream-soft"].dark-theme .btn-primary {
    background: #ffafcc !important;
    border: 2px solid #cdb4db !important;
    color: #2d2033 !important;
    box-shadow: 3px 3px 0 #cdb4db !important;
}

html[data-skin="dream-soft"] .btn-primary:hover,
html[data-skin="dream-soft"].dark-theme .btn-primary:hover {
    background: #a2d2ff !important;
    color: #2d2033 !important;
}

html[data-skin="dream-soft"] .table > thead > tr > th,
html[data-skin="dream-soft"] .table > tbody > tr > td,
html[data-skin="dream-soft"].dark-theme .table > thead > tr > th,
html[data-skin="dream-soft"].dark-theme .table > tbody > tr > td {
    color: #2d2033 !important;
    border-color: #cdb4db !important;
}

html[data-skin="dream-soft"] .form-control,
html[data-skin="dream-soft"] input,
html[data-skin="dream-soft"] select,
html[data-skin="dream-soft"] textarea,
html[data-skin="dream-soft"].dark-theme .form-control {
    background: #fff5fa !important;
    border: 2px solid #cdb4db !important;
    color: #2d2033 !important;
}

html[data-skin="dream-soft"] .footer,
html[data-skin="dream-soft"].dark-theme .footer {
    background: #a2d2ff !important;
    border-top: 2px solid #cdb4db !important;
    color: #2d2033 !important;
}

/* ==========================================================================
   Earth Soft — Muted Earthy
   Dim Grey #6d6875 | Dusty Rose #b5838d | Cotton Candy #e5989b
   Powder Blush #ffb4a2 | Peach Fuzz #ffcdb2 | bg #2b2530
   ========================================================================== */
html[data-skin="earth-soft"] {
    --panel-bg: #2b2530;
    --panel-bg-elevated: #3a3440;
    --panel-surface: #6d6875;
    --panel-border: #b5838d;
    --panel-text: #ffcdb2;
    --panel-text-secondary: #ffb4a2;
    --panel-muted: #ffb4a2;
    --panel-accent: #e5989b;
    --panel-accent-hover: #d4878a;
    --panel-accent-rgb: 229, 152, 155;
    --panel-accent-on: #2b2530;
    --panel-sidebar: #6d6875;
    --panel-navbar: #3a3440;
    --panel-secondary: #b5838d;
    --panel-sidebar-text: #ffcdb2;
    --panel-navbar-text: #ffcdb2;

    --brand-black: #2b2530;
    --brand-prussian: #6d6875;
    --brand-prussian-deep: #3a3440;
    --brand-orange: #e5989b;
    --brand-orange-hover: #d4878a;
    --brand-orange-rgb: 229, 152, 155;
    --brand-prussian-rgb: 109, 104, 117;
    --brand-alabaster: #ffcdb2;
    --brand-white: #ffcdb2;
    --brand-muted: #ffb4a2;

    --dark-bg-darkest: #2b2530;
    --dark-bg-primary: #2b2530;
    --dark-bg-secondary: #3a3440;
    --dark-bg-tertiary: #6d6875;
    --dark-bg-hover: #7a7582;
    --dark-border: #b5838d;
    --dark-border-light: #b5838d;
    --dark-text-primary: #ffcdb2;
    --dark-text-secondary: #ffb4a2;
    --dark-text-muted: #ffb4a2;
    --dark-accent: #e5989b;
    --dark-accent-hover: #d4878a;
    --dark-accent-on: #2b2530;
    --dark-card: #6d6875;
    --dark-hover: #7a7582;
    --dark-sidebar-hover: #7a7582;
    --dark-sidebar-active: #e5989b;

    --light-bg-primary: #2b2530;
    --light-bg-secondary: #3a3440;
    --light-bg-tertiary: #6d6875;
    --light-border: #b5838d;
    --light-text-primary: #ffcdb2;
    --light-text-secondary: #ffb4a2;
    --light-text-muted: #ffb4a2;
    --light-hover: #7a7582;
    --light-accent: #e5989b;
    --light-accent-hover: #d4878a;
    --light-accent-on: #2b2530;

    color-scheme: dark;
}

html[data-skin="earth-soft"],
html[data-skin="earth-soft"] body,
html[data-skin="earth-soft"].dark-theme,
html[data-skin="earth-soft"].dark-theme body,
html[data-skin="earth-soft"] .wrapper,
html[data-skin="earth-soft"] .main-panel,
html[data-skin="earth-soft"] .content,
html[data-skin="earth-soft"].dark-theme .wrapper,
html[data-skin="earth-soft"].dark-theme .main-panel,
html[data-skin="earth-soft"].dark-theme .content {
    background: #2b2530 !important;
    color: #ffcdb2 !important;
}

html[data-skin="earth-soft"] .sidebar,
html[data-skin="earth-soft"].dark-theme .sidebar {
    background: #6d6875 !important;
    border-right: 2px solid #b5838d !important;
    color: #ffcdb2 !important;
}

html[data-skin="earth-soft"] .sidebar .logo,
html[data-skin="earth-soft"] .sidebar .logo a,
html[data-skin="earth-soft"] .sidebar .nav li > a,
html[data-skin="earth-soft"] .sidebar .nav li a p,
html[data-skin="earth-soft"] .sidebar .nav li a i,
html[data-skin="earth-soft"].dark-theme .sidebar .nav li > a {
    color: #ffcdb2 !important;
}

html[data-skin="earth-soft"] .sidebar .nav li:hover > a,
html[data-skin="earth-soft"] .sidebar .nav li.active > a,
html[data-skin="earth-soft"].dark-theme .sidebar .nav li.active > a {
    background: #e5989b !important;
    color: #2b2530 !important;
    box-shadow: 3px 3px 0 #b5838d !important;
}

html[data-skin="earth-soft"] .navbar,
html[data-skin="earth-soft"] .navbar-default,
html[data-skin="earth-soft"] nav.navbar,
html[data-skin="earth-soft"].dark-theme .navbar {
    background: #3a3440 !important;
    border-bottom: 2px solid #b5838d !important;
    box-shadow: none !important;
}

html[data-skin="earth-soft"] .navbar a,
html[data-skin="earth-soft"] .navbar-brand,
html[data-skin="earth-soft"] .navbar-nav > li > a,
html[data-skin="earth-soft"] #theme-icon,
html[data-skin="earth-soft"].dark-theme .navbar a {
    color: #ffcdb2 !important;
}

html[data-skin="earth-soft"] .card,
html[data-skin="earth-soft"] .panel,
html[data-skin="earth-soft"] .info-tiles,
html[data-skin="earth-soft"] .dashboard-card,
html[data-skin="earth-soft"] .dash-card,
html[data-skin="earth-soft"] .dash-panel,
html[data-skin="earth-soft"] .dash-v2-card,
html[data-skin="earth-soft"] .modal-content,
html[data-skin="earth-soft"] .dropdown-menu,
html[data-skin="earth-soft"].dark-theme .card,
html[data-skin="earth-soft"].dark-theme .panel,
html[data-skin="earth-soft"].dark-theme .modal-content {
    background: #6d6875 !important;
    border: 2px solid #b5838d !important;
    color: #ffcdb2 !important;
    box-shadow: 4px 4px 0 #b5838d !important;
    border-radius: 16px !important;
}

html[data-skin="earth-soft"] .btn-primary,
html[data-skin="earth-soft"] .btn.btn-primary,
html[data-skin="earth-soft"].dark-theme .btn-primary {
    background: #e5989b !important;
    border: 2px solid #b5838d !important;
    color: #2b2530 !important;
    box-shadow: 3px 3px 0 #b5838d !important;
}

html[data-skin="earth-soft"] .btn-primary:hover {
    background: #ffb4a2 !important;
    color: #2b2530 !important;
}

html[data-skin="earth-soft"] .table > thead > tr > th,
html[data-skin="earth-soft"] .table > tbody > tr > td,
html[data-skin="earth-soft"].dark-theme .table > thead > tr > th,
html[data-skin="earth-soft"].dark-theme .table > tbody > tr > td {
    color: #ffcdb2 !important;
    border-color: #b5838d !important;
}

html[data-skin="earth-soft"] .form-control,
html[data-skin="earth-soft"] input,
html[data-skin="earth-soft"] select,
html[data-skin="earth-soft"] textarea,
html[data-skin="earth-soft"].dark-theme .form-control {
    background: #3a3440 !important;
    border: 2px solid #b5838d !important;
    color: #ffcdb2 !important;
}

html[data-skin="earth-soft"] .footer,
html[data-skin="earth-soft"].dark-theme .footer {
    background: #3a3440 !important;
    border-top: 2px solid #b5838d !important;
    color: #ffb4a2 !important;
}

/* —— Selector de skin (inyectado por JS) —— */
.panel-skin-toggle {
    position: relative;
    list-style: none;
}

.panel-skin-toggle > button {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem;
    border-radius: 10px;
    border: 1px solid transparent;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
}

.panel-skin-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    min-width: 180px;
    padding: 0.35rem;
    border-radius: 12px;
    background: var(--panel-surface, #14213d);
    border: 1px solid var(--panel-border, #1c2f52);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    z-index: 1050;
}

.panel-skin-menu[hidden] { display: none !important; }

.panel-skin-menu button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.5rem 0.7rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--panel-text, #e5e5e5);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

.panel-skin-menu button:hover,
.panel-skin-menu button.is-active {
    background: color-mix(in srgb, var(--panel-accent, #fca311) 22%, transparent);
}

html[data-skin="dream-soft"] .panel-skin-menu {
    background: #ffc8dd;
    border-color: #cdb4db;
    color: #2d2033;
}

html[data-skin="earth-soft"] .panel-skin-menu {
    background: #6d6875;
    border-color: #b5838d;
    color: #ffcdb2;
}

html[data-skin="dream-soft"] body,
html[data-skin="dream-soft"] .sidebar,
html[data-skin="dream-soft"] .main-panel {
    font-family: 'Nunito', 'Roboto', sans-serif !important;
}

html[data-skin="earth-soft"] body,
html[data-skin="earth-soft"] .sidebar,
html[data-skin="earth-soft"] .main-panel {
    font-family: 'Nunito', 'Roboto', sans-serif !important;
}

/* Ocultar toggle sol/luna cuando no es classic (skin fija) */
html[data-skin="dream-soft"] .theme-toggle,
html[data-skin="earth-soft"] .theme-toggle,
html[data-skin="dream-soft"] #mobile-theme-toggle-btn,
html[data-skin="earth-soft"] #mobile-theme-toggle-btn {
    display: none !important;
}

/* Dream / Earth — forzar sidebar-modern (colores hardcodeados del classic) */
html[data-skin="dream-soft"] .sidebar-modern,
html[data-skin="dream-soft"].dark-theme .sidebar-modern {
    --sb-bg: #ffc8dd;
    --sb-text: #2d2033;
    --sb-text-muted: rgba(45, 32, 51, 0.7);
    --sb-border: #cdb4db;
    --sb-accent: #a2d2ff;
    --sb-hover: rgba(162, 210, 255, 0.45);
    --sb-active-bg: #a2d2ff;
    background: #ffc8dd !important;
    color: #2d2033 !important;
    border-right-color: #cdb4db !important;
}
html[data-skin="dream-soft"] .sidebar-modern .logo .simple-text,
html[data-skin="dream-soft"] .sidebar-modern .nav > li > a.nav-link,
html[data-skin="dream-soft"] .sidebar-modern .nav > li > a.nav-link p,
html[data-skin="dream-soft"] .sidebar-modern .nav > li > a.nav-link i,
html[data-skin="dream-soft"] .sidebar-modern #serverMenu > ul > li > a,
html[data-skin="dream-soft"] .sidebar-modern #settingsData > ul > li > a,
html[data-skin="dream-soft"] .sidebar-modern .nav .collapse li > a,
html[data-skin="dream-soft"] .sidebar-modern .sidebar-normal,
html[data-skin="dream-soft"].dark-theme .sidebar-modern .logo .simple-text,
html[data-skin="dream-soft"].dark-theme .sidebar-modern #serverMenu > ul > li > a,
html[data-skin="dream-soft"].dark-theme .sidebar-modern .nav .collapse li > a {
    color: #2d2033 !important;
    -webkit-text-fill-color: #2d2033 !important;
    background: transparent !important;
}
html[data-skin="dream-soft"] .sidebar-modern .logo .simple-text,
html[data-skin="dream-soft"].dark-theme .sidebar-modern .logo .simple-text {
    background: none !important;
}
html[data-skin="dream-soft"] .sidebar-modern .nav > li:hover > a.nav-link,
html[data-skin="dream-soft"] .sidebar-modern .nav > li.active > a.nav-link,
html[data-skin="dream-soft"] .sidebar-modern #serverMenu > ul > li > a:hover,
html[data-skin="dream-soft"] .sidebar-modern .nav .collapse li > a:hover,
html[data-skin="dream-soft"] .sidebar-modern .nav .collapse li.active > a {
    background: #a2d2ff !important;
    color: #2d2033 !important;
    -webkit-text-fill-color: #2d2033 !important;
}

html[data-skin="earth-soft"] .sidebar-modern,
html[data-skin="earth-soft"].dark-theme .sidebar-modern {
    --sb-bg: #2b2530;
    --sb-text: #ffcdb2;
    --sb-text-muted: rgba(255, 205, 178, 0.72);
    --sb-border: #6d6875;
    --sb-accent: #e5989b;
    --sb-hover: rgba(229, 152, 155, 0.22);
    --sb-active-bg: rgba(229, 152, 155, 0.28);
    background: #2b2530 !important;
    color: #ffcdb2 !important;
    border-right-color: #6d6875 !important;
}
html[data-skin="earth-soft"] .sidebar-modern .logo .simple-text,
html[data-skin="earth-soft"] .sidebar-modern .nav > li > a.nav-link,
html[data-skin="earth-soft"] .sidebar-modern .nav > li > a.nav-link p,
html[data-skin="earth-soft"] .sidebar-modern .nav > li > a.nav-link i,
html[data-skin="earth-soft"] .sidebar-modern #serverMenu > ul > li > a,
html[data-skin="earth-soft"] .sidebar-modern #settingsData > ul > li > a,
html[data-skin="earth-soft"] .sidebar-modern .nav .collapse li > a,
html[data-skin="earth-soft"] .sidebar-modern .sidebar-normal,
html[data-skin="earth-soft"].dark-theme .sidebar-modern .logo .simple-text,
html[data-skin="earth-soft"].dark-theme .sidebar-modern #serverMenu > ul > li > a,
html[data-skin="earth-soft"].dark-theme .sidebar-modern .nav .collapse li > a {
    color: #ffcdb2 !important;
    -webkit-text-fill-color: #ffcdb2 !important;
    background: transparent !important;
}
html[data-skin="earth-soft"] .sidebar-modern .logo .simple-text,
html[data-skin="earth-soft"].dark-theme .sidebar-modern .logo .simple-text {
    background: none !important;
}
html[data-skin="earth-soft"] .sidebar-modern .nav > li:hover > a.nav-link,
html[data-skin="earth-soft"] .sidebar-modern .nav > li.active > a.nav-link,
html[data-skin="earth-soft"] .sidebar-modern #serverMenu > ul > li > a:hover,
html[data-skin="earth-soft"] .sidebar-modern .nav .collapse li > a:hover,
html[data-skin="earth-soft"] .sidebar-modern .nav .collapse li.active > a {
    background: #e5989b !important;
    color: #2b2530 !important;
    -webkit-text-fill-color: #2b2530 !important;
}