/* v136.25 — Alertes : même système que Notifications, sans corbeille. */

#alert-sheet .notification-head-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}

#alert-sheet .notification-head-actions .profile-text-button {
  white-space: nowrap !important;
}

#alert-list .alert-row {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  grid-template-columns: 8px minmax(0,1fr) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line, #e7eaee) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 13px 0 !important;
  text-align: left !important;
  cursor: pointer !important;
  color: inherit !important;
  font: inherit !important;
  box-shadow: none !important;
}

#alert-list .alert-row:last-child {
  border-bottom: 0 !important;
}

#alert-list .alert-row:active {
  background: rgba(15, 136, 110, .05) !important;
}

#alert-list .alert-row .notification-copy {
  min-width: 0 !important;
}

#alert-list .alert-row.unread .notification-copy strong,
#alert-list .alert-row.unread .notification-copy > span {
  font-weight: 800 !important;
  color: var(--ink, #172231) !important;
}

#alert-list .alert-row.is-read .notification-copy strong {
  font-weight: 600 !important;
  color: var(--ink, #172231) !important;
}

#alert-list .alert-row.is-read .notification-copy > span {
  font-weight: 500 !important;
  color: var(--muted, #657084) !important;
}

#alert-list .alert-row.unread .notification-dot {
  background: var(--accent-user, #0f886e) !important;
  border: 0 !important;
}

#alert-list .alert-row.is-read .notification-dot {
  background: transparent !important;
  border: 1.5px solid rgba(15, 136, 110, .38) !important;
}

#alert-list .alert-row.is-read {
  opacity: .78 !important;
}