/* Einleitung und Formular sind zwei Inhaltselemente, sollen aber als ein
   Abschnitt lesen. Nach einem farbigen Band bleibt der volle Abstand. */
.bmds-section--light:has(+ .frame-type-form_formframework) { padding-bottom: 0; }
.bmds-section--light + .frame-type-form_formframework .bmds-formsection { padding-top: var(--kern-metric-space-2x-large); }

.bmds-form form {
    display: grid;
    gap: var(--kern-metric-space-large);
}
.bmds-form form > div:first-child { display: contents; }

.bmds-form .kern-form-input__input {
    width: 100%;
    background: var(--kern-color-layout-background-default);
    border: var(--kern-metric-border-width-default) solid var(--kern-color-layout-text-default);
    border-radius: var(--kern-metric-border-radius-default);
}

.bmds-form__legend {
    font-size: var(--bmds-size-h4);
    font-weight: var(--kern-typography-font-weight-semi-bold);
    color: var(--kern-color-action-default);
}

.bmds-form .kern-form-check {
    padding: var(--kern-metric-space-large);
    border: var(--kern-metric-border-width-default) solid var(--bmds-color-lavender);
    border-radius: var(--kern-metric-border-radius-default);
}
.bmds-form .kern-form-check__checkbox:not(.kern-form-check__checkbox--error) { background: var(--kern-color-layout-background-default); }
.bmds-form .kern-form-check--error { border-color: var(--kern-color-feedback-danger); }
.bmds-form .kern-form-check .kern-label strong { font-weight: var(--kern-typography-font-weight-semi-bold); }

.bmds-form__note {
    font-size: var(--kern-font-size-14);
    color: var(--kern-color-layout-text-muted);
}
.bmds-form__note a {
    color: var(--kern-color-layout-text-default);
    text-decoration-color: var(--bmds-surface-accent);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.bmds-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--kern-metric-space-default);
}

/* KERN dimmt gesperrte Buttons nur ab, auf Weiss liest das wie aktiv. */
.bmds-form .kern-btn--primary:disabled {
    opacity: 1;
    background: var(--bmds-color-lavender);
}
.bmds-form .kern-btn--primary:disabled .kern-label { color: var(--kern-color-layout-text-muted); }
