/* ===================================================
   estilos-micuenta.css
   Estilos compartidos del módulo de cuentas (login,
   registro, reseteo de contraseña).
   =================================================== */

/* Texto de error (override del color de Bootstrap) */
.text-danger {
    color: #fc5b16 !important;
}

/* Checkbox dentro de login-card */
.login-card input[type="checkbox"] {
    width: auto;
    height: auto;
    display: inline-block;
    padding: 0;
    font-size: inherit;
    vertical-align: middle;
}

/* Segmented control legajo / contraseña */
.login-toggle-group {
    display: flex;
    width: 100%;
    margin-bottom: 14px;
    border-radius: 8px;
    overflow: hidden;
    border: 1.5px solid #95C11F;
}

.login-toggle-btn {
    flex: 1;
    border: none;
    background: #ffffff;
    color: #95C11F;
    padding: 8px 0;
    font-weight: 600;
    font-size: 0.92rem;
    letter-spacing: 0.01em;
    cursor: pointer;
    transition: background .18s ease, color .18s ease;
}

.login-toggle-btn:first-child {
    border-right: 1px solid #95C11F;
}

.login-toggle-btn.active {
    background: #95C11F;
    color: #ffffff;
}

.login-toggle-btn:focus { outline: none; }

/* Anular el margin-top global de .login-card button */
.login-toggle-btn,
.login-toggle-btn:first-child,
.login-toggle-group .login-toggle-btn {
    margin-top: 0 !important;
}

/* Corregir margin-top del botón de submit en mobile */
@media (max-width: 991px) {
    .form-login .btn-action {
        margin-top: 1.25rem !important;
    }
}

/* Wrapper campo contraseña con ojo */
.input-password-wrapper {
    position: relative;
}

.input-password-wrapper input {
    padding-right: 2.5rem;
}

.toggle-password-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #888;
    padding: 0;
    line-height: 1;
}

.toggle-password-btn:focus { outline: none; }