.auth-panel:has(.office-qr-login:not([hidden])) { max-width: 800px; }
.auth-panel:has(.office-qr-login:not([hidden])) [data-auth-title] { text-align: center; }
.office-qr-login { text-align: center; line-height: 1.7; }
.office-qr-layout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 32px; margin: 24px 0; }
.office-qr-code { min-width: 0; }
.office-qr-code img { display: block; width: min(300px, 100%); height: auto; margin: 0 auto; }
.office-qr-mascot { min-width: 0; margin: 0; }
.office-qr-mascot img { display: block; width: 100%; height: auto; }
.office-qr-mascot figcaption { margin-top: 12px; font-size: 14px; color: #647086; }
.office-qr-login img[hidden], .office-qr-login[hidden] { display: none; }
.office-qr-login [data-qr-expiry] { font-size: 14px; color: #555; min-height: 24px; }
.office-qr-login [role=status] { font-size: 14px; color: #a33062; }
@media (max-width: 600px) {
  .auth-panel:has(.office-qr-login:not([hidden])) { padding: 20px; }
  .office-qr-layout { gap: 12px; }
  .office-qr-mascot figcaption { font-size: 12px; }
}