html.mbc-auth-modal-open { overflow:hidden; }
.mbc-auth-modal {
  box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-width:calc(100vw - 32px);
  max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;
  overflow:hidden;border:1px solid #dce5ef;border-radius:20px;background:#fff;color:#142c48;
  box-shadow:0 24px 80px rgb(12 42 71 / .24);
}
.mbc-auth-modal::backdrop { background:rgb(9 30 52 / .48);backdrop-filter:blur(3px); }
.mbc-auth-modal[open] { display:flex;flex-direction:column; }
.mbc-auth-modal-toolbar { display:flex;flex:none;align-items:center;gap:16px;padding:8px 12px 8px 24px;border-bottom:1px solid #e8eef5; }
.mbc-auth-modal-toolbar h2 { flex:1;min-width:0;margin:0;font:600 17px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere; }
.mbc-auth-modal-close { display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer; }
.mbc-auth-modal-close span { font:400 30px/1 ui-sans-serif,system-ui,sans-serif; }
.mbc-auth-modal-close:hover { background:#eff5fb; }
.mbc-auth-modal-close:focus-visible,.mbc-auth-modal-fallback:focus-visible { outline:3px solid #0878f5;outline-offset:2px; }
.mbc-auth-modal-content { display:flex;flex-direction:column;min-height:0;overflow:hidden; }
.mbc-auth-modal-frame { display:block;flex:1 1 auto;width:100%;height:var(--auth-content-height,600px);min-height:0;border:0;visibility:hidden; }
.mbc-auth-modal.is-ready .mbc-auth-modal-frame { visibility:visible; }
.mbc-auth-modal-loading { margin:16px 24px;color:#536880;font:400 15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif; }
.mbc-auth-modal-loading[hidden],.mbc-auth-modal-fallback[hidden] { display:none; }
.mbc-auth-modal-fallback { margin:0 24px 16px;color:#0065d9;font-weight:600; }
html.mbc-auth-embed,html.mbc-auth-embed body { min-height:0;height:auto;background:#fff; }
html.mbc-auth-embed body,html.mbc-auth-embed body.auth-locked { overflow-y:auto!important;overflow-x:hidden; }
html.mbc-auth-embed #authScreen { position:relative!important;inset:auto!important;display:block!important;min-height:0!important;height:auto!important;padding:0!important;background:#fff!important;overflow:visible!important; }
html.mbc-auth-embed #authScreen .auth-card { width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:16px 24px 24px!important;border:0!important;border-radius:0!important;box-shadow:none!important; }
html.mbc-auth-embed #authScreen .auth-preferences { position:relative!important;inset:auto!important;margin:0 0 16px!important; }
html.mbc-auth-embed #authScreen .auth-brand { margin-top:0!important; }
html.mbc-auth-embed #appShell,html.mbc-auth-embed #billingGate,html.mbc-auth-embed #cloudStatus { display:none!important; }
@media(max-width:480px) {
  .mbc-auth-modal { width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);border-radius:16px; }
  .mbc-auth-modal-toolbar { padding-inline:16px 8px; }
  html.mbc-auth-embed #authScreen .auth-card { padding:12px 12px 20px!important; }
}
@media(prefers-reduced-motion:reduce) { .mbc-auth-modal { scroll-behavior:auto; } }
