/* Formular „Förderdaten“ aus foerderdaten.js (Vorzug „Förderdaten erfassen“, 25.09.2026).
   Eine Vorlage für den Teilnehmerdialog (admin.html) und den Förderteil der Aufnahme
   (bewerber.html, Zusatzklasse .fd-form--aufnahme übernimmt dort Schriftgröße und Feldmaß der
   Seite). Nur Variablen der Seiten (--ink, --muted, --line, --card) und Farbmarken aus
   interaktion.css; keine eigene Mouseover-Regel, Fokus und Hover kommen zentral aus interaktion.css.

   Raster: zwei Spalten, jedes Feld belegt drei Zeilen (Beschriftung, Eingabe, Meldungen) und
   übernimmt sie als Subgrid. So stehen die Eingabefelder einer Reihe auf gleicher Höhe, auch wenn
   eine Beschriftung umbricht (Synchron-Regel). Ohne Subgrid fällt das Feld auf eine Spalte in sich
   zurück; Abstände bleiben gleich. */
.fd-form{margin:0}
.fd-form fieldset{border:0;margin:0;padding:0;min-width:0}
.fd-form legend{padding:0;margin:14px 0 10px;font-size:16px;font-weight:700;line-height:1.35;color:var(--ink)}
.fd-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:0}
.fd-feld{display:flex;flex-direction:column;gap:6px;min-width:0}
@supports (grid-template-rows:subgrid){
 .fd-feld{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:6px;align-content:start}
}
.fd-feld--breit{grid-column:1/-1}
.fd-feld>label,.fd-anzeige-titel{align-self:end;font-size:14px;font-weight:650;line-height:1.4;color:var(--ink)}
.fd-feld>:is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;min-height:46px;margin:0;padding:9px 11px;
 border:1px solid var(--line);border-radius:9px;font:inherit;line-height:1.45;background:var(--card,#fff);color:var(--ink)}
.fd-feld>textarea{resize:vertical;min-height:0}
.fd-form .fd-feld>[aria-invalid="true"]{border:2px solid var(--fi-color-red-700,#a52d31)}
.fd-meta{display:flex;flex-direction:column;gap:4px;padding-bottom:14px;min-width:0}
.fd-form .fd-meta p{margin:0}
.fd-form :is(.fd-einleitung,.fd-quelle,.fd-hilfe,.fd-stand){margin:0;font-size:13.5px;line-height:1.45;color:var(--muted)}
.fd-form .fd-einleitung{font-size:14px;margin:0 0 4px}
.fd-form .fd-quelle:empty{display:none}
.fd-form .fd-fehler{margin:0;font-size:14px;font-weight:650;line-height:1.45;color:var(--fi-color-red-700,#a52d31)}
.fd-form .fd-hinweis{margin:0;padding-left:10px;border-left:3px solid var(--fi-color-gold-500,#b6892f);font-size:14px;line-height:1.45;color:var(--ink)}
.fd-form .fd-hinweise{display:grid;gap:8px;margin:10px 0 0}
.fd-form .fd-sperre{margin:10px 0 0;padding:10px 12px;border:1px solid var(--line);border-left:4px solid var(--fi-color-gold-500,#b6892f);border-radius:9px;font-size:14px;line-height:1.45;color:var(--ink)}
.fd-anzeige-wert{margin:0;display:flex;flex-direction:column;gap:2px;font-size:15px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
.fd-form .fd-knoepfe{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.fd-form .fd-knoepfe .btn{min-height:44px;margin:0}
.fd-form .fd-status{margin:10px 0 0;font-size:15px;font-weight:650;color:var(--ink)}
.fd-form .fd-status:empty{display:none}
.fd-form .fd-status--fehler{color:var(--fi-color-red-700,#a52d31)}
.fd-form .fd-stand{margin:6px 0 0}
.fd-laden{margin:10px 0;font-size:14px;color:var(--muted)}
.fd-meldung{margin:10px 0}
.fd-meldung p{margin:0 0 8px;font-size:14px;line-height:1.5;color:var(--ink)}
.fd-meldung--fehler p{color:var(--fi-color-red-700,#a52d31);font-weight:650}
.fd-meldung .btn{min-height:44px;margin:0}
/* Aufnahme (bewerber.html): Beschriftung und Schrift wie die übrigen Felder der Maske. */
.fd-form--aufnahme .fd-feld>label,.fd-form--aufnahme .fd-anzeige-titel{font-size:12.5px;font-weight:600;color:var(--muted)}
.fd-form--aufnahme .fd-feld>:is(input,select,textarea){font-size:14px;min-height:44px;background:#fff}
.fd-form--aufnahme .fd-feld>textarea{min-height:0}
.fd-form--aufnahme legend{font-size:14px;color:var(--brand,#203c50)}
@media(max-width:600px){.fd-raster{grid-template-columns:1fr}.fd-form .fd-knoepfe .btn{flex:1 1 100%}}
/* Rahmen des Förderteils in der Aufnahme (bewerber.html, #bg-wrap): Zeile wie die Blocküberschriften der Maske. */
.bg-aufnahme{margin:16px 0 0;border-top:1px solid var(--line);padding-top:4px}
.bg-aufnahme>details>summary{min-height:44px;font-size:14px;font-weight:700;color:var(--brand,#203c50);text-transform:uppercase;letter-spacing:.04em}