/* Login con el diseño de TADA_Admin: formulario a la izquierda y red de nodos animada a la derecha.
   RHCloud usa Nifty (sin las clases auth-* de la plantilla de TADA_Admin), por eso se definen aquí. */
body.tada-login {
    background-color: #ffffff;
    background-image: none;
    font-family: "Poppins", sans-serif;
}

.auth-full-page-content {
    min-height: 100vh;
}

.auth-logo {
    color: #0f1b2d;
    text-decoration: none;
}

.auth-logo .logo-txt {
    color: #0f1b2d;
    font-size: 20px;
    font-weight: 500;
    vertical-align: middle;
}

.auth-logo:hover {
    color: #0f1b2d;
}

.auth-pass-inputgroup .btn {
    border: 1px solid #ced4da;
    border-left: 0;
    background-color: #f8f9fa;
    color: #6c757d;
}

.auth-pass-inputgroup .btn:hover,
.auth-pass-inputgroup .btn:focus {
    color: #0f1b2d;
}

/* Panel derecho del login: red de nodos animada */
.auth-bg.tada-auth-net {
    background-image: none;
    background-color: #0f1b2d;
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
}

.tada-auth-net canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.tada-auth-net .tada-auth-net-content {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 2rem;
    pointer-events: none;
}

.tada-auth-net .tada-auth-net-content img {
    max-height: 110px;
    margin-bottom: 1.25rem;
}

.tada-auth-net .tada-auth-net-content h2 {
    color: #ffffff;
    font-weight: 500;
    font-size: 2rem;
    margin-bottom: 0;
}

/* Botón de inicio de sesión con el turquesa del icono TADÁ (#3FE0D0).
   Bootstrap 5.1 no tiene las variables --bs-btn-*, se usan propiedades directas */
.btn.btn-tada {
    color: #0f1b2d;
    background-color: #3fe0d0;
    border-color: #3fe0d0;
    font-weight: 500;
}

.btn.btn-tada:hover {
    color: #0f1b2d;
    background-color: #2fc9ba;
    border-color: #2fc9ba;
}

.btn.btn-tada:focus,
.btn.btn-tada:active {
    color: #0f1b2d;
    background-color: #25b3a5;
    border-color: #25b3a5;
    box-shadow: 0 0 0 .25rem rgba(63, 224, 208, .5);
}

.form-control:focus {
    border-color: #3fe0d0;
    box-shadow: 0 0 0 .25rem rgba(63, 224, 208, .25);
}