/* Account linking steps in the register form (js/account_link.js). Site palette only:
   #243D44 #545F64 #D3D8DA #F7F7F7 + #C2EAEA #99DCDC #F6ABAA. */
.reg-ios .lk-panel[hidden] {display: none !important;}
.reg-ios .lk-in {display: grid; gap: 12px; max-width: 420px; margin: 0 auto; padding: 4px 0 8px; color: #243D44; text-align: center;}
.reg-ios .lk-note {padding: 12px 14px; border-radius: 12px; background: #F7F7F7; font-size: 1em; line-height: 1.4;}
.reg-ios .lk-sub {margin: 0; color: #545F64; font-size: 0.95em; line-height: 1.45;}
.reg-ios .lk-who {display: grid; gap: 4px; padding: 14px 12px; border-radius: 14px; background: #F7F7F7;}
.reg-ios .lk-who span {color: #545F64; font-size: 0.9em;}
.reg-ios .lk-who b {font-size: 1.35em; font-weight: 700; color: #243D44;}
.reg-ios .lk-who .lk-masked {font-size: 0.85em; letter-spacing: .02em;}
.reg-ios .lk-who .lk-hint {font-size: 0.8em;}
.reg-ios .lk-adds {margin-top: -6px; color: #545F64; font-size: 0.8em;}

/* one field for the whole code: autofill (one-time-code) and paste just work */
.reg-ios .lk-code-wrap {display: flex; justify-content: center;}
.reg-ios .lk-code {width: 220px; max-width: 100%; height: 52px; padding: 0 0 4px; border: 0; border-bottom: 2px solid #243D44; border-radius: 0; background: transparent;
    color: #243D44; font-size: 26px; font-weight: 600; letter-spacing: .45em; text-align: center; text-indent: .45em; outline: none; box-shadow: none;}
.reg-ios .lk-code:focus {border-bottom-color: #99DCDC;}
.reg-ios .lk-err {min-height: 0; color: red; font-size: 0.85em;}
.reg-ios .lk-err:empty {display: none;}

.reg-ios .lk-btn, .reg-ios .lk-btn2 {display: block; width: 100%; height: 48px; border-radius: 30px; font-size: 1em; font-weight: 600; cursor: pointer;}
.reg-ios .lk-btn {border: 0; background: #243D44; color: #fff;}
.reg-ios .lk-btn2 {border: 1.5px solid #243D44; background: transparent; color: #243D44;}
.reg-ios .lk-link {justify-self: center; padding: 4px 8px; border: 0; background: none; color: #243D44; font-size: 0.95em; text-decoration: underline; cursor: pointer;}
.reg-ios .lk-btn:focus-visible, .reg-ios .lk-btn2:focus-visible, .reg-ios .lk-link:focus-visible {outline: 2px solid #99DCDC; outline-offset: 2px;}
.reg-ios .lk-busy button {opacity: .55; cursor: wait;}

/* after linking: a line above the filled form */
.reg-ios .lk-done-note {margin: 0 0 12px; padding: 10px 14px; border-radius: 12px; background: #C2EAEA; color: #243D44; font-size: 0.95em; text-align: center;}
.reg-ios .rg-id #pidPassportTabs .nav-link.disabled {pointer-events: none;}
.reg-ios .lk-sr {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);}
.reg-ios .lk-link.lk-wait, .reg-ios .lk-link:disabled {color: #545F64; text-decoration: none; cursor: default;}