/* Baustein „Felder“ – Pflicht, möglich, Anzeige: der Rand sagt es (Panel-Chat, Fassung 2 vom 11.11.2026, KON_001 Rev BU Kap. 5.4d, Entscheidung MBO 11.11.2026:
   Farben getauscht und Pflicht kräftiger – Pflicht = kräftiger blauer Rand, möglich = dünner dunkler Rand; Fassung 1: V 1.5.24, 13.10.2026, Rev AM).
   Modulfrei: braucht nur --panel-2, --muted, --text aus der Basis-CSS. Einbinden nach _css_basis.css (oder der Modul-CSS), vor der Modul-CSS-Überschreibung nichts nötig.

   Regel (Kap. 5.4d): jedes Feld in einem Dialog trägt genau eine der drei Klassen – am Eingabeelement (input/select/textarea .field)
   oder am äußeren Rahmen eines Auswahl-/Datumsfelds (.aw-feld, .feld):
     .pflicht   kräftiger blauer Rand (2 px, #0097C4), Beschriftung bekommt „ *“ (über data-pflicht am Label oder .f.pflicht), required
     .moeglich  dünner dunkler Rand (1 px, Textfarbe der Seite)
     .fremd     kein Rand, grauer Hintergrund, readonly, Blase nennt die Quelle (Kap. 5.4c, langtext.js data-quelle) – leer zeigt „–“
   Kein Modul definiert eigene Rahmenfarben für diese drei Zustände; wer abweicht, bekommt einen Befund (Checkliste Nr. 27).
   Pflicht ist MBO-Blau in Hell und Dunkel; „möglich“ nimmt die Textfarbe der Seite (dunkel auf hell, hell auf dunkel), damit der Rand immer sichtbar ist. */
:root{--feld-pflicht:#0097C4;--feld-moeglich:var(--text,#111);}

/* --- Eingabeelemente ----------------------------------------------------------------------------------------------------- */
input.field.pflicht, select.field.pflicht, textarea.field.pflicht,
.pflicht > input.field, .pflicht > select.field, .pflicht > textarea.field,
.aw-feld.pflicht input.field, .aw-feld.pflicht .aw-chips{border:2px solid var(--feld-pflicht) !important;}
input.field.moeglich, select.field.moeglich, textarea.field.moeglich,
.moeglich > input.field, .moeglich > select.field, .moeglich > textarea.field,
.aw-feld.moeglich input.field, .aw-feld.moeglich .aw-chips{border:1px solid var(--feld-moeglich) !important;}
input.field.fremd, select.field.fremd, textarea.field.fremd,
.fremd > input.field, .fremd > select.field, .fremd > textarea.field,
.aw-feld.fremd input.field, .aw-feld.fremd .aw-chips{border:1px solid transparent !important;background:var(--panel-2) !important;color:var(--muted);cursor:default;box-shadow:none;}
input.field.fremd:focus, .fremd > input.field:focus, textarea.field.fremd:focus{outline:none;}
/* Fassung 2: Eingabefelder (Pflicht und möglich) haben den hellen Kartengrund – grau ist allein der Anzeige vorbehalten */
input.field.pflicht, select.field.pflicht, textarea.field.pflicht, .pflicht > input.field, .pflicht > select.field, .pflicht > textarea.field, .aw-feld.pflicht input.field,
input.field.moeglich, select.field.moeglich, textarea.field.moeglich, .moeglich > input.field, .moeglich > select.field, .moeglich > textarea.field, .aw-feld.moeglich input.field{background:var(--panel,#fff) !important;}
/* Fokus: der Rand bleibt in seiner Farbe, nur etwas kräftiger – kein Umspringen auf Akzent (sonst wäre Pflicht beim Tippen unsichtbar) */
input.field.pflicht:focus, select.field.pflicht:focus, textarea.field.pflicht:focus, .pflicht > .field:focus{border-color:var(--feld-pflicht);box-shadow:0 0 0 2px rgba(0,151,196,.22);}
input.field.moeglich:focus, select.field.moeglich:focus, textarea.field.moeglich:focus, .moeglich > .field:focus{border-color:var(--feld-moeglich);box-shadow:0 0 0 2px rgba(17,17,17,.12);}
/* fehlendes Pflichtfeld beim Speichern: rot, bis der Wert da ist (Modul setzt .fehlt, feldRaender() nimmt es beim Tippen weg) */
.pflicht.fehlt > .field, input.field.pflicht.fehlt, select.field.pflicht.fehlt, textarea.field.pflicht.fehlt, .aw-feld.pflicht.fehlt input.field{border-color:var(--crit,#c8322b) !important;box-shadow:0 0 0 2px rgba(200,50,43,.15);}

/* --- Beschriftung: Stern am Pflichtfeld --------------------------------------------------------------------------------- */
label.pflicht::after, .f.pflicht::after, [data-pflicht="1"] > label::after, [data-pflicht="1"] > .f::after{content:" *";color:var(--feld-pflicht);font-weight:700;}
.fremd-hinweis{font-size:11px;color:var(--muted);margin-top:3px;}

/* --- Auswahl- und Datumsfeld: Rand am äußeren Rahmen, Knopf „Auswahl“ unverändert ------------------------------------- */
.aw-feld.pflicht .aw-knopf, .aw-feld.moeglich .aw-knopf{border-left-color:inherit;}
.aw-feld.fremd .aw-knopf{display:none;}
input[type="date"].field.fremd::-webkit-calendar-picker-indicator, .fremd > input[type="date"]::-webkit-calendar-picker-indicator{display:none;}

/* --- Legende (optional im Dialogfuß, Text aus dem Modul) ------------------------------------------------------------------ */
.feld-legende{display:flex;gap:14px;font-size:11px;color:var(--muted);align-items:center;}
.feld-legende i{display:inline-block;width:14px;height:10px;border-radius:3px;background:var(--panel-2);vertical-align:middle;margin-right:4px;}
.feld-legende i.pflicht{border:2px solid var(--feld-pflicht);} .feld-legende i.moeglich{border:1px solid var(--feld-moeglich);} .feld-legende i.fremd{border:1px solid transparent;}