/* Custom navbar styles using shared brand color variable */
.navbar-active {
    background-color: #E7F1FB !important;
    color: var(--DEFAULT-VNSC-COLOR) !important;
    border-right: 4px solid var(--DEFAULT-VNSC-COLOR) !important;
    border-radius: 0 !important;
}

/* Hide normal icons and show active icons when item is active */
.navbar-active .icon-normal {
    display: none !important;
}

.navbar-active .icon-active {
    display: block !important;
}

/* Ensure active icons are hidden by default */
.icon-active {
    display: none;
}

/* Ensure normal icons are visible by default */
.icon-normal {
    display: block;
}

/* Link inside active item */
.navbar-active a {
    background-color: var(--DEFAULT-VNSC-COLOR) !important;
    color: var(--DEFAULT-VNSC-COLOR) !important;
    border-radius: 0 !important;
}

/* Text/span inside active item */
.navbar-active span {
    color: var(--DEFAULT-VNSC-COLOR-TEXT-MENU) !important;
}

/* Text inside active link */
.navbar-active a span {
    color: var(--DEFAULT-VNSC-COLOR-TEXT-MENU-ACTIVE) !important;
}

/* For submenu items that might have different structure */
.navbar-active > a {
    color: var(--DEFAULT-VNSC-COLOR-TEXT-MENU-ACTIVE) !important;
}

/* Ensure normal items keep their rounded style */
.navbar-link {
    border-radius: 8px;
}

/* Override rounded style when active */
.navbar-active .navbar-link {
    border-radius: 0 !important;
}

.dropdown-active {
    background-color: #E7F1FB !important;
    color: var(--DEFAULT-VNSC-COLOR) !important;
}

.dropdown-hover:hover {
    background-color: #E7F1FB !important;
    color: var(--DEFAULT-VNSC-COLOR) !important;
}

/* Additional rules to ensure text color inheritance */
.navbar-active * {
    color: var(--DEFAULT-VNSC-COLOR) !important;
}

/* Remove the old filter-based icon styling since we now use separate icon files */
.navbar-active img {
    filter: none !important;
}

.navbar-active a img {
    filter: none !important;
}

label {
font-family: "Roboto";
font-weight: 500;
font-size: 14px;
leading-trim: NONE;
line-height: 22px;
letter-spacing: 0%;

}

input::placeholder {
    font-style: italic;
}