.mg-mfa-card{margin-top:0!important;margin-bottom:24px!important;color:var(--mg-ink);}
.mg-mfa-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px;}
.mg-mfa-heading>div{flex:1;min-width:0;}.mg-mfa-heading h2{font-size:21px;letter-spacing:-.5px;margin:0 0 7px;font-weight:650;line-height:1.3;}
.mg-mfa-heading p,.mg-mfa-description{font-size:12px;line-height:1.8;color:var(--mg-muted);margin:0 0 20px;}
.mg-mfa-shield{width:42px;height:42px;flex:none;border-radius:13px;background:var(--mg-selected);display:grid;place-items:center;}
.mg-mfa-shield::before{content:"";width:22px;height:22px;background:var(--mg-brand);mask:url("../../skins/megletters-v3-2/images/icons/lock.svg") center/contain no-repeat;-webkit-mask:url("../../skins/megletters-v3-2/images/icons/lock.svg") center/contain no-repeat;}
.mg-mfa-status{padding:6px 9px;border-radius:7px;font-size:10px;line-height:1.4;white-space:nowrap;color:var(--mg-muted);background:var(--mg-field);border:1px solid var(--mg-line);}
.mg-mfa-status.is-on{color:#398c74;background:#43a98a12;border-color:#43a98a35;}
html.dark-mode .mg-mfa-status.is-on{color:#8dccb8;}
html body .mg-mfa-form{max-width:540px;margin:0!important;padding:0!important;text-align:left;}
html body .mg-mfa-form label{display:block;font-size:12px;color:var(--mg-muted);line-height:1.5;margin:0 0 8px;}
html body .mg-mfa-form input:not([type=hidden]){display:block!important;width:100%!important;max-width:none!important;height:46px!important;margin:0 0 20px!important;padding:11px 14px!important;border:1px solid var(--mg-line)!important;border-radius:11px!important;background:var(--mg-field)!important;color:var(--mg-ink)!important;-webkit-text-fill-color:var(--mg-ink)!important;font-size:14px;box-sizing:border-box;caret-color:var(--mg-brand);}
html body .mg-mfa-form input:focus{outline:0!important;border-color:var(--mg-focus)!important;box-shadow:0 0 0 3px #9279dc18!important;}
html body .mg-mfa-form button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px!important;min-height:42px;padding:11px 17px!important;line-height:1.4;font-size:12px;font-weight:600;box-shadow:none!important;margin:0 0 10px;}
html body .mg-mfa-secondary{display:inline-flex;border:1px solid var(--mg-line)!important;border-radius:10px;background:var(--mg-field)!important;color:var(--mg-muted)!important;font-size:12px;padding:10px 15px!important;}
.mg-mfa-notice{border:1px solid #9279dc35;border-left:3px solid var(--mg-brand);border-radius:11px;background:var(--mg-selected);color:var(--mg-ink);padding:13px 15px;font-size:12px;line-height:1.8;margin-bottom:22px;}
.mg-mfa-setup{display:grid;grid-template-columns:208px minmax(0,1fr);gap:23px;align-items:center;margin:0 0 26px;}
.mg-mfa-qr{width:208px;height:208px;display:grid;place-items:center;background:#fff;border:1px solid #e9e5f0;border-radius:16px;padding:13px;box-sizing:border-box;}
.mg-mfa-qr>canvas,.mg-mfa-qr>img{max-width:180px;max-height:180px;}
.mg-mfa-setup h3,.mg-mfa-recovery h3{font-size:16px;margin:0 0 12px;font-weight:600;}
.mg-mfa-setup p,.mg-mfa-recovery p,.mg-mfa-danger p{font-size:12px;line-height:1.8;color:var(--mg-muted);margin:0 0 16px;}
.mg-mfa-setup label{font-size:10px;color:var(--mg-muted);margin-bottom:7px;}
.mg-mfa-secret{display:block;overflow-wrap:anywhere;background:var(--mg-field);border:1px solid var(--mg-line);color:var(--mg-ink);border-radius:9px;padding:11px;font-size:11px;letter-spacing:.4px;margin-bottom:10px;user-select:all;}
.mg-mfa-small{display:block;font-size:10px!important;color:var(--mg-muted);margin-top:6px;}
.mg-mfa-recovery{padding:22px;border:1px solid var(--mg-line);border-radius:14px;background:var(--mg-field);margin-bottom:24px;}
.mg-mfa-codes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;}
.mg-mfa-codes code{font-size:12px;letter-spacing:1px;color:var(--mg-ink);user-select:all;}
.mg-mfa-danger{border-top:1px solid var(--mg-line);margin-top:24px;padding-top:20px;}
.mg-mfa-danger summary{cursor:pointer;font-size:12px;color:var(--mg-muted);margin-bottom:20px;}
html body .mg-mfa-danger-button{background:#cc637512!important;border:1px solid #cc637540!important;color:#bd5e70!important;}
html body .mg-mfa-auth{position:fixed;inset:0;display:grid;place-items:center;overflow:auto;background:var(--mg-bg);padding:28px;z-index:100;}
.mg-mfa-auth-card{width:100%;max-width:440px;border:1px solid var(--mg-line);border-radius:23px;background:var(--mg-panel);padding:38px;box-shadow:0 20px 80px #0000000a;box-sizing:border-box;}
.mg-mfa-logo{width:44px;height:44px;display:block;margin-bottom:27px;}
.mg-mfa-kicker{font-size:9px;letter-spacing:1.4px;color:var(--mg-muted);}
.mg-mfa-auth h1{font-size:29px;line-height:1.25;letter-spacing:-1px;color:var(--mg-ink);margin:12px 0 14px;font-weight:650;}
.mg-mfa-auth-card>p{font-size:12px;line-height:1.8;color:var(--mg-muted);}
.mg-mfa-account{display:block;font-size:12px;font-weight:550;color:var(--mg-ink);overflow-wrap:anywhere;padding:12px 0 25px;}
html body .mg-mfa-auth .mg-mfa-form button{width:100%;}
.mg-mfa-exit{display:block;text-align:center;margin-top:13px;font-size:11px;color:var(--mg-muted);}
@media(max-width:760px){.mg-mfa-heading{gap:10px;flex-wrap:wrap;}.mg-mfa-heading h2{font-size:19px;}.mg-mfa-status{margin-left:52px;}.mg-mfa-setup{grid-template-columns:1fr;gap:20px;}.mg-mfa-qr{justify-self:center;}.mg-mfa-codes{grid-template-columns:1fr;}.mg-mfa-auth-card{padding:28px;}.mg-mfa-auth h1{font-size:27px;}}
@media(max-width:760px){.mg-mfa-heading{display:grid!important;grid-template-columns:42px minmax(0,1fr);}.mg-mfa-heading>.mg-mfa-status{grid-column:2;justify-self:start;margin-left:0!important;}.mg-mfa-heading p{margin-bottom:5px;}}
