/* Notification Styles */
/* Table notification styling */
tr.unread {
  font-weight: bold;
  background-color: rgba(105, 108, 255, 0.1);
  border-left: 3px solid #696cff;
}
tr.unread td {
  font-weight: 600;
}
tr.read {
  opacity: 0.8;
  background-color: transparent;
}
.notification-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #696cff;
  margin-right: 5px;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(105, 108, 255, 0.4);
  }
  70% {
    box-shadow: 0 0 0 6px rgba(105, 108, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(105, 108, 255, 0);
  }
}