/* Correo Sottcor — colores de la marca sobre Elastic (turquesa #009C94 y azul marino #12203A, los mismos del Drive). */

/* ---------- Pantalla de entrada ---------- */
html body.task-login,
html.dark-mode body.task-login {
  background-color: #12203A;
}
html body.task-login #layout-content,
html.dark-mode body.task-login #layout-content {
  background: transparent;
}
/* Elastic ya centra el formulario (width 95 %, max-width 320px): solo se le da forma de tarjeta */
html body.task-login #login-form {
  box-sizing: border-box;
  max-width: 360px;
  background: #ffffff;
  color: #1d2733;
  border-radius: 14px;
  padding: 1.75rem 1.5rem 1.25rem;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .35);
}
html.dark-mode body.task-login #login-form {
  background: #1b2738;
  color: #e6edf3;
}
html body.task-login #logo,
html.dark-mode body.task-login #logo {
  opacity: 1;
  box-sizing: border-box;
  max-width: min(300px, 80vw);
  max-height: 110px;
  background: #ffffff;
  border-radius: 14px;
  padding: .8rem 1.3rem;
}
html body.task-login #login-footer {
  color: rgba(255, 255, 255, .7);
}

/* ---------- Botones principales y foco ---------- */
.btn-primary,
.button.mainaction,
a.button.mainaction,
button.mainaction,
.formbuttons .mainaction {
  background-color: #009C94 !important;
  border-color: #009C94 !important;
  color: #ffffff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.button.mainaction:hover,
a.button.mainaction:hover,
button.mainaction:hover {
  background-color: #007f78 !important;
  border-color: #007f78 !important;
}
.form-control:focus,
.custom-select:focus {
  border-color: #009C94 !important;
  box-shadow: 0 0 0 .2rem rgba(0, 156, 148, .25) !important;
}

/* ---------- Menú lateral (modo claro; en modo oscuro queda el de Elastic) ---------- */
html:not(.dark-mode) #layout-menu,
html:not(.dark-mode) #layout-menu .popover-header,
html:not(.dark-mode) #layout-menu .special-buttons {
  background-color: #12203A;
}
#layout-menu .menu a.selected,
#layout-menu .menu a:hover,
#layout-menu .menu a:focus {
  color: #4fd1c8 !important;
}