.qr-login { margin-top: 12px; }
.app-card > [hidden] { display: none !important; }
.qr-login [hidden] { display: none !important; }
.qr-login-button { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:46px; padding:10px 16px; border:1px solid transparent; border-radius:12px; background:var(--app-surface-alt); color:inherit; cursor:pointer; }
.qr-login-button:hover { background:var(--app-hover); }
.qr-login-button:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.qr-login-button:disabled { opacity:.6; cursor:wait; }
.qr-login-image { display:block; width: min(256px, 100%); height:auto; margin:24px auto; background:white; border-radius:12px; padding:8px; }
.qr-login-hint { text-align:center; line-height:1.6; margin:24px 0 16px; }
.qr-login-status { text-align:center; min-height:48px; margin:16px 0; }
[data-qr-refresh] { margin-bottom:12px; }