/* Screenshot-inspired login, independent of portal typography. */
.signed-out{background:#171d25}
#login{min-height:100vh;min-height:100dvh;padding:30px 20px;display:flex;align-items:center;justify-content:center;background:#20262e url('login-desk.svg') center center/cover no-repeat;position:relative;isolation:isolate}
#login:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 2px,#0002 2px 3px),repeating-linear-gradient(90deg,transparent 0 2px,#0002 2px 3px);pointer-events:none}
.login-card{width:540px;max-width:100%;min-height:435px;padding:63px 71px 64px;background:rgba(38,44,55,.93);border:0;border-radius:0;box-shadow:0 15px 38px #0003;position:relative;transform:translateY(-6vh);overflow:visible}
.login-language{position:absolute;right:35px;top:28px;color:#fff;font:700 18px Arial,sans-serif;display:flex;align-items:center;gap:7px}
.login-brand{padding:0;margin:0 0 39px;background:transparent;justify-content:flex-start;gap:17px;font:400 30px Arial,sans-serif;letter-spacing:.6px;white-space:nowrap;color:#27bac9}
.login-brand b{font-weight:600;color:#dce4ee}
.login-brand>.brand-logo{width:58px;height:58px}
.login-card .login-input{display:flex;align-items:center;position:relative;margin:0 0 24px;height:45px;background:#fff;border-radius:4px;border:1px solid #d4d9e1;overflow:hidden}
.login-input svg{position:absolute;left:15px;top:12px;width:18px;height:19px;fill:#3d495a;pointer-events:none}
.login-card .login-input input{font:14px Arial,sans-serif;color:#4c5c73;background:white;border:0;border-radius:0;width:100%;height:100%;margin:0;padding:12px 15px 12px 49px;outline-offset:-3px}
.login-input input::placeholder{color:#617590;opacity:1}
.login-card .login-submit{display:block;width:100%;height:52px;margin-top:44px;border-radius:3px;background:#289fac;color:#fff;font:700 16px Arial,sans-serif;letter-spacing:.25px;transition:background .15s}
.login-card .login-submit:hover{background:#24adbd}
.login-card .login-submit:disabled{opacity:.55;cursor:default}
.login-card .form-error{font:13px/1.4 Arial,sans-serif;color:#ffb5bb;margin:8px 0 -25px;max-width:100%}
.login-card .form-error:empty{display:none}
.login-language span{font-size:23px;line-height:1}
@media(max-width:600px){#login{padding:20px 16px}.login-card{min-height:0;padding:72px 28px 46px;transform:translateY(-3vh)}.login-brand{font-size:clamp(18px,4.7vw,27px);gap:12px;margin-bottom:35px}.login-brand>.brand-logo{width:46px;height:46px}.login-language{right:24px;top:23px;font-size:15px}.login-language span{font-size:20px}}
@media(max-height:520px){#login{align-items:flex-start}.login-card{transform:none;margin:10px 0}}

.owner-setup-form label{display:block;color:#dce4ee;font-size:13px;margin:14px 0}.owner-setup-form input{margin-top:6px}.setup-title{color:#dce4ee!important;font-size:20px!important}.setup-help,.server-message{color:#dce4ee;font-size:13px;line-height:1.6}.owner-setup-form .login-submit{margin-top:30px}.legacy-import{padding:16px;border:1px solid #bed9df;background:#eff7f8;margin:20px 0}.legacy-import p{font-size:13px}