/* Auswertungs-Hub · Modul „Berichtszentrum" (rep-*) — nutzt geteilte ah-*-Klassen. */
.rep-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}
.rep-card { display: flex; flex-direction: column; gap: 8px; }
.rep-card-wide { grid-column: 1 / -1; }
.rep-card-title { font-size: 13px; font-weight: 800; color: var(--text-1); }
.rep-card-desc { font-size: 11.5px; color: var(--text-3); line-height: 1.45; flex: 1; }
.rep-missing { color: #B45309; font-weight: 700; }
.rep-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 2px; }
.rep-select {
  flex: 1; min-width: 160px; font: inherit; font-size: 12px;
  padding: 6px 8px; border: 1px solid var(--gray-200); border-radius: 8px;
  background: var(--gray-50); color: var(--text-1);
}
.rep-status { margin-top: 14px; font-size: 12px; font-weight: 600; min-height: 18px; }

@media (max-width: 560px) {
  .rep-grid { grid-template-columns: 1fr; }
  /* Aktionen/Select full-width, sauber gestapelt. */
  .rep-actions { flex-direction: column; align-items: stretch; }
  .rep-select { flex: 1 1 auto; width: 100%; min-width: 0; }
  .rep-actions > button { width: 100%; }
  .rep-card-title { overflow-wrap: anywhere; }
}