::ng-deep .notification-menu {
  width: 380px;
  max-width: 90vw;
}

.notification-header {
  padding: 12px 16px !important;
  height: auto !important;
  line-height: normal !important;
}

.notification-empty {
  padding: 16px !important;
  height: auto !important;
  line-height: normal !important;
}

.notification-item {
  padding: 12px 16px !important;
  height: auto !important;
  line-height: normal !important;
  white-space: normal !important;
  border-left: 3px solid transparent;
  transition: all 0.2s ease;
}

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

.notification-item.unread {
  background-color: #f0f9ff;
  border-left-color: #0ea5e9;
}

.notification-item.unread .font-medium {
  font-weight: 600;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}