.notif-bell-btn {
  background : transparent;
  border     : none;
  color      : #fff;
  padding    : 0.25rem 0.5rem;
  line-height: 1;
}
.notif-bell-btn:focus  { outline: none; box-shadow: none; }
.notif-bell-btn:hover  { color: #d0d4e0; }

/* Dropdown panel */
.notif-dropdown {
  width      : 360px !important;
  border     : 1px solid #dde0eb;
  border-radius: 10px;
  overflow   : hidden;
}
.notif-list {
  max-height : 420px;
  overflow-y : auto;
}
.notif-header {
  background   : #f8f9fc;
  border-bottom: 1px solid #e4e6ef;
  font-size    : 0.9rem;
}

/* Single notification */
.notif-item {
  display      : flex;
  align-items  : flex-start;
  gap          : 10px;
  padding      : 12px 14px;
  border-bottom: 1px solid #f0f1f5;
  transition   : background 0.15s;
}
.notif-item:last-child { border-bottom: none; }
.notif-item:hover      { background: #f4f6fb; }

/* Unread highlight */
.notif-item.notif-unread {
  background  : #eef2ff;
  border-left : 3px solid #2955d4;
}
.notif-item.notif-unread:hover { background: #e4eaff; }
.notif-icon {
  font-size  : 1.25rem;
  flex-shrink: 0;
  margin-top : 2px;
  line-height: 1;
}
.notif-body  { flex: 1; min-width: 0; white-space: normal;}
.notif-msg   { font-size: 0.875rem; line-height: 1.4; color: #2c3554; word-break: break-word; white-space: normal;}
.notif-time  { font-size: 0.76rem;  color: #8a90a8; }

/* Accept/Decline button */
.notif-actions .btn {
  font-size  : 0.8rem;
  padding    : 0.2rem 0.7rem;
  width      : auto;
  font-weight: 600;
}
.notif-actions .notif-decline-btn {
  color       : #dc3545;
  border-color: #dc3545;
  background  : #fff;
}
.notif-actions .notif-decline-btn:hover {
  color       : #dc3545;
  background  : #fff;
}