/* Admin NavMenu Color-Coded Icons */
/* This stylesheet provides color coding for icons in the AdminTab NavMenu */

/* Users - Blue (#2196F3) - First and second nav-link items */
.admin-nav-menu > :nth-child(1) svg,
.admin-nav-menu > :nth-child(2) svg {
    color: #2196F3 !important;
}

/* Tables (Folders/Documents) - Orange (#FF9800) - Third child (first nav-group) and its children */
.admin-nav-menu > :nth-child(3) svg,
.admin-nav-menu > :nth-child(3) .mud-nav-group-header svg,
.admin-nav-menu > :nth-child(3) .mud-nav-group .mud-icon svg {
    color: #FF9800 !important;
}

/* System Settings - Purple (#9C27B0) - Fourth child */
.admin-nav-menu > :nth-child(4) svg {
    color: #9C27B0 !important;
}

/* Reports - Green (#4CAF50) - Fifth child */
.admin-nav-menu > :nth-child(5) svg {
    color: #4CAF50 !important;
}

/* Audit Log - Red (#F44336) - Sixth child */
.admin-nav-menu > :nth-child(6) svg {
    color: #F44336 !important;
}

/* Icon styling - General */
.admin-nav-menu .mud-icon {
    font-size: 1.2rem !important;
    margin-right: 0.75rem !important;
    transition: color 0.25s ease !important;
}

/* Ensure colors persist on hover - brighten the color */
.admin-nav-menu .mud-nav-link:hover svg {
    filter: brightness(1.2) !important;
}

.admin-nav-menu .mud-nav-group-header:hover svg {
    filter: brightness(1.2) !important;
}

/* Ensure colors persist on active/focus - darken the color */
.admin-nav-menu .mud-nav-link.active svg,
.admin-nav-menu .mud-nav-link:focus svg {
    filter: brightness(0.9) !important;
}

/* Additional specificity for sidebar paper */
.sidebar-paper .admin-nav-menu > :nth-child(1) svg {
    color: #2196F3 !important;
}

.sidebar-paper .admin-nav-menu > :nth-child(2) svg {
    color: #2196F3 !important;
}

.sidebar-paper .admin-nav-menu > :nth-child(3) svg,
.sidebar-paper .admin-nav-menu > :nth-child(3) .mud-nav-group-header svg,
.sidebar-paper .admin-nav-menu > :nth-child(3) .mud-nav-group .mud-icon svg {
    color: #FF9800 !important;
}

.sidebar-paper .admin-nav-menu > :nth-child(4) svg {
    color: #9C27B0 !important;
}

.sidebar-paper .admin-nav-menu > :nth-child(5) svg {
    color: #4CAF50 !important;
}

.sidebar-paper .admin-nav-menu > :nth-child(6) svg {
    color: #F44336 !important;
}