/* INBOX-1: Anfragen-Posteingang — seitenspezifische Stile
   (Standing-Rule-2-Muster: eigene Datei statt index.css). */

/* ── Listen-Karte ── */

.anfrage-card {
  grid-template-columns: 1fr auto;
}

.anfrage-card__subject {
  grid-column: 1 / -1;
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ── Status-Badges (eigene Farben je Status) ── */

.anfrage-badge--new {
  background: var(--color-accent);
  color: #fff;
}

.anfrage-badge--inprogress {
  background: #e7eef6;
  color: #3a6ea5;
}

.anfrage-badge--assigned {
  background: #efe6f6;
  color: #7a4ea5;
}

.anfrage-badge--answered {
  background: #e6f2e6;
  color: #3a7a3a;
}

.anfrage-badge--abandoned {
  background: #ececec;
  color: #666;
}

/* ── Detail ── */

.anfrage-body {
  white-space: pre-wrap;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 0.6rem;
  padding: 0.9rem 1rem;
  margin: 0.5rem 0 1.25rem;
  overflow-wrap: anywhere;
}

.anfrage-triage {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: flex-end;
  margin: 0.5rem 0 1.25rem;
}

.anfrage-triage .field {
  min-width: 12rem;
}

.anfrage-abandon {
  margin-left: auto;
}

.anfrage-reply {
  max-width: 40rem;
}

.anfrage-reply__text {
  min-height: 10rem;
}

.anfrage-reply__hint {
  margin: 0;
  font-size: 0.8rem;
}
