/* AMF 2FA FIX8 LITE: one profile control + inline login OTP + password visibility. No popup, no sidebar/menu changes. */
.amf-2fa-profile-inline-fix4{margin:14px 0;padding:14px 16px;border:1px solid #d8e4f0;border-radius:12px;background:#f8fbff;color:#17324f}
.amf-2fa-profile-row-fix4{display:flex;align-items:center;justify-content:space-between;gap:16px}
.amf-2fa-profile-row-fix4 strong{display:block;font-size:14px;font-weight:800;color:#17324f}
.amf-2fa-profile-row-fix4 small{display:block;margin-top:4px;color:#6b7f93;font-size:12px;line-height:1.45}
.amf-2fa-toggle-fix4,.amf-2fa-disable-otp-fix4 button{border:0;border-radius:9px;background:#0d67b5;color:#fff;font-weight:800;padding:9px 14px;cursor:pointer;white-space:nowrap}
.amf-2fa-toggle-fix4[data-enabled="1"]{background:#b42318}
.amf-2fa-toggle-fix4[data-enabled="1"]:hover:not(:disabled){background:#991b1b}
.amf-2fa-toggle-fix4:disabled,.amf-2fa-disable-otp-fix4 button:disabled{opacity:.55;cursor:not-allowed}
.amf-2fa-status-fix4{margin-top:8px;color:#47627c;font-size:12px;font-weight:700}
.amf-2fa-status-fix4[data-enabled="1"]{color:#176b30}
.amf-2fa-status-fix4[data-error="1"]{color:#a31f1f}
.amf-2fa-disable-otp-fix4{display:flex;gap:8px;margin-top:12px}
.amf-2fa-disable-otp-fix4[hidden]{display:none!important}
.amf-2fa-disable-otp-fix4 input{flex:1;min-width:0;height:40px;border:1px solid #c8d7e6;border-radius:9px;padding:0 12px;font:inherit;letter-spacing:.08em;background:#fff;color:#17324f}

/* During the OTP step, hide only the original login form controls. The OTP UI
   remains inside the existing login card/pondasi instead of opening an overlay. */
.amf-2fa-login-form-active-fix7 > button[type="submit"]{display:none!important}
.amf-2fa-login-form-active-fix7 input[type="email"],.amf-2fa-login-form-active-fix7 input[type="password"]{opacity:.78}
.amf-2fa-login-inline-fix7{display:grid;gap:10px;width:100%;margin:4px 0 0;padding:14px;border:1px solid #cfe0f3;border-radius:12px;background:#f8fbff;color:#17324f;box-sizing:border-box}
.amf-2fa-login-inline-title-fix7{font-size:13px;font-weight:800;color:#17324f;text-align:left}
.amf-2fa-login-inline-hint-fix7{font-size:12px;line-height:1.55;color:#64748b;text-align:center;margin-bottom:2px}
.amf-2fa-login-inline-code-fix7{width:100%;height:48px;border:1px solid #cbd5e1;border-radius:12px;padding:0 14px;background:#fff!important;color:#0f172a!important;font:inherit;font-size:20px!important;font-weight:800!important;letter-spacing:.28em;text-align:center;outline:none;box-sizing:border-box}
.amf-2fa-login-inline-code-fix7:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.amf-2fa-login-inline-code-fix7:disabled{opacity:.65;cursor:not-allowed}
.amf-2fa-login-inline-meta-fix7{display:flex;justify-content:center;align-items:center;min-height:18px;color:#64748b;font-size:12px}
.amf-2fa-login-inline-meta-fix7 strong{color:#0f5fa8;font-variant-numeric:tabular-nums}
.amf-2fa-login-inline-message-fix7{min-height:18px;font-size:12px;line-height:1.45;text-align:center;font-weight:700;color:#64748b}
.amf-2fa-login-inline-message-fix7[data-state="error"]{color:#b42318}
.amf-2fa-login-inline-message-fix7[data-state="warning"]{color:#a15c00}
.amf-2fa-login-inline-message-fix7[data-state="success"]{color:#16803c}
.amf-2fa-login-inline-message-fix7[data-state="info"]{color:#0d67b5}
.amf-2fa-login-inline-verify-fix7{width:100%;height:46px;border:0;border-radius:12px;background:#2563eb;color:#fff;font-weight:800;font-size:14px;cursor:pointer;transition:background .15s ease,opacity .15s ease}
.amf-2fa-login-inline-verify-fix7:hover:not(:disabled){background:#1d4ed8}
.amf-2fa-login-inline-verify-fix7:disabled{opacity:.5;cursor:not-allowed}
.amf-2fa-login-inline-resend-fix7,.amf-2fa-login-inline-back-fix7{border:0;background:transparent;padding:2px 4px;color:#2563eb;font-weight:700;font-size:12px;cursor:pointer;text-align:center}
.amf-2fa-login-inline-resend-fix7:disabled{color:#94a3b8;cursor:not-allowed}
.amf-2fa-login-inline-back-fix7{color:#64748b;margin-top:-2px}
.amf-2fa-login-inline-note-fix7{font-size:11px;line-height:1.45;color:#94a3b8;text-align:center;margin-top:-4px}

@media(max-width:640px){
  .amf-2fa-profile-row-fix4{align-items:stretch;flex-direction:column}
  .amf-2fa-toggle-fix4{width:100%}
  .amf-2fa-disable-otp-fix4{flex-direction:column}
  .amf-2fa-disable-otp-fix4 button{width:100%}
}

/* Password visibility is attached only to existing profile password fields. */
.amf-password-visibility-field-fix8{position:relative!important}
.amf-password-visibility-field-fix8>input[data-amf-password-visibility-fix8="1"]{padding-right:46px!important}
/* FIX13: icon-only eye. Force dimensions/background so global dashboard button rules can never turn it into a blue bar. */
.amf-password-visibility-field-fix8>.amf-password-visibility-toggle-fix8{position:absolute!important;right:9px!important;bottom:8px!important;left:auto!important;top:auto!important;transform:none!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:#64748b!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:6!important;line-height:1!important;overflow:visible!important;appearance:none!important;-webkit-appearance:none!important}
.amf-password-visibility-field-fix8>.amf-password-visibility-toggle-fix8:hover,.amf-password-visibility-field-fix8>.amf-password-visibility-toggle-fix8:focus-visible{background:rgba(13,103,181,.08)!important;color:#0d67b5!important;outline:none!important;box-shadow:none!important}
.amf-password-visibility-field-fix8>.amf-password-visibility-toggle-fix8 svg{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}
