/* Campo senha + botão olho (mostrar / ocultar) — usado com password-toggle.js */
.password-toggle-wrap {
    position: relative;
}

.password-toggle-wrap > input.form-control,
.password-toggle-wrap > input.form-control-sm {
    padding-right: 2.5rem;
}

.password-toggle-wrap:has(> input.form-control-sm) .password-toggle-btn {
    width: 1.95rem;
    height: 1.95rem;
    right: 0.2rem;
}

.password-toggle-btn {
    position: absolute;
    right: 0.35rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: none;
    border-radius: 0.35rem;
    background: transparent;
    color: #64748b;
    line-height: 1;
    cursor: pointer;
}

.password-toggle-btn:hover {
    color: #0f172a;
    background: rgba(15, 23, 42, 0.06);
}

.password-toggle-btn:focus-visible {
    outline: 2px solid rgba(13, 110, 253, 0.45);
    outline-offset: 1px;
}

.password-toggle-wrap--dark .password-toggle-btn {
    color: rgba(226, 232, 240, 0.75);
}

.password-toggle-wrap--dark .password-toggle-btn:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

.password-toggle-wrap--dark .password-toggle-btn:focus-visible {
    outline-color: rgba(147, 197, 253, 0.7);
}