/* Inline field validation — pairs with ocm-field-errors.js */

.form-input.ocm-field-invalid,
.form-select.ocm-field-invalid,
textarea.form-input.ocm-field-invalid {
    border-color: #e11d48 !important;
    box-shadow: 0 0 0 1px rgba(225, 29, 72, 0.22);
}

input[type='file'].form-input.ocm-field-invalid {
    outline: 2px solid rgba(225, 29, 72, 0.45);
    outline-offset: 2px;
}

.ocm-field-error {
    margin: 0.25rem 0 0;
}

.ocm-field-invalid-group {
    border-radius: 0.5rem;
    padding: 0.5rem 0.5rem 0.25rem;
    margin: -0.25rem -0.25rem 0;
    outline: 1px solid rgba(225, 29, 72, 0.55);
    outline-offset: 2px;
    background: rgba(254, 242, 242, 0.35);
}