/* Submit Ticket page */
.submit-nav {
  position: fixed;
  top: 1.25rem;
  right: 1.5rem;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  z-index: 10;
}

.submit-wrapper {
  width: 100%;
  max-width: 680px;
}

.submit-header {
  text-align: center;
  margin-bottom: var(--space-10);
}
.submit-header__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background-color: var(--color-primary-light);
  margin-bottom: var(--space-5);
}
.submit-header__icon svg { color: var(--color-primary); }
.submit-header h1 { font-size: 1.5rem; font-weight: 600; }
.submit-header p  { margin-top: var(--space-2); font-size: 1rem; color: var(--color-text-faint); }

.submit-form { padding: var(--space-10); }

.submit-steps {
  display: flex;
  justify-content: center;
  gap: var(--space-8);
  margin-top: var(--space-6);
}
.submit-step {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: 0.875rem;
  color: var(--color-text-faint);
}
.submit-step__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 500;
  background-color: var(--color-bg);
  color: var(--color-text-faint);
}
.submit-step--active .submit-step__num {
  background-color: var(--color-primary-light);
  color: var(--color-primary);
}