@media (max-width: 768px) { body { overflow: auto; } }
.progress-bar-wrap {
  height: 4px;
  background: var(--border);
  border-radius: 2px;
  margin-bottom: 2rem;
  overflow: hidden;
}
.progress-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--primary), var(--secondary));
  border-radius: 2px;
  transition: width .4s ease;
}
.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media (max-width: 480px) { .form-row { grid-template-columns: 1fr; } }

/* Panel varies by role — dark enough for white text (WCAG AA >= 4.5:1) */
.auth-panel[data-role="driver"]  { background: linear-gradient(160deg, #1A6B3C 0%, #0D3B21 100%); }
.auth-panel[data-role="owner"]   { background: linear-gradient(160deg, #1558A0 0%, #0A2F5E 100%); }
.auth-panel[data-role="shipper"] { background: linear-gradient(160deg, #8A4E0A 0%, #4A2800 100%); }