/* Here, the content of the common custom CSS defined into Home - Setup - Display - CSS*/
/* =========================================================
 LOGIN (Dolibarr) - Limpieza UI + 2FA + Password
 ========================================================= */

/* 1) Ocultar títulos (si no son necesarios) */
h3 {
 display: none !important;
}

/* 2) Campo de código 2FA */
label[for="securitycode"] {
 display: block;
 text-align: center;
 margin-bottom: 0.5rem;
}

#securitycode {
 display: block;
 margin: 0 auto 1rem;
 width: 100%;
 max-width: 280px;
 box-sizing: border-box;
}

/* 3) Ajustes de campos de contraseña */
div.password {
 position: relative;
}

/* Cuando el tema envuelve el input en .password */
div.password input[type="password"],
div.password input[type="text"] {
 width: 100%;
 padding-right: 48px !important; /* reserva de espacio (aunque ocultemos el ojo) */
 box-sizing: border-box;
}

/* Cuando NO existe el contenedor .password */
#password,
input[name="password"] {
 padding-right: 48px !important;
 box-sizing: border-box;
 line-height: 1.2;
}

/* 4) Ocultar icono "ojo" (mostrar/ocultar contraseña) */
.login_table td {
 position: relative !important; /* referencia posicional dentro de la celda */
}

.login_table .fa-eye,
.login_table .fa-eye-slash,
.login_table i.fa-eye,
.login_table i.fa-eye-slash,
#password + .fa,
#password + span.fa,
input[name="password"] + .fa,
input[name="password"] + span.fa {
 display: none !important;
}

/* Neutralizar estilos del icono si el tema aplica foco */
input[name="password"]:focus + .fa {
 color: inherit !important;
}

/* 5) Ocultar "Powered by" (link + logo) */
a.poweredbyhref,
a.poweredbyref,
img.poweredbyimg,
.poweredby,
#poweredby,
.footerpoweredby {
 display: none !important;
 visibility: hidden !important;
}