/* NexoID Pro experience — modular skin, modal, and compact UI; no external dependencies. */
.nxid-login-v2,.nxid-panel{font-family:Vazirmatn,NexoVazir,Tahoma,sans-serif}
.nxid-login-v2 .nxid-auth-shell{min-height:0}
.nxid-login-v2 .nxid-primary,.nxid-launch{background:var(--nxid-primary,#6549f5)!important}
.nxid-login-v2 .nxid-primary{border:0!important;color:#fff!important;box-shadow:0 10px 22px color-mix(in srgb,var(--nxid-primary,#6549f5) 25%,transparent)}
.nxid-login-v2 .nxid-method-tab.is-active{color:var(--nxid-primary,#6549f5)}
.nxid-login-v2 .nxid-mark{background:var(--nxid-primary,#6549f5)}
.nxid-login-v2 .nxid-heading-period{color:var(--nxid-primary,#6549f5)}
.nxid-login-v2.nxid-no-hero{max-width:510px}
.nxid-login-v2.nxid-no-hero .nxid-auth-shell{display:block;min-height:0}
.nxid-login-v2.nxid-no-hero .nxid-auth-visual-v2{display:none!important}
.nxid-login-v2.nxid-no-hero .nxid-auth-main{padding:28px clamp(22px,4vw,44px)}
.nxid-login-v2.nxid-theme-minimal{max-width:650px}
.nxid-login-v2.nxid-theme-minimal .nxid-auth-shell{display:block}
.nxid-login-v2.nxid-theme-minimal .nxid-auth-visual-v2{display:none!important}
.nxid-login-v2.nxid-theme-minimal .nxid-auth-main{padding:27px clamp(25px,5vw,57px)}
.nxid-login-v2.nxid-theme-minimal .nxid-login-eyebrow{display:none}
.nxid-login-v2.nxid-theme-minimal .nxid-auth-top{margin-bottom:23px}
.nxid-login-v2.nxid-theme-night .nxid-auth-shell{background:#171a30;border:1px solid #303453;box-shadow:0 24px 55px #080b1d32}
.nxid-login-v2.nxid-theme-night .nxid-auth-main{color:#e9eaff}
.nxid-login-v2.nxid-theme-night .nxid-login-heading h2,.nxid-login-v2.nxid-theme-night .nxid-mini-brand,.nxid-login-v2.nxid-theme-night .nxid-label{color:#f5f4ff}
.nxid-login-v2.nxid-theme-night .nxid-mini-brand small,.nxid-login-v2.nxid-theme-night .nxid-login-heading p,.nxid-login-v2.nxid-theme-night .nxid-field-hint{color:#a8adc7}
.nxid-login-v2.nxid-theme-night .nxid-method-tabs{border-color:#383950;background:#101325}
.nxid-login-v2.nxid-theme-night .nxid-method-tab{color:#b5b8d0}
.nxid-login-v2.nxid-theme-night .nxid-method-tab.is-active{background:#312954!important;border-color:#6d5ad0!important;color:#dfd9ff!important;box-shadow:none}
.nxid-login-v2.nxid-theme-night .nxid-input-frame{background:#1c2038;border-color:#373c5a}
.nxid-login-v2.nxid-theme-night .nxid-input-frame input{color:#f5f4ff}
.nxid-login-v2.nxid-theme-night .nxid-input-frame input::placeholder{color:#9096b3}
.nxid-login-v2.nxid-theme-night .nxid-auth-visual-v2{background:radial-gradient(circle at 70% 10%,#553a8c90,transparent 47%),linear-gradient(140deg,#242a4b,#1b1e3b);border-color:#383b59;color:#eef0ff}
.nxid-login-v2.nxid-theme-night .nxid-visual-copy-v2 h3{color:#f1eeff}
.nxid-login-v2.nxid-theme-night .nxid-visual-copy-v2 p,.nxid-login-v2.nxid-theme-night .nxid-visual-kicker,.nxid-login-v2.nxid-theme-night .nxid-visual-topline{color:#c4bfe3}
.nxid-login-v2.nxid-theme-night .nxid-login-footer{border-color:#333852}
.nxid-login-v2.nxid-theme-night .nxid-visual-widget{background:#252944;border-color:#464b70;box-shadow:none}
.nxid-login-v2.nxid-theme-night .nxid-widget-top,.nxid-login-v2.nxid-theme-night .nxid-widget-feature{border-color:#393e5e}
.nxid-login-v2.nxid-theme-night .nxid-widget-top b,.nxid-login-v2.nxid-theme-night .nxid-widget-feature b{color:#eeeafb}
.nxid-login-v2.nxid-theme-night .nxid-password-options a{color:#bbaeff}
.nxid-login-v2.nxid-theme-night .nxid-password-options,.nxid-login-v2.nxid-theme-night .nxid-login-footer{color:#bcc0d3}
.nxid-launch{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:10px 19px;border:0;border-radius:11px;white-space:normal;font-weight:800;font-size:13px;font-family:inherit;cursor:pointer;color:#fff!important;box-shadow:0 9px 18px #6549f522;text-decoration:none!important;transition:transform .16s,filter .16s}
.nxid-launch:hover{transform:translateY(-1px);filter:brightness(.96)}
.nxid-launch--signed{background:#e9e5ff!important;color:#5841c8!important}
.nxid-checkout-prompt{display:flex;align-items:center;gap:14px;padding:15px 18px;margin:14px 0 23px;background:#f7f5ff;border:1px solid #e4e0fa;border-radius:13px;font-family:inherit}
.nxid-checkout-prompt .nxid-checkout-symbol{display:grid;place-items:center;background:#ebe6ff;color:#6149d9;width:39px;height:39px;border-radius:11px;flex:none}
.nxid-checkout-prompt div{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.nxid-checkout-prompt strong{font-size:13px;color:#2e285d}
.nxid-checkout-prompt small{font-size:11px;color:#777993}
.nxid-checkout-prompt .nxid-launch{flex:none}
.nxid-modal-overlay{position:fixed;inset:0;z-index:999997;display:flex;align-items:center;justify-content:center;padding:16px;isolation:isolate}
.nxid-modal-overlay[hidden]{display:none!important}
.nxid-modal-backdrop{position:absolute;inset:0;background:#11142bba;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:-1}
.nxid-modal-dialog{position:relative;width:min(100%,490px);max-height:min(94vh,830px);overflow:auto;overscroll-behavior:contain;border-radius:21px;background:#fff;box-shadow:0 32px 85px #0b0c294b;outline:0;animation:nxidRise .22s ease both}
.nxid-modal-dialog .nxid-login-v2{margin:0;border:0;max-width:none}
.nxid-modal-dialog .nxid-auth-shell{display:block;min-height:0;border:0;box-shadow:none;border-radius:0}
.nxid-modal-dialog .nxid-auth-visual-v2{display:none!important}
.nxid-modal-dialog .nxid-auth-main{padding:28px 28px 22px}
.nxid-modal-dialog .nxid-login-heading{margin-bottom:18px}
.nxid-modal-close{display:grid;place-items:center;position:sticky;top:11px;margin:11px 12px -46px auto;z-index:10;width:35px;height:35px;border:1px solid #ebe8f6;border-radius:10px;color:#6c6697;background:#fff;font-size:23px;line-height:1;cursor:pointer}
.nxid-modal-open{overflow:hidden}
@keyframes nxidRise{from{opacity:0;transform:translateY(12px) scale(.987)}to{opacity:1;transform:translateY(0) scale(1)}}
.nxid-panel .nxid-menu-external{opacity:.94}
@media(max-width:760px){.nxid-modal-overlay{padding:10px}.nxid-modal-dialog{width:100%;max-height:94dvh;border-radius:16px}.nxid-modal-dialog .nxid-auth-main{padding:23px 20px 19px}.nxid-checkout-prompt{flex-wrap:wrap}.nxid-checkout-prompt .nxid-launch{width:100%}}
@media(max-width:420px){.nxid-modal-dialog .nxid-auth-top{margin-top:9px}.nxid-modal-dialog .nxid-auth-main{padding:16px}}
@media(prefers-reduced-motion:reduce){.nxid-modal-dialog{animation:none}.nxid-launch{transition:none}}

.nxid-panel .nxid-avatar-upload-field{display:flex;flex-direction:column;gap:7px;margin:16px 0;padding:15px;background:#f8f7ff;border:1px dashed #cfc8ff;border-radius:11px}
.nxid-panel .nxid-avatar-upload-field label{color:#393360;font-size:12px;font-weight:850}
.nxid-panel .nxid-avatar-upload-field input[type=file]{max-width:100%;border:none!important;padding:6px 0!important;background:transparent!important;font-size:12px}
.nxid-panel .nxid-avatar-upload-field small{color:#999bb2;font-size:11px}
.nxid-panel .nxid-avatar .nxid-avatar-uploaded{width:60px;height:60px;object-fit:cover;border-radius:17px}


/* NexoID iPhone keyboard-focus stability (2.0.2).
 * iOS Safari enlarges the visual viewport when focused inputs use fonts <16px.
 * Preserve user pinch-zoom; avoid maximum-scale/user-scalable=no.
 */
@media screen and (max-width: 1024px), screen and (pointer: coarse) {
  .nxid input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  .nxid select,
  .nxid textarea,
  .nxid-modal-dialog input:not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
    font-size: 16px !important;
    line-height: 1.5 !important;
    max-width: 100%;
    -webkit-text-size-adjust: 100%;
  }
  .nxid .nxid-input-frame,
  .nxid .nxid-input-with-icon,
  .nxid .nxid-stage,
  .nxid .nxid-password-form,
  .nxid .nxid-method-content,
  .nxid .nxid-auth-main {
    min-width: 0;
    max-width: 100%;
  }
  .nxid .nxid-input-frame input {
    width: 100%;
    min-width: 0;
    flex: 1 1 0%;
  }
  .nxid .nxid-otp {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
}
@media (max-width: 760px) {
  .nxid-login-v2,
  .nxid-login-v2 .nxid-auth-shell,
  .nxid-login-v2 .nxid-auth-main,
  .nxid-login-v2 .nxid-method-tabs {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .nxid-login-v2 .nxid-auth-shell { grid-template-columns: minmax(0,1fr); }
  .nxid-login-v2 .nxid-input-frame { overflow: hidden; }
}