/* ============================================================
   Dashboard (index.html) — data-quality alerts
   ============================================================ */

/* The alerts are grouped by the module that fixes them, so the module is named
   once and its issues read under it. No coloured panels: the card header's badge
   carries the alarm, and each line keeps a small severity dot so warn, danger and
   info stay separable without painting nine boxes. */
.dq-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.dq-module {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-text-subtle);
}
.dq-item {
  display: grid;
  grid-template-columns: 6px minmax(0, 1fr);
  align-items: start;
  column-gap: 8px;
  font-size: 13px;
  line-height: 1.45;
  color: var(--color-text);
}
.dq-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-top: 6px;
  background: var(--color-info);
}
.dq-dot--warn { background: var(--color-warn); }
.dq-dot--danger { background: var(--color-danger); }