/* Overrides loaded last to ensure our UI rules have precedence */

/* ==========================================================================
   Inputs Colorés - Gradient et Lavande (UI Evolution 16 Février)
   Override Bootstrap avec haute spécificité
   ========================================================================== */

/* Inputs montants (number) - Gradient violet/magenta */
input[type="number"],
.form-control input[type="number"],
body input[type="number"] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 8px 14px !important;
    color: white !important;
    font-weight: 500 !important;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3) !important;
}

input[type="number"]::placeholder,
.form-control input[type="number"]::placeholder,
body input[type="number"]::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

input[type="number"]:focus,
.form-control input[type="number"]:focus,
body input[type="number"]:focus {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    outline: none !important;
    box-shadow: 0 0 20px rgba(102, 126, 234, 0.5), 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
    border: none !important;
}

input[type="number"]:hover:not(:focus),
.form-control input[type="number"]:hover:not(:focus),
body input[type="number"]:hover:not(:focus) {
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4) !important;
}

/* Inputs texte/date/search - Fond lavande */
input[type="text"],
input[type="date"],
input[type="email"],
input[type="password"],
input[type="search"],
select.form-select,
select.form-control,
.form-control,
body input[type="text"],
body input[type="date"],
body input[type="email"],
body input[type="password"],
body input[type="search"],
body select.form-select,
body .form-control {
    background: #F5F3FF !important;
    border: 1px solid #E0DCEF !important;
    border-radius: 8px !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

/* Exclure les inputs number du style lavande */
input[type="number"],
body input[type="number"] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    color: white !important;
}

/* Placeholders */
input[type="text"]::placeholder,
input[type="date"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
.form-control::placeholder,
body input[type="text"]::placeholder,
body input[type="date"]::placeholder,
body input[type="email"]::placeholder,
body input[type="password"]::placeholder,
body input[type="search"]::placeholder,
body .form-control::placeholder {
    color: #999 !important;
}

/* Focus states - Lavande vers blanc */
input[type="text"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select.form-select:focus,
select.form-control:focus,
.form-control:focus,
body input[type="text"]:focus,
body input[type="date"]:focus,
body input[type="email"]:focus,
body input[type="password"]:focus,
body input[type="search"]:focus,
body select.form-select:focus,
body .form-control:focus {
    background: #ffffff !important;
    border-color: #B8AED8 !important;
    box-shadow: 0 0 10px rgba(184, 174, 216, 0.3), 0 0 0 3px rgba(184, 174, 216, 0.1) !important;
    outline: none !important;
}

/* Textarea */
textarea,
textarea.form-control,
body textarea,
body textarea.form-control {
    background: #F5F3FF !important;
    border: 1px solid #E0DCEF !important;
    border-radius: 8px !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
}

textarea:focus,
textarea.form-control:focus,
body textarea:focus,
body textarea.form-control:focus {
    background: #ffffff !important;
    border-color: #B8AED8 !important;
    box-shadow: 0 0 10px rgba(184, 174, 216, 0.3) !important;
    outline: none !important;
}

/* Inputs disabled */
input:disabled,
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="date"]:disabled,
select:disabled,
select.form-select:disabled,
textarea:disabled,
.form-control:disabled,
body input:disabled,
body select:disabled,
body textarea:disabled {
    background: #e9ecef !important;
    color: #6c757d !important;
    cursor: not-allowed !important;
    opacity: 0.65 !important;
    border-color: #dee2e6 !important;
}

/* Ensure filters-card visible when class applied */
#filters-card.filters-visible {
  display: block !important;
  opacity: 1 !important;
}