/* Basic clean styles for the multi-step form */
.hds-wrapper { max-width: 860px; margin: 0 auto; border: 1px solid #e5e7eb; border-radius: 16px; padding: 24px; background:#fff; }
.hds-steps { display:flex; gap:8px; margin-bottom:16px; flex-wrap:wrap; }
.hds-step { padding:6px 10px; border-radius:999px; font-size:12px; background:#f3f4f6; color:#111827; }
.hds-step.is-active { background:#111827; color:#fff; }
.hds-panel { display:none; }
.hds-panel.is-active { display:block; }
.hds-actions { display:flex; justify-content:space-between; gap:12px; margin-top:16px; }
.hds-actions button { padding:10px 16px; border-radius:10px; border:0; cursor:pointer; }
.hds-btn { background:#111827; color:#fff; }
.hds-btn.secondary { background:#e5e7eb; color:#111827; }
.hds-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width: 640px){
  .hds-grid { grid-template-columns:1fr; }
}
.hds-field label { display:block; font-weight:600; margin-bottom:6px; }
.hds-field input, .hds-field select, .hds-field textarea { width:100%; padding:10px; border:1px solid #d1d5db; border-radius:10px; }
.hds-note { font-size:12px; color:#6b7280; }
.hds-error { color:#b91c1c; font-weight:600; margin-top:8px; }
.hds-success { background:#ecfdf5; color:#065f46; padding:16px; border-radius:12px; border:1px solid #a7f3d0; }
.hds-hidden { display:none !important; }
.hds-badge { display:inline-block; padding:2px 8px; border-radius:999px; font-size:12px; background:#f3f4f6; margin-left:6px;}
.hds-inline { display:flex; gap:8px; align-items:center;}
ul.hds-list { margin:8px 0 0 18px; }