/* Five short security stages fit the existing dialog on mobile and desktop. */
.df-flow:is([data-flow="twofactor"],[data-flow="twofactor-disable"])>.df-stepper{padding-right:0}
.twofactor-channel-options .ui-setting-row{gap:14px}
.twofactor-channel-options .ui-setting-row>div{min-width:0}
.twofactor-channel-options .ui-setting-row>.text-link{flex-shrink:0;min-height:44px;align-items:center}
.df-flow:is([data-flow="twofactor"],[data-flow="twofactor-disable"]) .df-mail>.text-link{display:flex;justify-content:center;margin-top:12px;min-height:44px}
.df-flow:is([data-flow="twofactor"],[data-flow="twofactor-disable"]) .df-form+.text-link{min-height:44px;margin-top:12px}
@media(max-width:400px){
 .df-flow:is([data-flow="twofactor"],[data-flow="twofactor-disable"])>.df-stepper{gap:3px}
 .df-flow:is([data-flow="twofactor"],[data-flow="twofactor-disable"])>.df-stepper small{font-size:10px;line-height:1.5}
}

/* Shared spacing across all identity verification wizards. */
.df-flow:is([data-flow="email"],[data-flow="mobile"],[data-flow="password"],[data-flow="withdraw"],[data-flow="fiatwithdraw"])>.df-stepper{padding-right:0}
.df-flow:has(.security-verification)>.df-stepper{margin-bottom:20px}
.security-verified-notice{margin:0;color:#99e5c9;font-size:12px}
.df-binding-preview>div{flex-wrap:wrap;gap:6px}
.df-binding-preview>div .btn{min-height:34px;padding:7px 10px;font-size:11px}
@media(max-width:600px){.df-flow .df-stepper{gap:3px}.df-flow .df-stepper small{font-size:10px;line-height:1.4}.df-flow[data-flow="email"] .df-stepper small,.df-flow[data-flow="mobile"] .df-stepper small{font-size:9px}}