/* Mobile stepper fix - compact pour 390px viewport */
@media (max-width: 480px) {
  .step-bar {
    gap: 4px !important;
    padding: 16px 8px !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    justify-content: flex-start !important;
  }
  
  .step-bar::-webkit-scrollbar {
    display: none;
  }
  
  .step-dot {
    width: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
    flex-shrink: 0 !important;
  }
  
  .step-line {
    width: 16px !important;
    flex-shrink: 0 !important;
  }
}

/* Ensure step label doesn't overflow */
.step-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}