/* forms.css */

/* General Form Controls */
.form-control,
.form-control-sm,
.form-control-file {
  background-color: #222;
  border: 1px solid #555;
  color: #fff;
  padding: 0.375rem 0.75rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
  border-color: #ffc107;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
  background-color: #222;
  color: #fff;
}

/* Form Group Spacing */
.form-group {
  margin-bottom: 1rem;
}

/* Labels */
label {
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: #ddd;
}

/* Input Buttons */
button.btn,
input[type="submit"] {
  font-weight: 600;
  transition: background-color 0.3s ease;
}

.btn-outline-info {
  border-color: #17a2b8;
  color: #17a2b8;
}

.btn-outline-info:hover {
  background-color: #17a2b8;
  color: #fff;
}

.btn-outline-warning {
  border-color: #ffc107;
  color: #ffc107;
}

.btn-outline-warning:hover {
  background-color: #ffc107;
  color: #000;
}

.btn-outline-danger {
  border-color: #dc3545;
  color: #dc3545;
}

.btn-outline-danger:hover {
  background-color: #dc3545;
  color: #fff;
}

/* Success Button */
.btn-success {
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  background-color: #218838;
  border-color: #1e7e34;
}

/* Modal File Upload Fix */
input[type="file"] {
  color: #fff;
}