/* Rückmeldungen: Symbol oben links unter der Glocke, Melde-Fenster, Verlauf (feedback.js) */
#fb-platz { display: inline-flex; width: 31px; height: 31px; }
.fb-knopf { position: relative; width: 31px; height: 31px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center;
  background: none; color: var(--ink-2); border: 1px solid transparent; cursor: pointer; padding: 0; }
.fb-knopf:hover, .fb-knopf:focus-visible { background: var(--card-2); color: var(--ink); }
.fb-knopf.schwebt { position: fixed; z-index: 50; background: var(--card); border-color: var(--line); box-shadow: var(--shadow); }  /* über offenem Dialog */
.fb-knopf .fb-auge { fill: var(--accent); }
.fb-knopf .fb-mund { stroke: var(--accent); }
.fb-knopf .zahl:not(:empty) { position: absolute; top: -3px; inset-inline-end: -4px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: var(--accent); color: #fff;
  font: 600 10px/16px system-ui, sans-serif; text-align: center; }
.fb-knopf.frage .zahl:not(:empty) { background: var(--critical); }
.fb-knopf.aus, body.auth-mode .fb-knopf { display: none; }
@media print { .fb-knopf { display: none !important; } }

.fb-arten { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; }
.fb-art { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 6px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--card);
  color: var(--ink); font: inherit; cursor: pointer; }
.fb-art:hover { border-color: var(--axis); }
.fb-art.on { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 9%, var(--card)); font-weight: 600; }
.fb-art-icon { font-size: 20px; line-height: 1; }
.fb-ort { word-break: break-word; }
.fb-bild-zeile { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.fb-bild { display: flex; gap: 10px; align-items: flex-start; }
.fb-bild img { max-width: 220px; max-height: 140px; border-radius: 8px; border: 1px solid var(--line); }
.fb-liste { gap: 10px; }
.fb-karte { display: grid; gap: 8px; padding: 12px 14px; }
.fb-karte.neu { border-color: var(--accent); }
.fb-karte.frage { border-color: var(--critical); }
.fb-karte-kopf { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.fb-karte-kopf .spacer { flex: 1; }
.fb-msg-text { white-space: pre-wrap; word-break: break-word; }
.fb-thumb img { max-width: 180px; max-height: 120px; border-radius: 8px; border: 1px solid var(--line); display: block; }
.fb-thumb.gross img { max-width: 100%; max-height: 360px; }
.fb-verlauf { display: grid; gap: 6px; }
.fb-verlauf:empty { display: none; }
.fb-msg { padding: 8px 10px; border-radius: 10px; background: var(--card-2); max-width: 90%; }
.fb-msg.team { justify-self: start; background: color-mix(in srgb, var(--accent) 10%, var(--card)); }
.fb-msg.ich { justify-self: end; }
.fb-msg.frage { border-inline-start: 3px solid var(--critical); }
.fb-msg-kopf { margin-bottom: 2px; }
.fb-status-zeile { justify-self: center; }
.fb-antwort { display: grid; gap: 6px; justify-items: end; }
.fb-antwort textarea { width: 100%; }
.fb-senden { border: 1px solid var(--line); border-radius: var(--radius); padding: 10px 12px; display: grid; gap: 8px; margin: 0; }
.fb-senden textarea { width: 100%; }
.fb-ungelesen td { font-weight: 600; }
.fb-punkt { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); margin-inline-end: 6px; vertical-align: middle; }