/* 
 * Trinos v4.1 - Notifications UI Styles
 */

/* Sidebar de Notificações */
#notifications-sidebar {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: -10px 0 30px rgba(0,0,0,0.1);
}

#notifications-sidebar.hidden-sidebar {
    transform: translateX(100%);
}

/* Badge do Header */
#notif-badge {
    animation: pulse-gold 2s infinite;
}

@keyframes pulse-gold {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(198, 168, 124, 0.4); }
    70% { transform: scale(1.1); box-shadow: 0 0 0 10px rgba(198, 168, 124, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(198, 168, 124, 0); }
}

/* Cards de Notificações */
.notif-card {
    transition: all 0.2s ease;
    border-left-width: 4px;
}

.notif-card:hover {
    transform: translateX(-4px);
    background-color: #f8fafc;
}

.notif-unread {
    background-color: #f0f7ff;
}

.notif-type-error { border-left-color: #ef4444; }
.notif-type-warning { border-left-color: #f59e0b; }
.notif-type-info { border-left-color: #3b82f6; }