@import url('../styleRouter.css');

/* Estructura general para páginas de login/recover/etc. */
html{
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  background-color: var(--background);
  overflow-y: auto;
  overflow-x: hidden;
}
body{
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible;
}

/* Contenedor raíz y fila a pantalla completa */
#loginLayout{
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100vh;
  padding: 0 !important;
  margin: 0 !important;
}
#loginLayout > .row{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Mitad derecha con fondo + cover */
#rightPanel{
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}
#rightPanel::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    var(--accentPrimary)
    url('/resources/img/base-background.png')
    center center / cover no-repeat;
  z-index: 0;
}
#rightPanel > *{ position: relative; z-index: 1; }

/* Enlaces de recuperar/ayuda */
#forgetPasswordText{
  color: var(--accentOnPrimaryContainer);
  font-family: 'fontStdLight' !important;
  font-size: 14px;
}
#forgetPasswordLink{
  color: var(--accentPrimary);
  font-family: 'fontStdBold' !important;
  font-size: 14px;
}