/* =========================================================================
   AUTH REGISTER
   =========================================================================
   Extraido de app/Views/auth/register.php

   Estaba en un bloque <style> dentro de la vista: no se podia cachear y
   viajaba de nuevo en cada carga de pagina.
   ========================================================================= */

.password-field {
            position: relative;
        }

        .password-toggle {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
            color: rgba(255, 255, 255, 0.5);
            transition: color 0.2s;
            user-select: none;
        }

        .password-toggle:hover {
            color: rgba(255, 255, 255, 0.8);
        }

/* =========================================================================
   INVITACIÓN APLICADA
   =========================================================================
   Sólo se pinta cuando el formulario llega con un código de referido
   retenido (ver capturar_codigo_referido() en config/bootstrap.php). El color
   es el verde de «ganancia» del resto del panel, con el mismo criterio de
   contraste sobre el fondo oscuro de las páginas de acceso.
   ========================================================================= */

.ref-aplicado {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 1rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid rgba(16, 185, 129, 0.35);
    border-radius: 10px;
    background: rgba(16, 185, 129, 0.1);
    color: #34d399;
    font-size: 0.875rem;
    line-height: 1.35;
}

.ref-aplicado strong {
    color: #6ee7b7;
    letter-spacing: 0.03em;
}