/* Baustein „Hilfe“ – Blase und zentraler Schalter (Panel-Chat, Fassung 1 vom 04.11.2026, KON_001 Rev BD Kap. 5.4f).
   Modulfrei: --panel, --panel-2, --border, --text, --muted, --accent aus der Basis-CSS. Hell und dunkel über die Variablen. */
.hilfe-schalter{flex:none;width:26px;height:26px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--panel);color:var(--muted);font:700 15px/24px ui-monospace,Consolas,monospace;text-align:center;cursor:pointer;margin-left:8px;}
.hilfe-schalter:hover{background:var(--panel-2);color:var(--text);}
.hilfe-schalter.akt{background:var(--accent);border-color:var(--accent);color:#fff;}
/* eingeschaltet: Elemente mit Erklärung zeigen den Hilfe-Cursor; Beschriftungen bekommen eine gepunktete Unterlinie */
html.hilfe-an [data-hilfe],html.hilfe-an select:has(option[data-hilfe]){cursor:help;}
html.hilfe-an label[data-hilfe],html.hilfe-an th[data-hilfe],html.hilfe-an td[data-hilfe]{text-decoration:underline dotted var(--muted);text-underline-offset:3px;}
html.hilfe-an input[data-hilfe],html.hilfe-an select[data-hilfe],html.hilfe-an select:has(option[data-hilfe]),html.hilfe-an textarea[data-hilfe]{cursor:auto;}
html.hilfe-an input[data-hilfe]:hover,html.hilfe-an select:hover{cursor:help;}
/* Blase: am <body> (Kap. 5.6), nie abgeschnitten, höchstens 64 Zeichen breit, über allen Dialogen */
.hilfe-blase{position:absolute;z-index:10000;max-width:64ch;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);box-shadow:0 8px 24px rgba(5,9,18,.22);font-size:12.5px;line-height:1.45;pointer-events:none;white-space:normal;}
.hilfe-titel{font-weight:700;margin-bottom:3px;}
.hilfe-text{white-space:pre-line;}
.hilfe-wahl{list-style:none;margin:6px 0 0;padding:6px 0 0;border-top:1px solid var(--border);}
.hilfe-wahl li{margin:0 0 5px;color:var(--muted);}
.hilfe-wahl li.gewaehlt{color:var(--text);padding-left:8px;border-left:3px solid var(--accent);}
.hilfe-wahl li b{color:inherit;}