/* Hilfe & Feedback (B4.3/B4.4): Feedback-Dialog, Kategorien, Verwaltung → Feedback */

.feedback-form { display: grid; gap: var(--s-space-4); }
.feedback-form__categories { border: 0; margin: 0; padding: 0; display: grid; gap: var(--s-space-2); min-width: 0; }
/* Radios als Segmente: Auswahl per Klick, Pfeiltasten und Leertaste wie bei normalen Radios */
.feedback-form__category { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: var(--s-space-2); min-height: 44px; cursor: pointer; }
.feedback-form__category input { position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer; }
.feedback-form__category:has(input:checked) { background: var(--s-seg-active); color: var(--s-text); box-shadow: var(--s-shadow-sm); }
.feedback-form__category:has(input:focus-visible) { box-shadow: 0 0 0 3px var(--s-ring); }
#feedback-dialog { width: min(560px, calc(100vw - 32px)); }

.feedback-list { display: grid; gap: var(--s-space-4); margin: 0; padding: 0; list-style: none; }
.feedback-entry { display: grid; gap: var(--s-space-2); }
.feedback-entry__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-space-2) var(--s-space-4); }
.feedback-entry__who { display: flex; align-items: center; gap: var(--s-space-2); min-width: 0; }
.feedback-entry__who > span { display: grid; min-width: 0; }
.feedback-entry__message { margin: 0; overflow-wrap: anywhere; }
.feedback-entry__message p { margin: 0 0 var(--s-space-2); }
.feedback-category { display: inline-flex; align-items: center; gap: var(--s-space-2); }
.feedback-category--bug .icon { color: var(--s-danger); }
.feedback-category--idea .icon { color: var(--s-warning); }
.feedback-category--praise .icon { color: var(--s-accent); }