/* Bürokratopia – Formular 12b (0.16.0). Präfix s-formular-, nur Variablen aus app.css.
   Zwei Spalten ab 360 px (links Angaben, rechts Formular + Papierkorb), darunter eine Spalte. Alle Flächen ≥ 44 px. */
.s-formular-raster { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 6px; }
@media (min-width: 360px) { .s-formular-raster { grid-template-columns: 1fr 1fr; } }
.s-formular-spalte { display: grid; gap: 8px; align-content: start; min-width: 0; }
.s-formular-h { margin: 0; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--leise); }
.s-formular-angaben { display: grid; gap: 8px; }
.s-formular-angabe, .s-formular-feld, .s-formular-korb { display: grid; gap: 2px; width: 100%; min-height: 48px; padding: 8px 10px; text-align: left; font: inherit; color: var(--text); border-radius: 10px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: border-color var(--dauer), background var(--dauer), box-shadow var(--dauer); }
.s-formular-angabe { background: var(--gold-hell); border: 2px solid color-mix(in srgb, var(--gold) 45%, transparent); transform: rotate(-.6deg); }
.s-formular-angabe:nth-child(even) { transform: rotate(.5deg); }
.s-formular-angabe.aktiv { border-color: var(--akzent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--akzent) 25%, transparent); transform: none; }
.s-formular-angabe.zugeordnet { background: var(--flaeche2); border-style: dashed; border-color: var(--linie2); color: var(--leise); transform: none; }
.s-formular-k { font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--leise); }
.s-formular-v { font-size: .92rem; font-weight: 600; overflow-wrap: anywhere; }
.s-formular-wohin { font-size: .78rem; color: var(--akzent-text); font-weight: 600; }
.s-formular-bogen { display: grid; gap: 6px; padding: 10px; background: var(--flaeche); border: 1px solid var(--linie2); border-radius: 6px; box-shadow: var(--schatten); }
.s-formular-feld { background: var(--flaeche); border: 1px solid var(--linie2); border-radius: 6px; }
.s-formular-feld .s-formular-v { min-height: 1.3em; border-bottom: 1px dotted var(--linie2); font-family: var(--mono); font-size: .86rem; }
.s-formular-feld.ziel { border-color: var(--akzent); background: var(--akzent-hell); }
.s-formular-feld.belegt { background: var(--flaeche2); }
.s-formular-feld.belegt .s-formular-v { border-bottom-color: transparent; }
.s-formular-korb { min-height: 64px; background: var(--flaeche2); border: 2px dashed var(--linie2); }
.s-formular-korb.ziel { border-color: var(--rot); background: var(--rot-hell); }
.s-formular-korb-titel { font-weight: 700; font-size: .92rem; }
.s-formular-korb-inhalt { display: flex; flex-wrap: wrap; gap: 4px; }
.s-formular-chip { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 99px; background: var(--flaeche); border: 1px solid var(--linie2); font-size: .78rem; font-weight: 600; text-decoration: line-through; color: var(--leise); }
@media (prefers-reduced-motion: reduce) { .s-formular-angabe, .s-formular-feld, .s-formular-korb { transition: none; } }