/* Seitenspezifische Ergänzungen. Grundlayout: css/layout.css, Bausteine: css/komponenten.css, Farben: css/tokens.css. */

.valid.modified:not([type=checkbox]) {
    outline: 1px solid var(--s-success);
}

.invalid {
    outline: 1px solid var(--s-danger);
}

.validation-message {
    color: var(--s-danger);
    font-size: var(--s-text-sm);
}

.darker-border-checkbox.form-check-input {
    border-color: var(--s-border-strong);
}

/* Bootstrap-"form-floating": Platzhalter ausblenden, sonst überlagert er die Beschriftung. */
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
    color: transparent;
}

/* Breite Bearbeitungsdialoge (Grid-Popup) für Formulare mit vielen Feldern */
.breites-formular,
.mandant-formular {
    width: min(920px, 95vw) !important;
    max-width: 95vw !important;
}