/* Hover thumbnail zoom and full-size click preview throughout the ERP */
.nx-image-hover{position:fixed;z-index:99989;width:min(320px,90vw);height:min(320px,80vh);display:grid;place-items:center;padding:12px;background:#fff;border:1px solid #d5e1ef;border-radius:15px;box-shadow:0 22px 68px rgba(20,39,66,.26);pointer-events:none}
.nx-image-hover[hidden],.nx-image-lightbox[hidden]{display:none!important}
.nx-image-hover img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.nx-image-lightbox{position:fixed;z-index:99990;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(9,19,37,.84);backdrop-filter:blur(4px);padding:70px 32px 35px}
.nx-image-full{display:block;max-width:min(94vw,1280px);max-height:calc(100vh - 145px);width:auto;height:auto;object-fit:contain;box-shadow:0 20px 80px rgba(0,0,0,.45);border-radius:10px;background:#fff}
.nx-image-close{position:absolute;right:27px;top:17px;z-index:1;color:#fff;font-size:34px;width:48px;height:48px;line-height:1;border-radius:12px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);cursor:pointer}
.nx-image-close:hover{background:rgba(255,255,255,.25)}
.nx-image-caption{font-size:13px;color:#e8eff9;text-align:center;max-width:80vw;overflow-wrap:anywhere}
body.nx-image-open{overflow:hidden}
.main-content img,.ship-page img,.nxp-page img,.sm-page img,.fo-page img,.il-page img{cursor:zoom-in}
@media (prefers-reduced-motion:reduce){.nx-image-hover,.nx-image-lightbox{animation:none!important}}