/*
  Global form-field theme inspired by the provided image.
  Scope: inputs, selects, textareas, labels, help/errors.
  Buttons are NOT modified.
*/

:root {
	--ff-accent: #f5a33b; /* soft orange for required asterisk */
	--ff-field-bg: #2b3753; /* input background (slightly lighter than card) */
	--ff-field-bg-hover: #3a4766;
	--ff-field-border: #3e4a69;
	--ff-field-radius: 8px;
	--ff-label: #e7edf7;
	--ff-muted: #adb9cf;
}

/* Labels */
label, .form-label {
	color: var(--ff-label) !important;
	font-weight: 700;
	letter-spacing: .2px;
}

/* Required asterisk */
label.required::after,
.required-field::after {
	content: ' *';
	color: var(--ff-accent);
	font-weight: 700;
}

/* Inputs, selects, textareas */
input:not(.btn), select, textarea {
	background-color: var(--ff-field-bg) !important;
	border: 2px solid var(--ff-field-border) !important;
	border-radius: var(--ff-field-radius) !important;
	color: var(--ff-label) !important;
	padding: 0.85rem 1rem !important;
	transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
	box-shadow: none !important;
}

/* Hover */
input:not(.btn):hover, select:hover, textarea:hover {
	background-color: var(--ff-field-bg-hover) !important;
	border-color: var(--ff-field-border) !important;
}

/* Focus */
input:not(.btn):focus, select:focus, textarea:focus {
	outline: none !important;
	border-color: var(--ff-accent) !important;
	box-shadow: 0 0 0 3px rgba(245, 163, 59, 0.18) !important;
	background-color: var(--ff-field-bg-hover) !important;
}

/* Placeholder */
::placeholder { color: var(--ff-muted) !important; opacity: .9 !important; }

/* Help and error messages */
.help-text, .text-muted, .form-text { color: var(--ff-muted) !important; }
.invalid-feedback { color: #ef6666 !important; }
.valid-feedback { color: #30d49a !important; }

/* Select options readable on dark */
select option { background: #1f2944; color: #e7edf7; }

/* Date/time pickers icons */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator { filter: invert(1) opacity(.9); }


