/* NOBTI password show/hide — RTL-friendly eye control */
.nobti-password-field {
    position: relative;
    width: 100%;
    display: block;
}

.nobti-password-field input[type="password"],
.nobti-password-field input[type="text"] {
    width: 100%;
    padding-inline-start: 15px;
    padding-inline-end: 52px;
}

.nobti-password-eye {
    position: absolute;
    inset-inline-end: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #f8fafc;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    -webkit-tap-highlight-color: transparent;
}

.nobti-password-eye:hover {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #2563eb;
}

.nobti-password-eye:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.25);
}

.nobti-password-eye:active {
    transform: translateY(-50%) scale(0.96);
}

.nobti-password-eye-icon {
    font-size: 1.15rem;
    pointer-events: none;
    user-select: none;
}

.nobti-password-eye.is-visible {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

/* Admin login (Bootstrap) */
.admin-login-card .nobti-password-field .form-control {
    padding-inline-end: 3.25rem;
}

.admin-login-card .nobti-password-eye {
    inset-inline-end: 4px;
}