/* NexoID standalone account experience
 * Scoped to opt-in demo pages. No site theme styles are changed.
 */
html:has(body.nxid-standalone-page){scroll-padding-top:76px}
body.nxid-standalone-page{margin:0!important;padding:0!important;background:#f6f7fc!important;color:#232344;font-family:NexoVazir,Vazirmatn,system-ui,Tahoma,sans-serif;min-width:280px;overflow-x:hidden;--nxid-primary:#6549f5}
body.nxid-standalone-page *{box-sizing:border-box}
.nxid-standalone-page .nxid-app-layout{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;width:100%;overflow-x:clip;background:radial-gradient(ellipse at 92% 0,#eeebff 0,transparent 30%),#f7f8fc}
.nxid-standalone-page .nxid-appbar{height:74px;flex:none;background:#fffefef5;border-bottom:1px solid #ebeaf4;position:relative;z-index:10;box-shadow:0 5px 24px #1b235306}
.nxid-standalone-page .nxid-appbar-inner{max-width:1280px;width:calc(100% - 48px);height:100%;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}
.nxid-standalone-page .nxid-appbrand{display:flex;align-items:center;flex-direction:row;gap:10px;min-width:0;text-decoration:none!important;color:#1b1b41!important}
.nxid-standalone-page .nxid-appbrand-icon{height:43px;width:43px;flex:none;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#8067ff,#593ee1);box-shadow:0 7px 16px #6b4ce62c;font:850 23px system-ui,sans-serif}
.nxid-standalone-page .nxid-appbrand-title{display:flex;flex-wrap:wrap;gap:0;font:850 21px system-ui,sans-serif;align-items:baseline;direction:ltr}
.nxid-standalone-page .nxid-appbrand-title b{color:#6549f5}
.nxid-standalone-page .nxid-appbrand-title small{direction:rtl;flex:0 0 100%;font:650 10px NexoVazir,Vazirmatn,Tahoma,sans-serif;color:#8b90aa;margin-top:1px}
.nxid-standalone-page .nxid-app-actions{display:flex;gap:13px;align-items:center}
.nxid-standalone-page .nxid-app-welcome{font-size:12px;color:#9093af}
.nxid-standalone-page .nxid-app-link{font-size:12px;font-weight:850;display:flex;gap:7px;align-items:center;justify-content:center;text-decoration:none!important;white-space:nowrap;min-height:42px;border-radius:11px;padding:9px 17px;background:#f0edff;border:1px solid #e3dcff;color:#5740c6!important}
.nxid-standalone-page .nxid-app-link:hover{background:#eae5ff}
.nxid-standalone-page .nxid-app-link-secondary{background:#fff;border:1px solid #e9e9f3;color:#7b7f99!important}
.nxid-standalone-page .nxid-app-main{width:min(1220px,calc(100% - 44px));margin:23px auto 22px;flex:1;min-width:0;padding:0}
.nxid-standalone-page .nxid-app-main-login{width:min(1080px,calc(100% - 44px));display:flex;flex-direction:column;justify-content:center}
.nxid-standalone-page .nxid-app-main .nxid-login,.nxid-standalone-page .nxid-app-main .nxid-panel{width:100%;margin:0;max-width:none}
.nxid-standalone-page .nxid-app-main .nxid-panel{border-radius:19px;min-height:0;box-shadow:0 14px 36px #2926610a;border:1px solid #e8e8f3;background:#f8f9fe;overflow:hidden}
.nxid-standalone-page .nxid-app-main .nxid-side{background:#fff}
.nxid-standalone-page .nxid-app-main .nxid-panel-body{min-width:0}
.nxid-standalone-page .nxid-app-footer{max-width:1280px;width:calc(100% - 48px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:17px 0 19px;border-top:1px solid #e9e8f3;color:#a0a4b7;font-size:11px}
.nxid-standalone-page .nxid-app-footer span:last-child{font:650 10px system-ui,sans-serif;letter-spacing:.05em}
.nxid-standalone-page .nxid-app-skip{position:absolute;top:-300px;right:10px;background:#fff;padding:10px;z-index:99}
.nxid-standalone-page .nxid-app-skip:focus{top:10px}
.nxid-standalone-page .nxid-app-main .nxid-auth-shell{min-height:0}
.nxid-standalone-page .nxid-app-main .nxid-login-heading h2{font-size:clamp(23px,2.5vw,31px)}
.nxid-standalone-page .nxid-app-main .nxid-side-nav a{min-width:0}
@media(max-width:950px){
 .nxid-standalone-page .nxid-app-main .nxid-panel{display:block;min-height:0}
 .nxid-standalone-page .nxid-app-main .nxid-side{border-left:none;border-bottom:1px solid #ecebf5;padding:14px 18px 11px}
 .nxid-standalone-page .nxid-app-main .nxid-side-person,
 .nxid-standalone-page .nxid-app-main .nxid-menu-caption,
 .nxid-standalone-page .nxid-app-main .nxid-side-bottom{display:none}
 .nxid-standalone-page .nxid-app-main .nxid-side-logo{display:none}
 .nxid-standalone-page .nxid-app-main .nxid-side-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0;padding:0;overflow:visible;min-width:0}
 .nxid-standalone-page .nxid-app-main .nxid-side-nav a{min-width:0;max-width:100%;height:68px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 4px;border-radius:12px;font-size:11px;line-height:1.55;text-align:center;white-space:normal;overflow-wrap:anywhere;color:#777e98}
 .nxid-standalone-page .nxid-app-main .nxid-side-nav .nxid-menu-icon{margin:0;width:23px;flex:none}
 .nxid-standalone-page .nxid-app-main .nxid-menu-icon svg{width:21px;height:21px}
 .nxid-standalone-page .nxid-app-main .nxid-menu-arrow{display:none}
 .nxid-standalone-page .nxid-app-main .nxid-side-nav a.is-active{box-shadow:inset 0 -3px #7257f1;background:#f2efff;color:#6048e0}
 .nxid-standalone-page .nxid-app-main .nxid-panel-body{padding:20px 20px 25px}
}
@media(max-width:620px){
 .nxid-standalone-page .nxid-appbar{height:62px}
 .nxid-standalone-page .nxid-appbar-inner{width:calc(100% - 28px);gap:8px}
 .nxid-standalone-page .nxid-appbrand-icon{width:36px;height:36px;font-size:20px;border-radius:11px}
 .nxid-standalone-page .nxid-appbrand-title{font-size:18px}
 .nxid-standalone-page .nxid-appbrand-title small{font-size:9px}
 .nxid-standalone-page .nxid-app-welcome{display:none}
 .nxid-standalone-page .nxid-app-actions{gap:6px}
 .nxid-standalone-page .nxid-app-link{min-height:38px;padding:7px 10px;font-size:10px;gap:4px}
 .nxid-standalone-page .nxid-app-link-secondary{padding:7px 9px}
 .nxid-standalone-page .nxid-app-main{width:calc(100% - 20px);margin:12px auto 18px}
 .nxid-standalone-page .nxid-app-main-login{width:calc(100% - 20px)}
 .nxid-standalone-page .nxid-app-main .nxid-panel{border-radius:15px}
 .nxid-standalone-page .nxid-app-main .nxid-side{padding:10px 9px}
 .nxid-standalone-page .nxid-app-main .nxid-side-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .nxid-standalone-page .nxid-app-main .nxid-side-nav a{min-height:72px;height:auto;padding:9px 5px;font-size:11px}
 .nxid-standalone-page .nxid-app-main .nxid-panel-body{padding:16px 13px 21px}
 .nxid-standalone-page .nxid-app-main .nxid-panel-top{margin-bottom:13px}
 .nxid-standalone-page .nxid-app-main .nxid-panel-top h2{font-size:20px;margin-top:3px}
 .nxid-standalone-page .nxid-app-main .nxid-panel-date{display:none}
 .nxid-standalone-page .nxid-app-main .nxid-welcome{min-height:0;padding:17px 17px 19px;border-radius:14px;gap:0}
 .nxid-standalone-page .nxid-app-main .nxid-welcome-art{display:none}
 .nxid-standalone-page .nxid-app-main .nxid-hero-eyebrow{font-size:11px}
 .nxid-standalone-page .nxid-app-main .nxid-welcome h3{font-size:20px;line-height:1.5;margin:5px 0 5px}
 .nxid-standalone-page .nxid-app-main .nxid-welcome p{font-size:12px;line-height:1.75}
 .nxid-standalone-page .nxid-app-main .nxid-welcome a{margin-top:12px;padding:7px 12px;min-height:40px}
 .nxid-standalone-page .nxid-app-main .nxid-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0}
 .nxid-standalone-page .nxid-app-main .nxid-metric-card{padding:12px;gap:5px}
 .nxid-standalone-page .nxid-app-main .nxid-metric-card:last-child:nth-child(odd){grid-column:1/-1}
 .nxid-standalone-page .nxid-app-main .nxid-metric-card strong{font-size:17px;min-height:0}
 .nxid-standalone-page .nxid-app-main .nxid-metric-card strong.nxid-metric-money{font-size:14px}
 .nxid-standalone-page .nxid-app-main .nxid-surface{padding:14px;border-radius:13px;margin:12px 0}
 .nxid-standalone-page .nxid-app-main .nxid-surface-head{margin-bottom:12px;gap:8px;flex-wrap:wrap}
 .nxid-standalone-page .nxid-app-main .nxid-surface-head h3{font-size:16px}
 .nxid-standalone-page .nxid-app-main .nxid-empty{padding:18px 4px 21px}
 .nxid-standalone-page .nxid-app-main .nxid-empty h3{font-size:15px}
 .nxid-standalone-page .nxid-app-main .nxid-empty p{font-size:12px;margin:5px 0 12px}
 .nxid-standalone-page .nxid-app-main .nxid-home-tools{grid-template-columns:1fr;gap:10px}
 .nxid-standalone-page .nxid-app-main .nxid-mini-library,.nxid-standalone-page .nxid-app-main .nxid-mini-account{padding:13px}
 .nxid-standalone-page .nxid-app-main .nxid-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .nxid-standalone-page .nxid-app-footer{width:calc(100% - 28px);padding:11px 0;font-size:10px}
 .nxid-standalone-page .nxid-app-footer span:first-child{display:none}
}
@media(max-width:340px){
 .nxid-standalone-page .nxid-app-main .nxid-side-nav{gap:5px}
 .nxid-standalone-page .nxid-app-main .nxid-side-nav a{font-size:10px;padding:7px 2px}
 .nxid-standalone-page .nxid-app-link-secondary{display:none}
}
@media(prefers-reduced-motion:reduce){.nxid-standalone-page *{transition:none!important;animation:none!important}}