/* Alertes legend */
.alerts-legend {
  margin-top : 10px;
  padding    : 2px;
  border-top : 1px solid #e5e7eb;
  background : #fafafa;
  font-size  : 13px;
  color      : #111827;
  display    : flex;
  flex-wrap  : wrap;
  gap        : 12px 18px;
  align-items: center;
}

.alerts-legend .legend-block {
  display    : flex;
  align-items: center;
  gap        : 8px;
  min-width  : 220px;
}

.alerts-legend .swatch {
  width        : 18px;
  height       : 18px;
  border-radius: 4px;
  border       : 1px solid rgba(0,0,0,0.08);
  box-shadow   : 0 1px 0 rgba(0,0,0,0.03) inset;
  flex         : 0 0 18px;
}

.alerts-legend .legend-text {
  line-height: 1.1;
}
.alerts-legend .note {
  font-size  : 12px;
  color      : #6b7280;
  margin-left: 8px;
}