/* Shared by the personal console and admin login; native dialog makes the
   background inert and keeps keyboard navigation inside the login request. */
.qr-login-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;border:1px solid #c9d9d1;border-radius:22px;background:#fffdf9;color:#17382e;box-shadow:0 24px 100px #071b1559;text-align:center;font-family:inherit}
.qr-login-dialog[hidden],.qr-login-dialog:not([open]){display:none}
.qr-login-dialog::backdrop{background:rgba(8,27,21,.64)}
.qr-login-content{padding:28px 32px}
.qr-login-dialog .qr-login-eyebrow{margin:0 0 10px;color:#54796a;font-size:10px;font-weight:700;letter-spacing:1.5px}
.qr-login-dialog h2{margin:0 0 12px;font-size:25px;line-height:1.4;letter-spacing:-.5px}
.qr-login-dialog h2:focus{outline:none}
.qr-login-dialog #qr-dialog-description{margin:0 auto;max-width:390px;font-size:13px;line-height:1.8;color:#5b6e65}
.qr-auth .qr-login-dialog .qr-auth-image{margin:20px 0 14px;text-align:center}
.qr-auth .qr-login-dialog .qr-auth-image img{display:block;box-sizing:border-box;width:320px;height:auto;max-width:100%;aspect-ratio:1;object-fit:contain;margin:0 auto;border:1px solid #dce5df;border-radius:8px;background:#fff}
.qr-auth .qr-login-dialog .qr-auth-image img[hidden]{display:none}
.qr-login-dialog .qr-auth-image figcaption{margin-top:12px;font-size:13px;color:#385c4a;font-variant-numeric:tabular-nums}
.qr-login-dialog .form-feedback{min-height:24px;margin:0;font-size:13px;line-height:1.8;overflow-wrap:anywhere;color:#315743}
.qr-login-dialog .qr-login-safety{margin:8px auto 20px;max-width:360px;color:#6d786f;font-size:11px;line-height:1.8}
.qr-login-dialog .qr-auth-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.qr-login-dialog .qr-auth-actions button{flex:1;min-width:120px;min-height:44px;margin:0;padding:10px 16px;border:1px solid #c4d5c8;border-radius:10px;background:#fff;color:#254b38;font:inherit;font-size:13px;line-height:1.5;cursor:pointer}
.qr-login-dialog .qr-auth-actions button:hover{background:#f0f5ed}
.qr-login-dialog .qr-auth-actions button:focus-visible{outline:3px solid #427852;outline-offset:3px}
.qr-login-dialog .qr-auth-actions button:disabled{opacity:.55;cursor:wait}
@media(max-width:540px){.qr-login-dialog{width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:17px}.qr-login-content{padding:23px 20px}.qr-login-dialog h2{font-size:22px}.qr-login-dialog #qr-dialog-description{font-size:12px}.qr-login-dialog .qr-login-safety{font-size:11px}}