/* National Auth client UI — clean rebuild v4.6.5 */
.na-auth-ui,
.na-auth-ui *{box-sizing:border-box}
.na-auth-ui{--na-primary:#7047f3;--na-primary-dark:#5d35dc;--na-primary-soft:#f3efff;--na-primary-line:#d9ceff;--na-text:#182039;--na-muted:#7b849b;--na-line:#e5e7f0;--na-panel:#fff;--na-page:#f6f7fb;--na-danger:#c83e5d;--na-success:#16865c;--na-shadow:0 12px 34px rgba(39,32,82,.08);width:100%;min-height:100vh;padding:18px;background:radial-gradient(circle at 88% 0,rgba(112,71,243,.09),transparent 30%),var(--na-page);color:var(--na-text);font-family:Vazirmatn,IRANSans,Tahoma,"Segoe UI",sans-serif;direction:rtl;text-align:right}
.na-auth-ui .na-svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.na-auth-ui svg{display:block;width:1em;height:1em;fill:none}
.na-auth-ui .na-client-shell{width:min(100%,1440px);margin:0 auto}
.na-auth-ui .na-form-page{display:flex;flex-direction:column;gap:22px}

/* Notices */
.na-auth-ui .na-top-notice{display:flex;align-items:center;gap:16px;width:100%;padding:18px 22px;border:1px solid var(--na-primary-line);border-radius:18px;background:linear-gradient(180deg,#fdfcff,#f7f3ff);box-shadow:0 8px 24px rgba(71,51,150,.06)}
.na-auth-ui .na-top-notice .na-notice-icon{flex:0 0 48px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:2px solid #c9bbff;border-radius:15px;color:var(--na-primary);font-size:26px;font-weight:900;background:#fbf9ff}
.na-auth-ui .na-top-notice .na-notice-icon svg{width:28px;height:28px}
.na-auth-ui .na-top-notice>div:last-child{min-width:0;flex:1}
.na-auth-ui .na-top-notice strong{display:block;margin:0 0 5px;color:#6344df;font-size:18px;font-weight:900}
.na-auth-ui .na-top-notice span{display:block;color:#717a92;font-size:14px;line-height:1.9}
.na-auth-ui .na-top-notice.danger{border-color:#ffd0db;background:linear-gradient(180deg,#fffafb,#fff2f5)}
.na-auth-ui .na-top-notice.danger .na-notice-icon{border-color:#ffc2d1;color:var(--na-danger);background:#fff7f9}
.na-auth-ui .na-top-notice.danger strong{color:#ad2f4b}

/* Form panels */
.na-auth-ui .na-client-form{display:flex;flex-direction:column;gap:22px;margin:0;padding:0}
.na-auth-ui .na-form-panel{width:100%;padding:26px 22px 22px;border:1px solid var(--na-line);border-radius:20px;background:var(--na-panel);box-shadow:var(--na-shadow)}
.na-auth-ui .na-panel-header{display:flex;align-items:flex-start;gap:14px;margin:0 0 24px;padding:0}
.na-auth-ui .na-panel-number{flex:0 0 48px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(150deg,#c9b8ff,#9469f9);box-shadow:0 9px 18px rgba(111,70,239,.18);color:#fff;font-size:23px;font-weight:900}
.na-auth-ui .na-panel-heading{min-width:0;padding-top:2px}
.na-auth-ui .na-panel-heading h2{margin:0;color:#1f2639;font-size:20px;line-height:1.5;font-weight:900}
.na-auth-ui .na-panel-heading p{margin:4px 0 0;color:#8991a5;font-size:13px;line-height:1.7}

/* Identity fields */
.na-auth-ui .na-fields-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 28px;width:100%}
.na-auth-ui .na-field{display:flex;flex-direction:column;min-width:0;margin:0;gap:8px;color:inherit;font-weight:400}
.na-auth-ui .na-field-label{display:block;padding:0 8px;color:#333b52;font-size:14px;line-height:1.6;font-weight:800}
.na-auth-ui .na-field-label em{color:#e33d59;font-style:normal}
.na-auth-ui .na-control-wrap{position:relative;display:block;width:100%;min-width:0}
.na-auth-ui input.na-input-control{display:block;width:100%!important;height:58px!important;min-height:58px!important;margin:0!important;padding:12px 66px 12px 16px!important;border:1px solid #dfe2ec!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important;color:#182039!important;font-family:Tahoma,"Segoe UI",sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.4!important;text-align:right!important;outline:0!important;appearance:none!important;-webkit-appearance:none!important;transition:border-color .18s,box-shadow .18s,background .18s}
.na-auth-ui input.na-input-control:focus{border-color:#a78bf8!important;box-shadow:0 0 0 4px rgba(112,71,243,.08)!important;background:#fff!important}
.na-auth-ui input.na-input-control[readonly]{background:#f8f7fc!important;color:#697188!important;cursor:not-allowed!important}
.na-auth-ui .na-control-icon{position:absolute;z-index:2;right:0;top:0;width:54px;height:58px;display:flex;align-items:center;justify-content:center;border-left:1px solid #e5e4ef;border-radius:0 15px 15px 0;background:linear-gradient(180deg,#faf9ff,#f1edff);color:#7654ed;pointer-events:none}
.na-auth-ui .na-control-icon svg{width:25px;height:25px}

/* Live Shahkar check */
.na-auth-ui .na-shahkar-row{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:12px;margin-top:-2px}
.na-auth-ui .na-shahkar-button{min-width:180px;min-height:62px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--na-primary),#865ef7);box-shadow:0 9px 20px rgba(104,66,230,.2);color:#fff;font-family:Tahoma,"Segoe UI",sans-serif;font-size:14px;font-weight:900;cursor:pointer;transition:transform .18s,opacity .18s,box-shadow .18s}
.na-auth-ui .na-shahkar-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(104,66,230,.25)}
.na-auth-ui .na-shahkar-button:disabled{opacity:.58;cursor:wait;transform:none}
.na-auth-ui .na-shahkar-button svg{width:21px;height:21px}
.na-auth-ui .na-shahkar-result{min-height:62px;padding:11px 14px;display:flex;align-items:center;gap:11px;border:1px solid;border-radius:14px;transition:border-color .18s,background-color .18s,color .18s}
.na-auth-ui .na-shahkar-result-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:20px;font-weight:900}
.na-auth-ui .na-shahkar-result>div{min-width:0}
.na-auth-ui .na-shahkar-result strong,.na-auth-ui .na-shahkar-result small{display:block}
.na-auth-ui .na-shahkar-result strong{margin-bottom:3px;font-size:13px;font-weight:900}
.na-auth-ui .na-shahkar-result small{font-size:11px;line-height:1.75}
.na-auth-ui .na-shahkar-result.is-neutral,.na-auth-ui .na-shahkar-result.is-loading{border-color:#dfd7fa;background:#faf8ff;color:#625587}
.na-auth-ui .na-shahkar-result.is-neutral .na-shahkar-result-icon,.na-auth-ui .na-shahkar-result.is-loading .na-shahkar-result-icon{background:#eee9ff;color:#6e4ce2}
.na-auth-ui .na-shahkar-result.is-success{border-color:#b9e8d1;background:#effbf5;color:#116b49}
.na-auth-ui .na-shahkar-result.is-success .na-shahkar-result-icon{background:#d6f4e5;color:#16875c}
.na-auth-ui .na-shahkar-result.is-error{border-color:#f0bec9;background:#fff2f5;color:#a72f49}
.na-auth-ui .na-shahkar-result.is-error .na-shahkar-result-icon{background:#ffdde5;color:#c33c59}

/* Mobile OTP */
.na-auth-ui .na-otp-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:2px}
.na-auth-ui .na-otp-send,
.na-auth-ui .na-otp-verify,
.na-auth-ui .na-otp-code,
.na-auth-ui .na-verified-badge{height:43px;border-radius:12px;font-family:Tahoma,"Segoe UI",sans-serif;font-size:13px;font-weight:800}
.na-auth-ui .na-otp-send,
.na-auth-ui .na-otp-verify{display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border:0;color:#fff;cursor:pointer;white-space:nowrap;transition:transform .18s,opacity .18s}
.na-auth-ui .na-otp-send{background:linear-gradient(135deg,var(--na-primary),#865ef7)}
.na-auth-ui .na-otp-verify{background:linear-gradient(135deg,#159767,#24b77f)}
.na-auth-ui .na-otp-send:hover,
.na-auth-ui .na-otp-verify:hover{transform:translateY(-1px)}
.na-auth-ui .na-otp-send:disabled,
.na-auth-ui .na-otp-verify:disabled{opacity:.55;cursor:not-allowed}
.na-auth-ui input.na-otp-code{display:block;width:150px!important;min-width:150px!important;margin:0!important;padding:0 12px!important;border:1px solid #dfe2ec!important;background:#fff!important;color:#20273a!important;text-align:center!important;outline:0!important;box-shadow:none!important;appearance:none!important}
.na-auth-ui input.na-otp-code:focus{border-color:#a78bf8!important;box-shadow:0 0 0 3px rgba(112,71,243,.08)!important}
.na-auth-ui .na-verified-badge{display:inline-flex;align-items:center;gap:6px;padding:0 14px;background:#e8f8ef;color:var(--na-success)}
.na-auth-ui .na-verified-badge svg{width:17px;height:17px}
.na-auth-ui .na-otp-inline-message{display:block;margin:0 8px;color:#788197;font-size:12px;line-height:1.8}
.na-auth-ui .na-otp-inline-message.success{color:var(--na-success)}
.na-auth-ui .na-otp-inline-message.error{color:#d83f5d}
.na-auth-ui .na-otp-box,
.na-auth-ui .is-hidden{display:none!important}

/* Uploads */
.na-auth-ui .na-upload-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;width:100%}
.na-auth-ui .na-upload-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:26px 20px;border:2px dashed #d8ccff;border-radius:22px;background:linear-gradient(180deg,#fdfcff,#f8f6ff);text-align:center;overflow:hidden;transition:border-color .18s,background .18s,transform .18s}
.na-auth-ui .na-upload-card:hover{border-color:#b399ff;background:#f7f3ff;transform:translateY(-1px)}
.na-auth-ui .na-upload-picker{position:static;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:0;color:inherit;cursor:pointer}
.na-auth-ui .na-upload-picker input[type=file]{position:absolute!important;z-index:1;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer!important}
.na-auth-ui .na-card-visual{display:flex;align-items:center;justify-content:center;width:84px;height:60px;margin-bottom:13px;border:1px solid #c9b9ff;border-radius:14px;background:linear-gradient(180deg,#f3edff,#e8e0ff);box-shadow:0 7px 16px rgba(100,63,220,.12);color:#7654ed}
.na-auth-ui .na-card-visual svg{width:54px;height:40px}
.na-auth-ui .na-upload-picker strong{display:block;margin:0;color:#20273a;font-size:19px;line-height:1.6;font-weight:900}
.na-auth-ui .na-upload-picker small{display:block;margin-top:5px;color:#8a92a6;font-size:13px;line-height:1.7}
.na-auth-ui .na-upload-button{position:relative;z-index:2;display:inline-flex;align-items:center;gap:7px;min-width:150px;height:45px;margin-top:15px;padding:0 18px;border-radius:12px;background:linear-gradient(135deg,var(--na-primary),#845cf6);box-shadow:0 9px 19px rgba(104,66,230,.2);color:#fff;font-size:14px;font-weight:800;pointer-events:none}
.na-auth-ui .na-upload-button svg{width:19px;height:19px}
.na-auth-ui .na-current-file{position:relative;z-index:3;display:inline-flex;align-items:center;gap:6px;margin-top:13px;color:#6849df;font-size:13px;font-weight:800;text-decoration:none}
.na-auth-ui .na-current-file svg{width:17px;height:17px}
.na-auth-ui .na-current-file:hover{text-decoration:underline}

/* Bottom actions */
.na-auth-ui .na-consent{display:flex;align-items:center;gap:11px;padding:15px 17px;border:1px solid var(--na-line);border-radius:15px;background:#fbfbfe;color:#687187}
.na-auth-ui .na-consent>svg{flex:0 0 25px;width:25px;height:25px;color:#7452ea}
.na-auth-ui .na-consent p{margin:0;font-size:13px;line-height:1.9}
.na-auth-ui .na-client-actions{display:flex;justify-content:flex-end;gap:10px}
.na-auth-ui .na-client-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:0 20px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--na-primary),#845cf6);box-shadow:0 10px 22px rgba(104,66,230,.2);color:#fff!important;font-family:Tahoma,"Segoe UI",sans-serif;font-size:14px;font-weight:800;line-height:1;text-decoration:none!important;cursor:pointer;transition:transform .18s,box-shadow .18s}
.na-auth-ui .na-client-btn:hover{transform:translateY(-1px);box-shadow:0 12px 25px rgba(104,66,230,.26)}
.na-auth-ui .na-client-btn.secondary{background:#edf0f6;box-shadow:none;color:#565f74!important}
.na-auth-ui .na-client-footer{padding:13px 8px 2px;color:#8b92a3;font-size:11px;text-align:center}

/* State pages */
.na-auth-ui .na-state-card{width:min(100%,860px);margin:34px auto;padding:55px 34px;border:1px solid var(--na-line);border-radius:22px;background:#fff;box-shadow:var(--na-shadow);text-align:center}
.na-auth-ui .na-state-icon{width:78px;height:78px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:34px;font-weight:900}
.na-auth-ui .na-state-icon svg{width:42px;height:42px}
.na-auth-ui .na-state-icon-success{background:#ddf8ea;box-shadow:0 0 0 9px #effbf5;color:#15915f}
.na-auth-ui .na-state-icon-warning{background:#fff1d7;box-shadow:0 0 0 9px #fff9ec;color:#d18a08}
.na-auth-ui .na-state-card h1{margin:0 0 10px;font-size:25px;font-weight:900}
.na-auth-ui .na-state-card>p{max-width:680px;margin:0 auto 25px;color:#737c90;font-size:14px;line-height:2}
.na-auth-ui .na-steps{display:flex;align-items:center;justify-content:center;max-width:650px;margin:0 auto 28px}
.na-auth-ui .na-steps span{color:#8b93a5;font-size:12px;text-align:center}
.na-auth-ui .na-steps b{width:31px;height:31px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eceef4;color:#767e91}
.na-auth-ui .na-steps span.done b{background:#dff7eb;color:#16875b}
.na-auth-ui .na-steps span.active b{background:#eee9ff;color:#6849d7}
.na-auth-ui .na-steps i{width:90px;height:1px;margin:0 8px 16px;background:#e2e4ec}
.na-auth-ui .na-inline-alert{max-width:620px;margin:0 auto 20px;padding:13px 15px;border:1px solid;border-radius:13px;text-align:right}
.na-auth-ui .na-inline-alert strong,
.na-auth-ui .na-inline-alert span{display:block}
.na-auth-ui .na-inline-alert.info{border-color:#dcd4ff;background:#f5f2ff;color:#5b40c4}
.na-auth-ui .na-blocked-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}

/* Responsive */
@media (max-width:980px){
  .na-auth-ui{padding:12px}
  .na-auth-ui .na-fields-grid,
  .na-auth-ui .na-upload-grid{grid-template-columns:1fr}
  .na-auth-ui .na-form-panel{padding:22px 18px}
}
@media (max-width:640px){
  .na-auth-ui{padding:8px}
  .na-auth-ui .na-form-page{gap:14px}
  .na-auth-ui .na-top-notice{align-items:flex-start;padding:14px;border-radius:15px}
  .na-auth-ui .na-top-notice .na-notice-icon{flex-basis:40px;width:40px;height:40px;border-radius:12px;font-size:22px}
  .na-auth-ui .na-top-notice strong{font-size:15px}
  .na-auth-ui .na-top-notice span{font-size:12px}
  .na-auth-ui .na-form-panel{padding:18px 12px;border-radius:16px}
  .na-auth-ui .na-panel-header{margin-bottom:18px}
  .na-auth-ui .na-panel-number{flex-basis:42px;width:42px;height:42px;border-radius:13px;font-size:20px}
  .na-auth-ui .na-panel-heading h2{font-size:17px}
  .na-auth-ui .na-panel-heading p{font-size:11px}
  .na-auth-ui .na-shahkar-row{grid-template-columns:1fr}
  .na-auth-ui .na-shahkar-button{width:100%;min-width:0}
  .na-auth-ui .na-fields-grid{gap:15px}
  .na-auth-ui .na-field-label{font-size:13px}
  .na-auth-ui input.na-input-control{height:54px!important;min-height:54px!important;padding-right:60px!important; padding-left:16px!important;font-size:14px!important}
  .na-auth-ui .na-control-icon{width:50px;height:54px}
  .na-auth-ui .na-otp-row{align-items:stretch;flex-direction:column}
  .na-auth-ui .na-otp-send,
  .na-auth-ui .na-otp-verify,
  .na-auth-ui input.na-otp-code,
  .na-auth-ui .na-verified-badge{width:100%!important;min-width:0!important}
  .na-auth-ui .na-upload-card{min-height:240px;padding:22px 14px;border-radius:18px}
  .na-auth-ui .na-upload-picker strong{font-size:17px}
  .na-auth-ui .na-client-actions,
  .na-auth-ui .na-blocked-actions{flex-direction:column}
  .na-auth-ui .na-client-btn{width:100%}
  .na-auth-ui .na-consent{align-items:flex-start}
  .na-auth-ui .na-state-card{margin:14px auto;padding:38px 18px}
  .na-auth-ui .na-steps i{width:32px}
}

.na-auth-ui .na-field-help{display:block;margin:2px 8px 0;color:#8a92a6;font-size:11px;line-height:1.8}