#popup-form-modal .modal-content {
  border-radius: 8px;
}

#popup-form-modal .modal-header {
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}

#popup-form-modal .modal-title {
  font-weight: 600;
  color: #333;
}

#custom-popup-form .form-item {
  margin-bottom: 1rem;
}

#custom-popup-form label {
  font-weight: 500;
  margin-bottom: 0.5rem;
  display: block;
}

#custom-popup-form .form-control {
  border-radius: 4px;
  border: 1px solid #ced4da;
  padding: 0.5rem 0.75rem;
}

#custom-popup-form .form-control:focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  outline: 0;
}

#custom-popup-form .form-actions {
  margin-top: 1.5rem;
  text-align: right;
}

#custom-popup-form .btn-primary {
  background-color: #007bff;
  border-color: #007bff;
  padding: 0.5rem 1.5rem;
}

#custom-popup-form .btn-primary:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}

#custom-popup-form .form-item--error-message {
  color: #dc3545;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

#custom-popup-form .messages {
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 4px;
}

#custom-popup-form .messages--status {
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
  color: #155724;
}

#custom-popup-form .messages--error {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
}