/* Cortex Mail — brand layer on top of the Elastic skin */
body.task-login,
html.dark-mode body.task-login {
  background: #121225 url(waves.svg) center / cover no-repeat !important;
  color: #F4F3FB;
}
body.task-login #layout,
body.task-login #layout > div { background: transparent !important; }
body.task-login #logo { max-height: 96px; width: auto; margin-bottom: 1.5rem; }
body.task-login #login-form .form-control,
body.task-login #login-form .input-group-text {
  background: rgba(255, 255, 255, .06) !important;
  border-color: rgba(255, 255, 255, .16) !important;
  color: #F4F3FB !important;
}
body.task-login #login-form .form-control::placeholder { color: #9A9BB5; }
body.task-login #login-footer,
body.task-login #login-footer a { color: #9A9BB5 !important; }

/* primary actions everywhere */
.btn-primary,
.btn.btn-primary,
#login-form .btn-primary {
  background: linear-gradient(90deg, #97CCE0, #7F9DEB) !important;
  border: 0 !important;
  color: #0b0b1c !important;
  font-weight: 700;
}
.btn-primary:hover { filter: brightness(1.06); }
a, .menu a.selected, .listing li.selected > a { color: #5f8fd6; }
html.dark-mode a { color: #97CCE0; }