.mqr-passkey-login{display:block;width:100%;margin:12px 0 0;padding:12px 14px;background:transparent;border:1px solid #a59155;color:inherit;font:inherit;font-size:.85rem;cursor:pointer;transition:background .25s ease,border-color .25s ease}
.mqr-passkey-login:hover{background:rgba(195,163,63,.12)}
.mqr-passkey-status{font-size:.85rem;line-height:1.5;overflow-wrap:anywhere}
.mqr-passkey-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 32px);margin:auto;padding:22px;background:#151515;color:#eee;border:1px solid #575047;overflow:auto;overscroll-behavior:contain;font-family:inherit}
.mqr-passkey-dialog::backdrop{background:rgba(0,0,0,.65)}
.mqr-passkey-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.mqr-passkey-top h2{font-size:1.15rem;margin:0}
.mqr-passkey-dialog p{font-size:.85rem;line-height:1.5}.mqr-passkey-dialog label{display:grid;gap:7px;font-size:.85rem;margin:14px 0}
.mqr-passkey-dialog input{box-sizing:border-box;min-width:0;width:100%;padding:11px;font-size:16px;border:1px solid #666;background:#222;color:inherit}
.mqr-passkey-dialog button{padding:10px 12px;color:inherit;border:1px solid #8f805c;background:transparent;font:inherit;font-size:.85rem;cursor:pointer;transition:background .25s ease}.mqr-passkey-dialog button:hover{background:rgba(195,163,63,.15)}.mqr-passkey-dialog button:disabled{opacity:.5;cursor:wait}
.mqr-passkey-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #555;overflow-wrap:anywhere}.mqr-passkey-row span{min-width:0}.mqr-passkey-row small{display:block;font-size:.75rem;margin-top:6px}.mqr-passkey-remove{width:100%}
:root[data-admin-theme=light] .mqr-passkey-dialog,:root[data-student-theme=light] .mqr-passkey-dialog{background:#fffdf8;color:#252525;border-color:#d5cdbb;border-radius:12px}
:root[data-admin-theme=light] .mqr-passkey-dialog input,:root[data-student-theme=light] .mqr-passkey-dialog input{background:#fff;color:#252525;border-color:#aaa}

/* Login: one primary action, password fields only on request. */
#loginForm.mqr-password-collapsed,#studentLoginForm.mqr-password-collapsed{display:none!important}
.mqr-login-entry[hidden]{display:none!important}
.mqr-login-entry{width:100%;box-sizing:border-box;margin:22px auto 10px;text-align:center}
.mqr-login-entry .mqr-passkey-login{background:#c8ac63;color:#15120c;border-color:#c8ac63;font-weight:600;font-size:1rem;min-height:48px;margin:0;transition:background .3s ease,box-shadow .3s ease}
.mqr-login-entry .mqr-passkey-login:hover{background:#ddc37e;box-shadow:0 4px 18px rgba(195,163,63,.14)}
.mqr-login-hint,.mqr-login-first{font-size:.78rem;line-height:1.5;opacity:.75;margin:12px 0}
.mqr-login-options{display:flex;justify-content:center;gap:8px 18px;flex-wrap:wrap;margin:16px 0 0}
.mqr-login-options button,.mqr-login-back{background:transparent!important;border:0!important;color:inherit!important;box-shadow:none!important;padding:8px 4px;font:inherit;font-size:.8rem;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:36px}
.mqr-login-options button:hover,.mqr-login-back:hover{opacity:.75}
.mqr-login-entry button:disabled{opacity:.55;cursor:wait}
:root[data-student-theme=light] .mqr-login-entry .mqr-passkey-login,:root[data-admin-theme=light] .mqr-login-entry .mqr-passkey-login{border-radius:8px}