/* Feedback-Board — öffentliche Seite, Aufbau wie die Roadmap. */
.fb-wrap { max-width: 880px; margin: 0 auto; padding: 28px 16px 60px; min-width: 0; }
.fb-brand { display: flex; gap: 8px; align-items: center; font-weight: 700; margin-bottom: 18px; }
.fb-head h1 { margin: 0 0 4px; }
.fb-kopfzeile { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 14px; }
.fb-kopfzeile .grow { flex: 1; }
.fb-filter { display: flex; gap: 8px; flex-wrap: wrap; margin: 16px 0; }
.fb-chip { border: 1px solid var(--line, #333); background: none; color: inherit;
  border-radius: 999px; padding: 5px 13px; font-size: 13px; cursor: pointer; }
.fb-chip.is-an { background: var(--accent, #e8b45a); color: var(--accent-ink, #111);
  border-color: transparent; font-weight: 600; }
.fb-liste { display: grid; gap: 10px; }
.fb-karte { display: flex; gap: 14px; align-items: flex-start; min-width: 0; }
.fb-stimme { display: grid; justify-items: center; gap: 2px; min-width: 52px;
  border: 1px solid var(--line, #333); border-radius: 10px; padding: 8px 6px;
  background: none; color: inherit; cursor: pointer; font-weight: 700; }
.fb-stimme.is-an { border-color: var(--accent, #e8b45a); color: var(--accent, #e8b45a); }
.fb-stimme span { font-size: 16px; }
.fb-text { min-width: 0; flex: 1; }
.fb-text h3 { margin: 0 0 4px; overflow-wrap: anywhere; }
.fb-text p { margin: 0; overflow-wrap: anywhere; white-space: pre-line; }
.fb-meta { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: 8px;
  font-size: 12.5px; }
.fb-status { border-radius: 999px; padding: 2px 10px; font-weight: 600; font-size: 12px; }
.fb-status[data-s="neu"] { background: #8a8f9822; color: #8a8f98; }
.fb-status[data-s="geplant"] { background: #3b82f622; color: #3b82f6; }
.fb-status[data-s="in-arbeit"] { background: #e8b45a22; color: #b8860b; }
.fb-status[data-s="umgesetzt"] { background: #57c26a22; color: #2f9e4f; }
.fb-status[data-s="abgelehnt"] { background: #e2536b22; color: #e2536b; }
.fb-antwort { margin-top: 10px; border-left: 3px solid var(--accent, #e8b45a);
  padding: 6px 10px; background: var(--surface-2, rgba(127, 127, 127, .08));
  border-radius: 0 8px 8px 0; }
.fb-leer { text-align: center; padding: 40px 12px; }
.fb-form { display: grid; gap: 10px; min-width: min(480px, 86vw); }
.fb-form label { display: grid; gap: 4px; font-size: 13px; }
.fb-aktionen { display: flex; gap: 8px; justify-content: flex-end; }