/* Identidad visual de SEUS Mail.  Se carga después del tema Elastic. */
:root {
  --seus-primary: #7448f5;
  --seus-primary-dark: #4e24c7;
  --seus-accent: #25c3b0;
  --seus-ink: #15112b;
}

body.task-login {
  background:
    radial-gradient(circle at 12% 14%, rgba(116, 72, 245, .38), transparent 32rem),
    radial-gradient(circle at 87% 88%, rgba(37, 195, 176, .24), transparent 27rem),
    var(--seus-ink);
}

body.task-login #layout {
  border-radius: 18px;
  box-shadow: 0 22px 65px rgba(5, 3, 18, .36);
}

body.task-login #layout > h1 img {
  max-height: 68px;
  width: auto;
}

.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background-color: var(--seus-primary);
  border-color: var(--seus-primary);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--seus-primary-dark);
  border-color: var(--seus-primary-dark);
  box-shadow: 0 0 0 .2rem rgba(116, 72, 245, .25);
}

.form-control:focus,
.custom-select:focus {
  border-color: var(--seus-primary);
  box-shadow: 0 0 0 .2rem rgba(116, 72, 245, .18);
}

#taskmenu a.button.selected,
#taskmenu a.button:hover,
.listing li.selected,
.listing tr.selected td {
  background-color: var(--seus-primary);
}