/* ============================================
   DS | MODÈLES | COMMUN
   ============================================ */

/* Deux colonnes côte à côte */
.ds-form-row {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   var(--ds-space-16);
}

@media (max-width: 640px) {
    .ds-form-row {
        grid-template-columns: 1fr;
    }
}

/* Groupe de radios */
.ds-form-radios {
    display:        flex;
    flex-direction: column;
    gap:            var(--ds-space-8);
    margin-top:     var(--ds-space-8);
}

/* Groupe de toggles */
.ds-form-toggles {
    display:        flex;
    flex-direction: column;
    gap:            var(--ds-space-16);
    margin-top:     var(--ds-space-8);
}

/* Empilement de cards */
.ds-form-stack {
    display:        flex;
    flex-direction: column;
    gap:            var(--ds-space-24);
}

/* Header card danger */
.ds-card__header--danger {
    border-bottom: 2px solid var(--ds-color-feedback-error-light);
}

.ds-card__header--danger .ds-card__title {
    color: var(--ds-color-feedback-error);
}

/* Select natif stylisé avec les tokens DS */
.ds-field__select {
    appearance:          none;
    cursor:              pointer;
    padding-right:       var(--ds-space-32);
    background-repeat:   no-repeat;
    background-position: right var(--ds-space-16) center;
}

/* Footer actions */
.ds-form-footer {
    display:         flex;
    align-items:     center;
    justify-content: flex-end;
    gap:             var(--ds-space-16);
    padding-top:     var(--ds-space-24);
    border-top:      1px solid var(--ds-color-border-subtle);
    margin-top:      var(--ds-space-8);
}