/* Bellgigs: light form surfaces — load last in (after Bootstrap / mobile-responsive). Fixes OS dark mode and Chrome autofill painting fields charcoal. */ html { color-scheme: light only; } input.form-control, textarea.form-control, select.form-control, .form-select { color-scheme: light; } html body input.form-control, html body textarea.form-control, html body select.form-control, html body select.form-select { background-color: #ffffff !important; color: #1e293b !important; border-color: #cfd8dc !important; } html body input.form-control:focus, html body textarea.form-control:focus, html body select.form-control:focus, html body select.form-select:focus { background-color: #ffffff !important; color: #1e293b !important; border-color: #0a60a4 !important; box-shadow: 0 0 0 0.2rem rgba(10, 96, 164, 0.22) !important; } html body input.form-control::placeholder, html body textarea.form-control::placeholder { color: #64748b !important; opacity: 1 !important; } html body input.form-control:disabled, html body textarea.form-control:disabled, html body select.form-control:disabled, html body input.form-control[readonly], html body textarea.form-control[readonly] { background-color: #f1f5f9 !important; color: #475569 !important; } /* Chrome / Edge autofill (ignores normal background-color) */ input.form-control:-webkit-autofill, input.form-control:-webkit-autofill:hover, input.form-control:-webkit-autofill:focus, textarea.form-control:-webkit-autofill, textarea.form-control:-webkit-autofill:hover, textarea.form-control:-webkit-autofill:focus { -webkit-text-fill-color: #1e293b !important; caret-color: #1e293b; -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important; box-shadow: 0 0 0 1000px #ffffff inset !important; transition: background-color 99999s ease-out 0s; }