body.login-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;height:auto;overflow:auto;background:#091a2d}
.login-page>.topbar{flex:0 0 auto;min-height:76px;padding:16px 32px;background:#0a1d31;flex-wrap:nowrap}
.login-page .header-right{width:auto;min-width:0}
.login-page .hostname{max-width:min(40vw,360px);color:#e9f1f8}
.login-page>.login-main{display:flex;flex:1;align-items:center;justify-content:center;padding:40px 20px;min-height:460px}
.login-card{width:430px;max-width:100%;padding:38px;background:#10263e;border:1px solid #2e4359;border-radius:10px;box-shadow:inset 0 0 0 2px #ffffff02,0 10px 30px #0000000a}
.login-card h1{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:0 0 28px;text-align:center;font-size:20px;font-weight:700;line-height:1.4;color:#dce5ef}
.login-card h1 .brand-cloud{margin-left:0}
.login-card label{display:block;margin-bottom:22px;font-size:12px;color:#c5d3e1}
.login-card input{display:block;width:100%;height:43px;margin-top:9px;padding:10px 12px;background:#0e2030;border:1px solid #455c70;border-radius:5px;color:#e9f1f8;outline:none}
.login-card input:focus{border-color:#8fcfe1;box-shadow:0 0 0 2px #8fcfe11a}
.login-card button{display:block;width:100%;height:41px;border:1px solid #86cadc;border-radius:5px;background:#8fd0e2;color:#102334;font-size:14px;font-weight:700;margin-top:28px}
.login-card button:hover:enabled{background:#a6ddeb}
#login-error{font-size:12px;line-height:1.6;color:#ff8e92;overflow-wrap:anywhere}
#login-error:empty{display:none}
.login-page>.login-footer{flex:0 0 auto;padding:20px;border-top:1px solid #20374d;background:#0a1d31}
.login-footer .copyright{width:100%;text-align:center;margin:0;line-height:2;font-size:11px;white-space:normal}
.password-fields{display:grid;gap:16px}.password-fields input{width:100%}.power-confirm-description{line-height:1.8;font-size:14px}.power-confirm-description strong{color:var(--red)}
@media(max-width:540px){.login-page>.topbar{padding:16px;gap:12px}.login-page .brand{gap:10px}.login-page .brand img{width:76px}.login-page .brand .brand-name{font-size:18.4px}.login-page .hostname{font-size:10px;max-width:34vw}.login-card{padding:30px 24px}.login-page>.login-main{min-height:410px}}

.login-page #login-clock{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:620px){.login-page .header-right{flex-direction:column;align-items:flex-end;gap:6px}.login-page #login-clock{font-size:10px}}

.login-page>.topbar{border-bottom-color:#20374d}

#takeover-dialog{width:min(440px,calc(100vw - 32px))}#takeover-message{font-size:14px;line-height:1.8}