/* Extracted global form styles from base.html */

/* Global form styles: dark background, white text, preserve dark bg on hover/focus */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="number"],
textarea,
select,
.form-control {
    background-color: #2c3e50 !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,0.18) !important;
    caret-color: #ffffff !important;
}

/* Keep the dark background when hovering */
input[type="text"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
textarea:hover,
select:hover,
.form-control:hover {
    background-color: #2c3e50 !important;
    color: #ffffff !important;
}

/* Keep dark background when focused/typing; add subtle focus ring */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus,
.form-control:focus {
    background-color: #22303a !important;
    color: #ffffff !important;
    outline: none !important;
    box-shadow: 0 0 0 0.15rem rgba(26,200,136,0.08) !important;
}

::placeholder{ color: #cfcfcf !important; }
:-ms-input-placeholder{ color: #cfcfcf !important; }
::-ms-input-placeholder{ color: #cfcfcf !important; }

/* Ensure select options readable */
select option { background: #2c3e50; color: #fff; }

/* Make form labels and small help text white on dark backgrounds */
label, .form-text, .help-text { color: #ffffff !important; }