/* Fehlerbild wählen und Übergabe (01.11.2026): Abschnitt im Block „Messortvergleich“, Layout wie das Muster docs/muster/ac-pruefung.html —
   links die Fehlerbilder (Schritte), rechts Text und Übergabe (Anforderungen); unter 900 px untereinander. 360 px: nichts läuft waagrecht über, Ziele ab 44 px.
   ⛔ Jede Regel hängt an .bp-fb*: ohne dieses Markup (Riegel PVM_BEFUND_TICKET zu) trifft keine von ihnen etwas. */
.bp-fb { margin: var(--ab-2) 0 var(--ab-alt-14); min-width: 0; }
.bp-fb-haupt { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: var(--ab-4); min-width: 0; }
.bp-fb-links, .bp-fb-rechts { min-width: 0; padding: var(--ab-alt-10); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-card); overflow-wrap: anywhere; }
.bp-fb-liste { list-style: none; margin: 0 0 var(--ab-2); padding: 0; }
.bp-fb-wahl { display: flex; align-items: center; width: 100%; min-height: 52px; min-width: 0; margin: var(--ab-1) 0; padding: var(--ab-alt-6) var(--ab-alt-10); text-align: left; font: inherit; color: var(--text-primary);
    background: var(--bg-card); border: 2px solid var(--border); border-radius: 10px; cursor: pointer; }
.bp-fb-wahl.bp-fb-gewaehlt { border-color: var(--text-primary); box-shadow: 0 0 0 3px var(--accent); }
.bp-fb-wahl:disabled:not(.bp-fb-gewaehlt) { opacity: .6; cursor: not-allowed; }
.bp-fb-tx { min-width: 0; overflow-wrap: anywhere; }
.bp-fb-sperre { margin: var(--ab-2) 0 0; padding: var(--ab-2) var(--ab-alt-10); border: 1px solid var(--border); border-left: 4px solid var(--warning); border-radius: var(--radius-sm); }
.bp-fb-uebergabe { display: flex; flex-direction: column; gap: var(--ab-alt-10); margin-top: var(--ab-alt-10); padding-top: var(--ab-alt-10); border-top: 1px solid var(--border); min-width: 0; }
.bp-fb-zurueck { width: 100%; }
@media (max-width: 899px) { .bp-fb-haupt { grid-template-columns: minmax(0, 1fr); gap: var(--ab-2); } }
/* Fehlerbild beschreiben (R67, 02.11.2026): Feld, Vorschlag, Kandidaten, Liste. Ziele ab 48 px, auf 390 px läuft nichts waagrecht über. Jede Regel hängt an .bp-ft*. */
.bp-ft { margin: 0 0 var(--ab-3); padding: var(--ab-alt-10); min-width: 0; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-card); overflow-wrap: anywhere; }
.bp-ft-hinweis { margin: var(--ab-alt-2) 0 var(--ab-alt-6); font-size: .9em; }
.bp-ft-text { width: 100%; box-sizing: border-box; min-height: 84px; font: inherit; }
.bp-ft-los { width: 100%; min-height: 48px; margin: var(--ab-2) 0; }
.bp-ft-satz { margin: var(--ab-alt-6) 0; padding: var(--ab-2) var(--ab-alt-10); border-left: 4px solid var(--warning); }
.bp-ft-gefahr { margin: var(--ab-2) 0; padding: var(--ab-alt-10); font-weight: 600; border: 2px solid var(--text-primary); border-left-width: 8px; border-radius: var(--radius-sm); }
.bp-ft-liste { list-style: none; margin: var(--ab-1) 0 var(--ab-2); padding: 0; }
.bp-ft-wahl { display: flex; flex-direction: column; align-items: flex-start; gap: var(--ab-alt-2); width: 100%; min-height: 48px; min-width: 0; margin: var(--ab-1) 0; padding: var(--ab-alt-6) var(--ab-alt-10); text-align: left; font: inherit; color: var(--text-primary);
    background: var(--bg-card); border: 2px solid var(--border); border-radius: 10px; cursor: pointer; }
.bp-ft-wahl.bp-ft-vorschlag { border-color: var(--text-primary); box-shadow: 0 0 0 3px var(--accent); }
.bp-ft-wahl:disabled { opacity: .6; cursor: not-allowed; }
.bp-ft-tx, .bp-ft-id { min-width: 0; overflow-wrap: anywhere; }
.bp-ft-id { font-size: .85em; opacity: .8; }
.bp-ft-alle > summary { min-height: 48px; display: flex; align-items: center; cursor: pointer; }
