/* BOTECH CTI — overrides de marca inyectados por Caddy (módulo replace-response).
   OpenCTI Community no permite CSS personalizado; lo añadimos a nivel de proxy.
   Objetivo: que el botón de acción y el fondo del login sigan el estilo del portal cliente.
   Paleta única de verdad: navy #000E5B / azul #052E66 / rojo #E21F11 (gradiente btn #E21F11→#9B2335). */

/* --- Botones de acción primarios: degradado rojo BOTECH tipo píldora (.btn-botech) --- */
.MuiButton-containedPrimary,
[data-testid="login-page"] button[type="submit"] {
  background-image: linear-gradient(45deg, #E21F11, #9B2335) !important;
  background-color: #E21F11 !important;
  border: 2px solid #E21F11 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  box-shadow: none !important;
  text-transform: none !important;
}
.MuiButton-containedPrimary:hover,
[data-testid="login-page"] button[type="submit"]:hover {
  background-image: linear-gradient(45deg, #c91a0e, #851d2d) !important;
}

/* --- Login: fondo degradado azul BOTECH en toda el área (como el portal) --- */
[data-testid="login-page"] {
  background: linear-gradient(135deg, #031953 0%, #0c2a7a 100%) !important;
}
/* Las dos columnas (formulario y aside) transparentes para que el degradado sea uniforme */
[data-testid="login-page"] > div {
  background: transparent !important;
  box-shadow: none !important;
}
/* Centrar el formulario: ocultar el panel derecho (vacío) y centrar la columna del form */
[data-testid="login-page"] {
  justify-content: center !important;
  align-items: center !important;
}
[data-testid="login-page"] > div:last-child {
  display: none !important;
}
[data-testid="login-page"] > div:first-child {
  flex: 0 1 auto !important;
  align-items: center !important;
  justify-content: center !important;
}
/* Botones del login ("Sign in" y "I forgot my password") en peso regular, no bold */
[data-testid="login-page"] button {
  font-weight: 400 !important;
}