.staff-access-qr { box-sizing: border-box; width: min(440px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow: auto; padding: 24px; border: 1px solid #82b9d9; border-radius: 12px; text-align: center; color: #23475b; background: #fff; }
.staff-access-qr::backdrop { background: rgb(0 0 0 / 45%); }
.staff-access-qr h2 { margin: 0 0 16px; font-size: 22px; }
.staff-access-qr select { max-width: 100%; padding: 8px; font-size: 16px; }
.staff-access-qr img { display: block; width: 320px; max-width: 100%; height: auto; margin: auto; }
.staff-access-qr img[hidden] { display: none; }
.staff-access-qr p { line-height: 1.6; }
.staff-access-qr button { min-height: 44px; padding: 8px 32px; border: 1px solid #82b9d9; border-radius: 7px; background: #fff; color: #23475b; font-size: 16px; cursor: pointer; }