/* IT Solutions — Elastic 1.6. Keep message content and editor colours intact. */
:root { --its-navy:#071b2b; --its-cyan:#00c9e9; --its-teal:#00c7ae; --its-ink:#16334b; }
html body.task-login { background:radial-gradient(ellipse at 15% 10%,#123e52,transparent 60%),linear-gradient(140deg,#071b2b,#0d263c)!important; }
html body.task-login #layout { background:transparent!important; }
html body.task-login #layout-content { background:transparent!important; display:flex!important; flex-direction:column; align-items:center; justify-content:center; min-height:100vh; padding:30px 18px!important; box-sizing:border-box; }
html body.task-login .its-brand { display:none!important; }
html body.task-login #logo { display:block!important; width:210px!important; height:210px!important; max-width:60vw!important; max-height:none!important; object-fit:contain; margin:0 auto 24px!important; border-radius:25px; box-shadow:0 15px 50px #0003; }
html body.task-login #login-form { width:100%!important; max-width:400px!important; margin:0!important; padding:30px!important; background:#fff!important; color:var(--its-ink)!important; border:1px solid #dce8ed; border-radius:20px; box-shadow:0 24px 70px #0004; box-sizing:border-box; }
html body.task-login #login-form .form-control { background:#f3f7fa!important; color:#16334b!important; border-color:#cddde6!important; min-height:48px; font-size:16px; }
html body.task-login #login-form .input-group-text { background:#edf3f7!important; color:#486579!important; border-color:#cddde6!important; }
html body.task-login #login-form label { color:#334b62!important; }
html body.task-login #login-footer { color:#627b8c!important; margin-top:22px!important; text-align:center; }
html body.task-login #login-footer a { color:#00717d!important; }
html body.task-login #login-form button.submit { background:linear-gradient(110deg,#00c9e9,#00c7ae)!important; color:#062334!important; min-height:48px; border:0!important; border-radius:10px!important; font-weight:700; }
html body:not(.task-login) #layout-menu,
html body:not(.task-login) #layout-menu .popover-header { background:#071b2b!important; border-color:#16364a!important; }
html body:not(.task-login) #layout-menu #logo { display:block!important; width:64px!important; height:64px!important; max-height:64px!important; object-fit:contain; margin:10px auto!important; border-radius:10px; }
html body:not(.task-login) #taskmenu a { color:#c4d9e8!important; }
html body:not(.task-login) #taskmenu a:hover,
html body:not(.task-login) #taskmenu a.selected { color:#55e4df!important; background:#123a4d!important; }
html body:not(.task-login) #taskmenu a.compose { background:linear-gradient(135deg,#00c9e9,#00c7ae)!important; color:#062334!important; }
html body:not(.task-login) #layout-sidebar>.header,
html body:not(.task-login) #layout-list>.header,
html body:not(.task-login) #layout-content>.header { background:#102d43!important; color:#e7f5fc!important; border-color:#23495f!important; }
html body:not(.task-login) #layout-sidebar>.header a,
html body:not(.task-login) #layout-list>.header a,
html body:not(.task-login) #layout-content>.header a { color:#e7f5fc!important; }
html:not(.dark-mode) body:not(.task-login) #layout-sidebar { background:#f0f6f9!important; }
html:not(.dark-mode) #mailboxlist li.selected>a { background:#d6f4f0!important; color:#075d65!important; box-shadow:inset 3px 0 #009eac; }
html:not(.dark-mode) .messagelist tr.selected td { background:#dff4f5!important; color:#173c4a!important; }
html body:not(.task-login) .btn-primary { background:#087e8b!important; border-color:#087e8b!important; color:#fff!important; }
html body:not(.task-login) .btn-primary:hover { background:#066571!important; border-color:#066571!important; }
html body .form-control:focus { border-color:#079da9!important; box-shadow:0 0 0 3px #079da928!important; }
html body button:focus-visible,html body a:focus-visible { outline:3px solid #008d99; outline-offset:3px; }
@media(max-width:480px) { html body.task-login #logo { width:156px!important; height:156px!important; margin-bottom:18px!important; } html body.task-login #login-form { padding:24px 20px!important; } }