/* Números de prueba: 3 pasos a todo el ancho y la lista de números. Solo clases propias, con los tokens del sistema visual. */
.test-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-4); margin: 0 0 var(--sp-5); padding: 0; list-style: none; }
.test-step { display: flex; flex-direction: column; gap: var(--sp-2); min-width: 0; padding: var(--sp-4); border: var(--border-w) solid var(--border-default); border-radius: var(--r-lg); background: var(--surface-1); }
.test-step p { margin: 0; }
.test-step-head { display: flex; align-items: center; gap: var(--sp-2); color: var(--text-strong); }
.test-step-num { display: inline-grid; place-items: center; flex: none; width: var(--icon-lg); height: var(--icon-lg); border-radius: var(--r-md); background: var(--surface-3); color: var(--text-strong); font-size: var(--fs-meta); font-weight: var(--fw-bold); }
.test-step.is-current { border-color: var(--brand); background: var(--brand-soft); }
.test-step.is-current .test-step-num { background: var(--brand); color: var(--on-brand); }
.test-step.is-done .test-step-num { background: var(--success-soft); color: var(--success-ink); }
.test-step-action .ui-btn.ui-btn-primary:disabled { background: var(--surface-disabled); border-color: var(--border-soft); color: var(--text-disabled); }
.test-step-action { display: grid; justify-items: start; gap: var(--sp-1); margin-top: auto; padding-top: var(--sp-2); }
.test-phones-list { display: grid; gap: var(--sp-3); margin: 0 0 var(--sp-4); padding: 0; list-style: none; }
.test-phones-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: var(--sp-3); align-items: end; }
.test-phones-row label { display: grid; gap: var(--sp-1); min-width: 0; }
.test-phones-row label > span { font-size: var(--fs-meta); color: var(--text-subtle); }
.test-phones-actions { display: flex; flex-wrap: wrap; gap: var(--sp-3); align-items: center; }
.test-phones-count { margin: 0; color: var(--text-subtle); font-size: var(--fs-meta); }
@media (max-width: 760px) {
  .test-steps { grid-template-columns: 1fr; }
  .test-phones-row { grid-template-columns: 1fr; }
  .test-phones-row .ui-btn { justify-self: start; }
}