/* Musicrew Sign Up — page-specific layer (reuses home.css + app.css, esp.
   .mc-split / .mc-panel / .mc-role-card / .mc-perks / .mc-steprow / .mc-or
   which app.css ships specifically for this screen). */

#musicrew-signup{min-width:320px}
#musicrew-signup *,#musicrew-signup *::before,#musicrew-signup *::after{box-sizing:border-box}
#musicrew-signup h1{margin:0}
#musicrew-signup p{margin:0}
#musicrew-signup a{text-decoration:none}

.mc-split__panel .mc-panel{width:100%}

/* ---- Step pips: neutral by default, filled once reached, ringed when active ---- */
.mc-step-pip__n{color:var(--text-muted)}
.mc-step-pip.is-done .mc-step-pip__n{background:var(--accent);border-color:var(--accent-deep);color:var(--text-on-brand)}
.mc-step-pip.is-active .mc-step-pip__n{border-color:var(--border-strong);color:var(--text-heading)}
.mc-step-pip.is-active .mc-step-pip__label{color:var(--text-heading);font-weight:var(--weight-semibold)}
.mc-step-pip:not(.is-active):not(.is-done) .mc-step-pip__label{color:var(--text-muted)}
.mc-steprow[data-step="2"] .mc-step-pip__bar:first-of-type{background:var(--accent-deep)}
.mc-steprow[data-step="3"] .mc-step-pip__bar{background:var(--accent-deep)}

.mc-form-field.is-invalid .mc-form-field__control{border-color:var(--red-500)}
.mc-form-field-error{color:var(--red-600)}

@media (max-width:900px){
  .mc-split__panel{max-width:520px}
}
@media (max-width:520px){
  .mc-panel{padding:var(--space-6)}
}