.avatar-image {
    display: block;
}

.avatar-initials {
    display: none;
}

.avatar-image[src=""] {
    display: none;
}

.avatar-image[src=""] + .avatar-initials {
    display: flex;
}

/* Fallback per immagini rotte */
.avatar-image.error {
    display: none;
}

.avatar-image.error + .avatar-initials {
    display: flex;
}

.notification-dropdown {
    transition: all 0.2s ease-in-out;
    z-index: 60;
}

.notification-dropdown:not(.invisible) {
    opacity: 1;
    transform: scale(1);
}

.notification-item {
    border-bottom: 1px solid #f3f4f6;
    transition: background-color 0.2s ease;
}

.notification-item:last-child {
    border-bottom: none;
}

.notification-item:hover {
    background-color: #f9fafb;
}

.notification-unread {
    background-color: #f0f9ff;
}

.status-badge {
    font-size: 0.7rem;
    padding: 2px 6px;
    border-radius: 12px;
}

.empty-state {
    color: #6b7280;
}
#userMenu,
#notificationMenu,
#messagesMenu {
    z-index: 60;
}

/* Stili per la top bar */
#top-bar {
    z-index: 50;
}

/* Quando i menu sono aperti */
#userMenu:not(.invisible),
#notificationMenu:not(.invisible),
#messagesMenu:not(.invisible) {
    z-index: 70;
}