.alert-card {
  padding: 12px 14px;
  border-radius: 0 8px 8px 0;
  font-size: 0.95rem;
  line-height: 1.4;
  background: var(
    --alert-bg,
    color-mix(
      in srgb,
      var(--status-border, var(--border-muted)) 12%,
      transparent
    )
  );
  border-inline-start: 4px solid
    var(--alert-border, var(--status-border, transparent));
  color: var(--alert-color, var(--text-primary));
  margin-bottom: 8px;
}

.alert-card strong + span {
  margin-inline-start: 0.35em;
}

.alert-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.alert-card.has-badge {
  position: relative;
}

.alert-card.has-badge .source-badge {
  position: absolute;
  inset-block-start: 6px;
  inset-inline-end: 6px;
}

[id$="-widget"]:has(.alert-list) {
  --widget-min-width: 280px;
}