/* ============================================================================
   REGISTRAZIONE — selettore modalità (Angelo 22/07)
   La pagina mostra solo le modalità abilitate per la skin; con più di una, il player
   sceglie con le linguette. Vestito minimale e neutro (si posa sul form del tema).
   CSS in file (regola Dav). Design D, 22-07-2026.
   ========================================================================== */

.reg-tabs{
  display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 14px;
}
.reg-tab{
  flex:1 1 auto;min-width:90px;cursor:pointer;
  padding:9px 12px;border-radius:9px;
  border:1px solid rgba(28,66,103,.28);background:transparent;
  color:#26456b;font:inherit;font-weight:800;font-size:.9rem;
  transition:background .12s,border-color .12s,color .12s;
}
.reg-tab:hover{background:rgba(28,66,103,.06)}
.reg-tab.on{background:#276aa6;border-color:#276aa6;color:#fff}
.reg-tab:focus-visible{outline:2px solid #f5a623;outline-offset:2px}

.reg-hint{
  margin:2px 0 8px;font-size:.82rem;line-height:1.35;opacity:.75;
}

/* ── modalità NON ancora pronte (telefono/social): «in arrivo», niente bottone finto ── */
.reg-soon{color:#a06a08;font-weight:700}
.reg-social{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 4px}
.reg-soc{flex:1 1 auto;min-width:130px;display:inline-flex;align-items:center;justify-content:center;
  gap:8px;padding:11px 14px;border-radius:10px;border:1px solid rgba(28,66,103,.28);
  background:#fff;color:#26456b;font:inherit;font-weight:800;cursor:not-allowed;opacity:.6}
.reg-panel .btn-continue:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}