/* ──────────────────────────────────────────────────────────────
   Fieldgroup Control — Visual Grouping Frame
   ──────────────────────────────────────────────────────────────
   Leichter Rahmen um zusammengehörige Formularfelder.
   Ersetzt <fieldset> mit konsistentem Zummit-Styling.

   Nutzung:
     <div class="z-fieldgroup">
         ... beliebige Formularfelder ...
     </div>

   Mit Label:
     <div class="z-fieldgroup">
         <div class="z-fieldgroup-label">Auswahl-Modus</div>
         ... Felder ...
     </div>

   Abhängigkeiten:  Design-Tokens aus _layout.html
   ────────────────────────────────────────────────────────────── */

.z-fieldgroup {
    border: 1px solid var(--z-border);
    border-radius: 0.5rem;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
    background: var(--z-bg-card);
}

.z-fieldgroup-label {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--z-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.5rem;
}