/* Vayon Mail: cores da Vayon por cima do Elastic (tinta #1a1a1b, destaque #ff6b3d; sem violeta). */
:root {
  --vayon-ink: #1a1a1b;
  --vayon-pulse: #ff6b3d;
  --vayon-pulse-strong: #e5532a;
}

.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:focus,
.btn.btn-primary.submit {
  background-color: var(--vayon-ink);
  border-color: var(--vayon-ink);
}

.btn-primary:hover {
  background-color: #3e3d3d;
  border-color: #3e3d3d;
}

a,
.listing li.selected > a,
#layout-menu .menu a.selected,
#layout-menu .menu a:hover {
  color: var(--vayon-pulse-strong);
}

.listing li.selected,
.listing tr.selected td,
.records-table tr.selected td {
  background-color: rgba(255, 107, 61, 0.12);
}

#layout-menu .compose,
#layout-menu a.compose {
  background-color: var(--vayon-pulse);
  border-color: var(--vayon-pulse);
  color: #ffffff;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
  border-color: var(--vayon-pulse);
  box-shadow: 0 0 0 0.2rem rgba(255, 107, 61, 0.25);
}

/* Tela de login: logo maior e fundo neutro. */
#login-form #logo {
  max-width: 220px;
  margin-bottom: 1.5rem;
}

body.task-login {
  background-color: #f7f7f6;
}