/* Shared by login and the existing account-security SMS step. */
.otp-entry-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0}
.otp-entry-row>button{min-width:112px;max-width:150px;min-height:44px;padding:8px 12px;border:1px solid var(--control-line,#ccd8eb);border-radius:10px;background:#fff;color:var(--blue,#4f6fa8);font:inherit;font-size:14px}
.otp-grid{position:relative;min-width:0;width:100%;height:50px}
.otp-grid>.otp-grid-cells{display:grid;grid-template-columns:repeat(var(--otp-count,6),minmax(0,1fr));gap:6px;height:100%;pointer-events:none}
.otp-grid-cells>span{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;border:1px solid var(--control-line,#ccd8eb);border-radius:9px;background:var(--control-bg,#fcfdff);color:var(--ink,#293c54);font-size:20px;line-height:1;font-variant-numeric:tabular-nums}
.otp-grid-cells>span.current{border-color:var(--blue,#4f6fa8);box-shadow:0 0 0 2px #7894bd30}
.otp-grid-cells>span.selected{background:#e8edf9}
.otp-grid-cells>span.current:empty:after{content:'';position:absolute;width:1px;height:22px;background:var(--blue,#4f6fa8)}
.otp-invalid .otp-grid-cells>span{border-color:#b94949}
.otp-grid>input.otp-grid-input{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:1;min-width:0;margin:0;padding:0;border:0;border-radius:9px;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:transparent;font-size:20px;letter-spacing:0;outline:none;box-shadow:none;appearance:none}
.otp-grid>input.otp-grid-input::placeholder{color:transparent;-webkit-text-fill-color:transparent}
.otp-grid:has(input:disabled){opacity:.65}
@media(max-width:599px){.otp-entry-row{grid-template-columns:minmax(0,1fr);gap:8px}.otp-entry-row>button{justify-self:end}.otp-grid>.otp-grid-cells{gap:8px}}
/* Native selection can paint transparent text white in Chromium/Safari. The
   visual cells already show selection; keep the real input's glyphs hidden. */
.otp-grid>input.otp-grid-input::selection{color:transparent;background:transparent;-webkit-text-fill-color:transparent}
