/* Client Quotation Wizard Styles */
/* Add your form wizard CSS here */

/* Client Quotation Wizard Form Wizard Styles */
.cqw-wizard {
  max-width: 600px;
  margin: 2rem auto;
  padding: 1.5rem;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  background-color: #fff;
}

.cqw-progress-container {
  width: 100%;
  background-color: #f1f1f1;
  border-radius: 0.25rem;
  margin-bottom: 1.5rem;
  height: 1rem;
}

.cqw-progress-bar {
  height: 100%;
  width: 0%;
  background-color: #4caf50;
  border-radius: 0.25rem;
  transition: width 0.3s ease;
}

.cqw-step {
  display: none;
}

.cqw-step.active {
  display: block;
}

.cqw-field {
  margin-bottom: 1rem;
}

.cqw-field label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.cqw-field input,
.cqw-field select,
.cqw-field textarea {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  font-size: 1rem;
}

.cqw-error {
  color: #d93025;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.cqw-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
}

.cqw-buttons button {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
}

.cqw-buttons button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.cqw-alert {
  padding: 1rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.cqw-alert.success {
  background-color: #e6ffed;
  border: 1px solid #a6f4c5;
  color: #047857;
}

.cqw-alert.error {
  background-color: #ffe6e6;
  border: 1px solid #f4a6a6;
  color: #a12d2d;
}