/* ==========================================================================
   UTILITIES
   ========================================================================== */

.hidden{ display:none !important; }

.mt-0{ margin-top:0 !important; }
.mt-1{ margin-top:.25rem !important; }
.mt-2{ margin-top:.5rem !important; }
.mt-3{ margin-top:.75rem !important; }
.mt-4{ margin-top:1rem !important; }

.mb-0{ margin-bottom:0 !important; }
.mb-1{ margin-bottom:.25rem !important; }
.mb-2{ margin-bottom:.5rem !important; }
.mb-3{ margin-bottom:.75rem !important; }
.mb-4{ margin-bottom:1rem !important; }

/* Konsistenter Selektions-Look (Backup, falls Komponenten das nicht überschreiben) */
.option-btn.selected,
.card.selected,
.pill.selected{
    border-color: var(--primary) !important;
    box-shadow: 0 12px 28px var(--glow-primary-strong) !important;
}

/* Bereiche ausblenden, wenn verboten (Logik) */
.cfg-section.hidden{ display:none; }