/* Scoped to the terminal's numeric unlock dialog. */
dialog.extra-unlock{padding:0;border:1px solid #dce4ef;border-radius:25px;width:min(380px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;color:#17345d;background:#fff;box-shadow:0 20px 90px #04182e40;overflow:auto;overscroll-behavior:contain;z-index:2147483000;text-align:center;line-height:1.35}
dialog.extra-unlock::backdrop{background:#071b36ad;backdrop-filter:blur(5px)}
dialog.extra-unlock.is-fallback{position:fixed;inset:0;height:max-content;box-shadow:0 0 0 100vmax #071b36ad}
.extra-unlock .extra-unlock-content{padding:23px 35px 17px}
.extra-unlock .extra-unlock-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:750;color:#7488a2}
.extra-unlock h2{margin:7px 0 7px!important;font-size:24px!important;font-weight:750;color:#17345d!important;line-height:1.25!important}
.extra-unlock #extra-unlock-description,.extra-unlock p{margin:0;line-height:1.45;font-size:12px;color:#74849a}
.extra-unlock .extra-unlock-entry{display:flex;align-items:center;justify-content:center;gap:8px;min-height:53px;margin:9px 0 10px}
.extra-unlock .extra-unlock-dots{display:block;min-width:170px;max-width:calc(100% - 45px);overflow:hidden;white-space:nowrap;letter-spacing:5px;font-size:16px;line-height:1.4;color:#17345d}
.extra-unlock button{appearance:none;-webkit-appearance:none;display:grid;place-items:center;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;font-family:inherit;font-weight:450!important;line-height:1!important;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .12s,transform .12s}
.extra-unlock button:focus-visible{outline:3px solid #628bc2;outline-offset:4px}
.extra-unlock button:active:not(:disabled){transform:scale(.95)}
.extra-unlock button:disabled{opacity:.4;cursor:default}
.extra-unlock .extra-unlock-backspace{width:40px;height:40px;min-height:40px!important;min-width:40px;border-radius:50%!important;background:#f0f3f7!important;color:#667d9b!important}
.extra-unlock svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.extra-unlock .extra-unlock-keypad{display:grid;grid-template-columns:repeat(3,68px);justify-content:space-between;gap:12px 17px;margin:0 auto;max-width:270px}
.extra-unlock .extra-unlock-digit{width:68px;height:68px;min-height:68px!important;min-width:68px;border-radius:50%!important;background:#eef1f5!important;color:#324962!important;font-size:30px!important;font-variant-numeric:tabular-nums}
.extra-unlock .extra-unlock-digit:hover:not(:disabled){background:#e0e7f0!important}
.extra-unlock .extra-unlock-digit.is-zero{grid-column:2}
.extra-unlock .extra-unlock-feedback{min-height:32px;margin:11px -15px 4px;font-size:12px!important;color:#ad3641!important;overflow-wrap:anywhere}
.extra-unlock[aria-busy="true"] .extra-unlock-feedback{color:#60799c!important}
.extra-unlock .extra-unlock-actions{display:flex;justify-content:space-between;gap:18px;max-width:215px;margin:0 auto 13px}
.extra-unlock .extra-unlock-confirm,.extra-unlock .extra-unlock-cancel{width:65px;height:65px;min-height:65px!important;min-width:65px;border-radius:50%!important;color:#fff!important}
.extra-unlock .extra-unlock-confirm{background:#19aa69!important}
.extra-unlock .extra-unlock-confirm:hover:not(:disabled){background:#128b54!important}
.extra-unlock .extra-unlock-cancel{background:#ee4968!important}
.extra-unlock .extra-unlock-cancel:hover{background:#d73755!important}
.extra-unlock .extra-unlock-actions svg{width:29px;height:29px;stroke-width:2.7}
.extra-unlock .extra-unlock-hint{font-size:10px!important;color:#8a99ad!important}
.extra-unlock kbd{font:inherit;border:1px solid #e1e7ef;border-radius:3px;padding:1px 3px;background:#f8faff}
@media(max-height:650px){.extra-unlock .extra-unlock-content{padding:16px 31px 12px}.extra-unlock .extra-unlock-keypad{grid-template-columns:repeat(3,56px);max-width:231px;gap:8px 17px}.extra-unlock .extra-unlock-digit{width:56px;height:56px;min-height:56px!important;min-width:56px;font-size:27px!important}.extra-unlock .extra-unlock-entry{min-height:38px;margin:6px 0 7px}.extra-unlock .extra-unlock-feedback{min-height:29px;margin-top:7px}.extra-unlock .extra-unlock-confirm,.extra-unlock .extra-unlock-cancel{width:55px;height:55px;min-height:55px!important;min-width:55px}.extra-unlock .extra-unlock-actions{max-width:185px;margin-bottom:7px}}
@media(max-height:430px) and (min-width:570px){dialog.extra-unlock{width:min(640px,calc(100vw - 24px))}.extra-unlock .extra-unlock-content{display:grid;grid-template-columns:1fr 230px;column-gap:30px;padding:17px 25px}.extra-unlock .extra-unlock-keypad{grid-column:2;grid-row:1 / span 7;width:230px;align-self:center}.extra-unlock .extra-unlock-actions{width:185px}.extra-unlock .extra-unlock-feedback{margin-left:0;margin-right:0}}
@media(prefers-reduced-motion:reduce){.extra-unlock button{transition:none}}
