/* Public authentication layout, measured at 1440 x 1000. */
body.auth-required .topbar,body.auth-pending .topbar,body.auth-pending .sidebar {display:none !important;}
body.auth-required .workspace,body.auth-required #app {background:transparent;}
body.auth-required {background:radial-gradient(ellipse at 50% 78%,#44336c 0,transparent 58%),radial-gradient(ellipse at 10% 10%,#17121d,transparent 65%),#08070b;}
body.auth-required::before {content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#77708b 1px,transparent 1.5px);background-size:24px 24px;mask-image:linear-gradient(115deg,transparent 35%,#000);opacity:.13;}
body.auth-required::after {content:"";position:fixed;left:-20vw;top:73vh;width:140vw;height:70vh;border-radius:50%;background:radial-gradient(ellipse at 50% 0,#211936,#08070b 52%);box-shadow:0 -2px 12px #b69cf088;pointer-events:none;}
body.auth-required .workspace {position:relative;z-index:1;}
body.auth-required .login-brand {display:flex;align-items:center;gap:20px;z-index:2;}
.login-brand svg {width:40px;height:40px;}
body.auth-required .console-login {width:422px;max-width:100%;padding:40px;transform:translateY(50px);background:linear-gradient(#1d1b23 65%,#2b263c);border:1px solid #3d3b48;color:#fff;}
.console-login .login-mark {height:40px;margin-bottom:20px;line-height:0;}
.console-login .login-mark svg {width:40px;height:40px;}
.console-login h1 {font:500 24px/30px 'Fira Sans',sans-serif;margin:0;}
.console-login>p {font:400 14px/17px 'Fira Sans',sans-serif;color:#9ba0ad;margin:10px 0 40px;}
.console-login .login-input-wrap {height:46px;border:1px solid #3e3c4d;border-radius:5px;background:#312e43;margin-bottom:20px;box-sizing:border-box;}
.console-login .login-input-wrap:focus-within {border-color:#9162ee;}
.console-login .login-input-wrap:nth-of-type(2) {margin-bottom:8px;}
.console-login .login-input-wrap input {height:44px;border:0;border-radius:4px;background:transparent;color:#fff;padding:12px 40px 12px 60px;box-shadow:none;}
.console-login input:focus {border:0;box-shadow:none;}
.console-login .login-input-icon {left:16px;top:8px;width:33px;height:28px;display:flex;align-items:center;border-right:1px solid #3e3c4d;}
.console-login .login-input-icon svg {width:18px;height:18px;}
.console-login #toggleLoginPassword {top:4px;right:8px;display:grid;place-items:center;}
.console-login #toggleLoginPassword svg {width:18px;height:18px;}
.console-login .login-reset {height:24px;padding:4px;font:400 13px/16px 'Fira Sans',sans-serif;color:#fff;margin:0 0 20px;}
.console-login button[type=submit] {width:100%;font:400 13px/16px 'Fira Sans',sans-serif;height:38px;background:linear-gradient(110deg,#6541c4,#8962e7);}
.console-login .login-access {margin:20px 0 0;font:400 14px/17px 'Fira Sans',sans-serif;color:#9ba0ad;}
.console-login .login-access button {padding:0;border:0;background:none;color:#fff;text-decoration:underline;font:inherit;cursor:pointer;}
body.auth-required .toast-group .toast.success {background:#29bd56;color:#3b4153;}
body.auth-required .toast-message {font:500 14px/17px 'Fira Sans',sans-serif;}
@media(max-width:600px){body.auth-required .login-brand {gap:12px;}body.auth-required .login-brand svg {width:28px;height:28px;}body.auth-required .console-login {padding:32px 24px;border-radius:28px;}}
@media(max-height:700px){body.auth-required #app {padding-top:100px;}body.auth-required .console-login {transform:none;margin:0;}}
.console-login .login-access button {width:auto;margin:0;display:inline;vertical-align:baseline;}
body.auth-required .app-shell {background:transparent;}
.console-login #loginUsername {padding-right:12px;}

/* Public login brand dimensions match the reference SVGs. */
body.auth-required .login-brand {top:50px;left:50px;}
.login-brand img {display:block;width:250px;height:44px;}
.console-login .login-mark img {width:45px;height:40px;}
@media(max-width:600px){body.auth-required .login-brand {top:24px;left:24px;}.login-brand img {width:190px;height:auto;}}

/* Fresh reference inputs are13px; mobile uses the mark inside the card only. */
.console-login .login-input-wrap input{font:400 13px/18px 'Fira Sans',sans-serif}
.console-login .login-policy{font:400 12px/17px 'Fira Sans',sans-serif;color:#9ba0ad;margin:12px 0 20px}
@media(max-width:600px){body.auth-required .login-brand{display:none}.console-login h1{font-size:18px;line-height:24px}body.auth-required .console-login{width:330px;padding:40px 16px;transform:none}.console-login>p{font-size:14px}.console-login .login-input-wrap input{padding-left:60px}}

/* Signup's reference card is centered independently of the login form offset. */
body.auth-required .signup-login{transform:none}
.signup-login .login-input-wrap input{padding-left:12px;padding-right:40px}
.signup-login .login-input-wrap:nth-of-type(2){margin-bottom:20px}
.signup-password-toggle{position:absolute;right:8px;top:4px;width:30px;height:36px;padding:6px;border:0;background:transparent;color:#9ba0ad;cursor:pointer}
.signup-password-toggle svg{width:18px;height:18px}
.signup-password-toggle:focus-visible{outline:2px solid #9162ee;outline-offset:1px}