/* The retained workspace is inert while the sign-in card is in the top layer. */
body.session-locked{overflow:hidden}
body.session-locked #app{pointer-events:none;user-select:none}
body.session-locked #modal::backdrop,dialog.login-dialog::backdrop{background:#070b18ad;backdrop-filter:blur(14px) saturate(.72);-webkit-backdrop-filter:blur(14px) saturate(.72)}
dialog.login-dialog{width:min(456px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:0;background:linear-gradient(145deg,#20172af5,#0d1a2ef5);border:1px solid #5d6179;border-radius:0;box-shadow:0 28px 95px #0006;color:#f0edf7}
.login-dialog .dialog-head{border:0;padding:30px 34px 26px;gap:16px}
.login-dialog .brand{gap:12px;min-width:0}
.login-dialog .brand .logo{width:30px;height:36px}
.login-dialog .brand-name{font-size:12px;color:#a6dff4;line-height:1.5}
.login-dialog .brand-name small{font-size:9px;letter-spacing:.6px}
.login-dialog .login-language{padding:6px 10px;min-height:34px;flex-shrink:0}
.login-dialog .dialog-body{display:block;padding:0 34px 26px}
.login-dialog h1{font-size:30px;margin:8px 0;line-height:1.3}
.login-dialog .eyebrow{font-size:11px}
.login-intro{font-size:13px;line-height:1.7;color:#aaafc4;margin-bottom:26px}
.login-dialog .field{display:block;font-size:12px;color:#b6c8de;margin:0 0 18px}
.login-dialog .field input{margin-top:7px;min-height:45px;font-size:14px}
.login-links{display:flex;justify-content:flex-end;margin:-7px 0 17px}
.login-links button{padding:0 0 3px;min-height:30px;border:0;color:#a6dff4}
.login-submit,.login-dialog button[type=submit]{width:100%;min-height:48px}
.login-disconnected{font-size:12px;color:#e8c787;margin-top:16px}
.login-demo{display:block;margin-top:12px;font-size:10px;color:#91a2b7}
.login-dialog .form-message:not(:empty){margin-top:12px}
.login-dialog .consent{margin:16px 0}
.login-dialog .password-help{margin:16px 0}
.login-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #443b55;margin-top:24px;padding-top:17px;font-size:10px;color:#8399b2}
.login-footer button{border:0;padding:0;min-height:30px;color:#a6dff4}
@media(max-width:480px){.login-dialog .dialog-head{padding:25px 24px 24px}.login-dialog .dialog-body{padding:0 24px 20px}.login-dialog h1{font-size:28px}.login-dialog .brand-name{font-size:11px}.login-dialog .brand-name small{font-size:8px}.login-dialog .login-language{padding:5px 8px}.login-dialog .field{margin-bottom:16px}}
@media(prefers-reduced-transparency:reduce){dialog.login-dialog{background:#141c2d}dialog.login-dialog::backdrop,body.session-locked #modal::backdrop{background:#080d19ed;backdrop-filter:none}}