/* v136.11 — alertes interactives et état lu. */

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

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

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

#alert-list .alert-row .notification-copy small {
  display: block !important;
  margin-top: 4px !important;
  color: var(--muted) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

#alert-list .alert-row .alert-read-state {
  flex: 0 0 auto !important;
  margin-left: 10px !important;
  color: #0f886e !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

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

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

#alert-list .alert-row.is-read .alert-read-state {
  font-size: 15px !important;
}

#alert-list .alert-row.unread .notification-copy strong {
  font-weight: 800 !important;
}