/* Theme A: the same compact sign-in surface as the administration. */
body { margin:0;background:#fff;color:#102747;font:14px/1.45 'Segoe UI',Arial,sans-serif; }
.login-shell { min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;background:#fff;padding:36px 20px;box-sizing:border-box; }
.login-panel { width:100%;padding:0;background:#fff;display:flex;justify-content:center; }
.login-panel form { width:min(350px,100%);margin:0;padding:0; }
.login-panel .mobile-brand { display:block;margin:0 0 32px;text-align:center; }
.login-panel .mobile-brand img { display:inline-block;width:190px;height:auto;max-width:100%; }
.login-panel h2 { margin:0 0 24px;font-size:20px;font-weight:600;text-align:center; }
.login-panel label { display:block;margin:0 0 18px;font-size:13px;font-weight:500;color:#334a62; }
.login-panel input { width:100%;height:40px;margin-top:6px;padding:9px 11px;box-sizing:border-box;border:1px solid #bbcbdc;border-radius:3px;background:#fff;color:#102747;font:inherit;box-shadow:none; }
.login-panel input:focus { border-color:#005fe8;outline:2px solid #005fe822; }
.login-panel .password-wrap { display:block;position:relative; }
.login-panel .password-wrap input { padding-right:72px; }
.login-panel .password-wrap button { right:7px;top:50%;transform:translateY(-50%);font-size:12px;color:#0054c7; }
.login-panel .login-submit { width:100%;height:40px;margin-top:4px;padding:8px 14px;border:1px solid #005fe8;border-radius:3px;background:#005fe8;color:#fff;font:600 14px 'Segoe UI',Arial,sans-serif;box-shadow:none;text-align:center; }
.login-panel .login-submit:hover { background:#004cc0; }
.login-panel .login-submit:disabled { opacity:.65; }
.login-panel .login-message { margin:0 0 14px;min-height:0;font-size:13px; }
.login-panel button:focus-visible { outline:2px solid #005fe8;outline-offset:3px; }
@media(max-width:480px) { .login-shell { padding:24px; } .login-panel .mobile-brand { margin-bottom:28px; } }