/**
 * Global form field fill state: empty (red tint) vs filled (green tint).
 * Opt out: data-no-fill-indicator on <form> or a specific field.
 */

.ffill-empty {
    border-color: #dc3545 !important;
    box-shadow: inset 0 0 0 1px rgba(220, 53, 69, 0.15) !important;
    background-color: #fff8f8 !important;
}

.ffill-filled {
    border-color: #198754 !important;
    box-shadow: inset 0 0 0 1px rgba(25, 135, 84, 0.12) !important;
    background-color: #f4fff8 !important;
}

/* Select2 uses a separate visible control */
.select2-container .select2-selection.ffill-empty {
    border-color: #dc3545 !important;
    background-color: #fff8f8 !important;
}

.select2-container .select2-selection.ffill-filled {
    border-color: #198754 !important;
    background-color: #f4fff8 !important;
}