/* Loaded only for the explicitly selected standalone login screen. */
html.mm-login-document { min-height: 100%; background: #f5f7fa; }
body.mm-login-page { min-height: 100vh; min-height: 100dvh; margin: 0; background: #f5f7fa; color: #172033; font-family: inherit; }
.mm-login-screen,
.mm-login-screen * { box-sizing: border-box; }
.mm-login-screen { display: grid; place-items: center; width: 100%; min-height: 100vh; min-height: 100dvh; padding: 64px 24px; font-family: inherit; }
.mm-login-screen__inner { width: 100%; max-width: 448px; min-width: 0; }
.mm-login-screen__heading { margin: 0 0 28px; text-align: center; }
.mm-login-screen__heading p { margin: 0 0 10px; color: #176fda; font-size: 12px; font-weight: 700; line-height: 1.5; letter-spacing: .12em; text-transform: uppercase; }
.mm-login-screen__heading h1 { margin: 0; color: #172033; font-family: inherit; font-size: 32px; font-weight: 700; line-height: 1.2; letter-spacing: -.025em; }
.mm-login-card { width: 100%; min-width: 0; padding: 32px; border: 1px solid #dfe5ee; border-radius: 12px; background: #fff; box-shadow: 0 8px 28px rgba(23,32,51,.045); }
@media (max-width: 480px) {
	.mm-login-screen { padding: 40px 22px; }
	.mm-login-screen__heading { margin-bottom: 24px; }
	.mm-login-screen__heading h1 { font-size: 28px; }
	.mm-login-card { padding: 24px 20px; }
}