/* ================================================
   NOTIFICATIONS - Mobile
   Extrait de css/notifications.css (lignes 264-285)
   ================================================ */

/* RESPONSIVE MOBILE */
@media (max-width: 768px) {
  .notifications-center-content {
    max-width: 100%;
    max-height: 100vh;
    height: 100vh;
  }
  
  .notification-item {
    padding: 12px 16px;
  }
  
  .notification-icon {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  
  .notification-mark-read,
  .notification-delete {
    opacity: 1;
  }
}