/* Login Form Styling */
.is-invalid {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.is-warning {
  border-color: #ffc107 !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25) !important;
}

/* Style for disabled submit button */
button[type="submit"]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #6c757d !important;
  border-color: #6c757d !important;
}

/* Enhanced password toggle button */
#togglePassword {
  transition: all 0.3s ease;
  min-width: 50px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
}

#togglePassword:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.4);
  background-color: #0056b3 !important;
  border-color: #0056b3 !important;
}

#togglePassword:active {
  transform: scale(0.95);
}

#togglePassword i {
  font-size: 1.1em;
  margin-right: 2px;
}

#togglePassword span {
  font-size: 0.9em;
  font-weight: 600;
}