/* HyperReel Kundenportal — Setup/Verwaltung: Zusatzstile (FFR-A1).
   Consumers: templates/setup.html (NACH portal.css geladen → überschreibt bei Bedarf).
   Nur neue Admin-Elemente: Übersichts-Raster (P5) + „Mehr"-Modal. Tokens aus portal.css. */

/* ---------- Übersicht: 2×2-Raster mit 4 Karten (P5) ---------- */
.setup-overview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
@media (max-width: 720px) {
  .setup-overview { grid-template-columns: 1fr; }
}

.setup-card {
  background: var(--leinen);
  border: 1px solid var(--faden-soft);
  border-radius: var(--radius-l);
  box-shadow: var(--schatten-1);
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.setup-card__head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 12px; }
.setup-card__title { font-size: 15px; font-weight: 640; color: var(--kohle); }
.setup-card__more { margin-left: auto; flex: none; }
.setup-card__body { display: flex; flex-direction: column; min-width: 0; }
.setup-card__loading { color: var(--nebel); font-size: 13px; padding: 12px 2px; }

/* Vorschauzeilen (jüngste Einträge je Karte) */
.setup-preview { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.setup-preview__empty { color: var(--nebel); font-size: 13px; padding: 6px 2px; }
.setup-preview__row {
  display: flex; align-items: center; gap: 10px;
  font-size: 13px; color: var(--graphit); min-width: 0;
}
.setup-preview__row--text { align-items: baseline; line-height: 1.45; flex-wrap: wrap; gap: 4px; }
.setup-preview__thumb {
  width: 42px; height: 28px; flex: none; object-fit: cover;
  border-radius: 5px; background: var(--eingabe);
}
.setup-preview__thumb--audio { display: flex; align-items: center; justify-content: center; font-size: 15px; }
.setup-preview__text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.setup-preview__row--text .setup-preview__text { white-space: normal; overflow: visible; flex: 1; }
.setup-preview__who { font-weight: 600; color: var(--kohle); }
.setup-preview__aid { font-family: var(--mono); font-size: 12px; color: var(--nebel); }

/* Aktivität-Karte: Zähler + Events-Link (kein „Mehr" — Feed liegt auf der Events-Seite) */
.setup-activity__counts {
  display: flex; gap: 16px; flex-wrap: wrap;
  color: var(--graphit); font-size: 14px; margin-bottom: 12px;
}
.setup-activity__link {
  color: var(--graphit); font-size: 13px; text-decoration: underline; align-self: flex-start;
}

/* ---------- „Mehr"-Modal (volle Liste / Asset-UI; P5) ---------- */
/* Unter der Lightbox (.viewer = z-index 100) halten, damit ein Thumbnail-Klick im
   Asset-Modal die Lightbox DARÜBER öffnet (nicht dahinter). Über der Topbar (40). */
#setupModal { z-index: 90; }
.setup-modal__head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.setup-modal__head h2 { flex: 1; margin: 0; }
.modal--wide .setup-modal__body { overflow-y: auto; flex: 1; padding-right: 2px; }
.setup-list__items { display: flex; flex-direction: column; gap: 10px; }