/* Segmented appearance, one input for keyboard, paste, and native autofill. */
#mfaForm .mfa-code-field{position:relative;width:100%;max-width:378px;margin:10px 0 8px;box-sizing:border-box}
.mfa-code-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;pointer-events:none}
.mfa-code-cells>span{position:relative;display:flex;align-items:center;justify-content:center;height:62px;border:1px solid #c9d8e8;border-radius:11px;background:#f8fbff;color:#153b64;font-size:28px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1;box-sizing:border-box}
.mfa-code-cells>.is-active{border-color:#286eb5;box-shadow:0 0 0 3px #286eb51c;background:#fff}
.mfa-code-cells>.is-selected{background:#dcecff}
.mfa-code-cells>.is-caret:after{content:'';width:2px;height:26px;background:#286eb5;animation:pl-mfa-caret 1.1s steps(1,end) infinite}
#mfaForm .mfa-code-field:not(.is-recovery)>#mfaCode{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;box-sizing:border-box!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;color:transparent!important;-webkit-text-fill-color:transparent!important;caret-color:transparent!important;font-size:28px!important;letter-spacing:normal!important;text-indent:0!important;opacity:1!important}
#mfaForm .mfa-code-field:not(.is-recovery)>#mfaCode::selection{color:transparent;background:transparent}
#mfaForm .mfa-code-field:not(.is-recovery)>#mfaCode:-webkit-autofill{-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
.mfa-code-field.is-recovery .mfa-code-cells{display:none}
#mfaForm .mfa-code-field.is-recovery>#mfaCode{width:100%;box-sizing:border-box;font-size:20px;letter-spacing:2px;text-transform:uppercase}
#mfaCodeHint{display:block;font-size:12px;line-height:1.6;color:#647b93;margin:0 0 3px}
#mfaCodeError{font-size:12px;line-height:1.6;color:#b33734;margin:5px 0}
#mfaCodeError[hidden],#mfaRecoveryToggle[hidden]{display:none!important}
#mfaRecoveryToggle{padding:8px 0;margin:0;font-size:12px;color:#245d92;text-decoration:none}
#mfaRecoveryToggle:focus-visible{outline:2px solid #286eb5;outline-offset:3px;border-radius:3px}
.mfa-code-field.is-busy{opacity:.65}
@keyframes pl-mfa-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(max-width:380px){.mfa-code-cells{gap:7px}.mfa-code-cells>span{height:53px;border-radius:9px;font-size:25px}}
@media(prefers-reduced-motion:reduce){.mfa-code-cells>.is-caret:after{animation:none}}
@media(forced-colors:active){.mfa-code-cells>span{border-color:CanvasText;color:CanvasText}.mfa-code-cells>.is-active{outline:2px solid Highlight}.mfa-code-cells>.is-selected{border-color:Highlight}}
/* Match the existing dark sign-in card with readable supporting text. */
#mfaCodeHint{color:#b1c5db}#mfaCodeError{color:#ffbdb5}
#mfaRecoveryToggle,#mfaForm #requestMfaResetButton{color:#9dccff;font-size:13px;line-height:1.5}

/* Automatic verification; the progress row keeps the code area steady. */
#loginScreen .patrolink-login-card-v24e1>h2{text-align:left;margin-bottom:24px!important}
#mfaScreen .patrolink-login-card-v24e1>h2{text-align:left;margin-bottom:26px!important}
#mfaCodeHint[hidden],#mfaHelp[hidden]{display:none!important}
#mfaForm .mfa-code-field{max-width:none;margin-top:10px;margin-bottom:4px}
#mfaProgress{display:flex;align-items:center;justify-content:center;gap:8px;min-height:26px;margin:0 0 10px;color:#bddcff;font-size:12px;font-weight:500;line-height:1.5}
#mfaProgress.is-busy:before{content:'';box-sizing:border-box;width:15px;height:15px;border:2px solid #ffffff38;border-top-color:#c7e2ff;border-radius:50%;animation:pl-mfa-progress .8s linear infinite;flex:0 0 15px}
#mfaHelp{border:1px solid #a4c8f02e;border-radius:12px;background:#ffffff04;overflow:hidden;margin-top:2px}
#mfaHelp>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:10px 12px;box-sizing:border-box;list-style:none;cursor:pointer;color:#bbd9fb;font-size:12px;font-weight:600;line-height:1.5;text-align:left}
#mfaHelp>summary::-webkit-details-marker{display:none}
#mfaHelp>summary:after{content:'';width:7px;height:7px;flex:0 0 7px;margin-right:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .16s ease}
#mfaHelp[open]>summary:after{transform:rotate(225deg)}
#mfaHelp>summary:focus-visible{outline:2px solid #a6d2ff;outline-offset:-3px;border-radius:10px}
#mfaHelp.is-busy>summary{opacity:.55;cursor:default}
#mfaHelp .mfa-help-options-v121{padding:4px 8px 8px;border-top:1px solid #a4c8f021}
#mfaHelp .security-link-button-v1{display:block;box-sizing:border-box;width:100%;min-height:44px;margin:0;padding:10px 10px;color:#c6e0ff;font-size:13px;font-weight:500;text-align:left;text-decoration:none;border:0;border-radius:7px;background:transparent;line-height:1.5}
#mfaHelp .security-link-button-v1:hover{background:#9fcaff13}
#mfaHelp .security-link-button-v1:focus-visible{outline:2px solid #a6d2ff;outline-offset:-2px}
#mfaForm .security-mfa-actions-v14{grid-template-columns:minmax(0,1fr);margin-top:18px}
#mfaForm #backToLoginButton{min-height:46px;height:46px;border:1px solid #bbd9fb44;background:#ffffff08;color:#e0ecfb;font-weight:600;font-size:13px;box-shadow:none}
#mfaForm #backToLoginButton:hover{background:#ffffff12}
#mfaForm button:disabled{opacity:.55;cursor:default}
@keyframes pl-mfa-progress{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#mfaProgress.is-busy:before{animation:none}#mfaHelp>summary:after{transition:none}}