/* Extend Elastic's layout; its responsive controls and mailbox behavior remain native. */
body.task-login{background:radial-gradient(ellipse at 25% 5%,#394258 0,transparent 48%),linear-gradient(145deg,#10131b,#232936);color:#dbe3f1;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box}
body.task-login #layout{width:100%;min-height:0;background:transparent}
body.task-login #layout-content{position:relative;flex:none;width:100%;max-width:440px;height:auto;min-height:0;margin:0 auto;padding:38px 34px 26px;border:1px solid #46516a;border-radius:18px;background:#202633;box-shadow:0 24px 75px #0005;color:#dbe3f1;box-sizing:border-box}
body.task-login #logo{display:block;width:auto;max-width:240px;max-height:68px;margin:0 auto 28px}
body.task-login form{width:100%;margin:0}
body.task-login .form-group{margin-bottom:20px}
body.task-login label,body.task-login .input-group-text{color:#cbd7e9;background:transparent;border-color:#46516a}
body.task-login .form-control{min-height:46px;border:1px solid #46516a;border-radius:6px;background:#151b26;color:#f0f5ff;box-shadow:none}
body.task-login .form-control::placeholder{color:#98a8c0}
body.task-login .form-control:focus{border-color:#68c9f3;box-shadow:0 0 0 3px #68c9f326}
body.task-login .btn-primary{min-height:45px;border:1px solid #279bd3;border-radius:6px;background:#1684b8;color:#fff;font-weight:500;box-shadow:none}
body.task-login .btn-primary:hover{background:#1c97ce}
body.task-login #login-footer,body.task-login #login-footer a,body.task-login .footer{color:#acbbd1}
body.task-login a{color:#84d5fa}
body.task-login #message .error,body.task-login .alert-danger{color:#ffe1e3;background:#653540;border-color:#b76b78}
body:not(.task-login) #layout-menu{background:#1c2432;color:#dbe3f1}
body:not(.task-login) #layout-menu a{color:#dbe3f1}
body:not(.task-login) #layout-menu a.selected,body:not(.task-login) #layout-menu a:hover{background:#334459;color:#fff}
body:not(.task-login) #layout-menu #logo{max-width:85%;height:auto}
@media(max-width:480px){body.task-login{padding:14px}body.task-login #layout-content{padding:28px 22px 22px;border-radius:12px}body.task-login #logo{max-width:210px}}