/* Base style for all form fields */
.proxy-form-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 16px;
    font-family: "Segoe UI", system-ui, sans-serif;
}

    /* Optional: subtle divider between fields */
    .proxy-form-field:not(:last-child) {
        padding-bottom: 16px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }

    /* Label style (for fields that render manual <label>) */
    .proxy-form-field label {
        font-size: 14px;
        font-weight: 600;
        color: #323130;
        margin-bottom: 4px;
    }

    /* Validation message style */
    .proxy-form-field .validation-message,
    .validation-message {
        font-size: 12px;
        color: #a4262c;
        margin-top: 4px;
    }

    /* Focus state – consistent with Fluent default blue */
    .proxy-form-field :focus-visible {
        outline: 2px solid #0078d4;
        outline-offset: 2px;
    }

/* Optional field-specific containers for overrides */
.textfield-container {
}

.checkbox-container {
}

.select-container {
}

.filepicker-container {
}

.textarea-container {
}

.richtextbox-container {
}