/* STEP9H6K11B_QR_SESSION_BOOT_FIX_V1 */

/* ---------------------------------------------------------
   SESSION BOOT GATE
   When a TRX session token already exists during hard reload,
   never paint the login page while the existing boot() validates it.
   --------------------------------------------------------- */
html.nxc11b-session-booting #loginScreen {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html.nxc11b-session-booting body::before {
  content: "Memuat sesi NEXCIP...";
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 78% 20%, rgba(200,255,0,.08), transparent 34%),
    #050806;
  color: #c8ff00;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .08em;
}

/* ---------------------------------------------------------
   QR DEDUPE
   qrcodejs creates a canvas plus an internal IMG fallback.
   STEP 11A made both display:block, which visually stacked them.
   Keep the canvas as the primary renderer.
   --------------------------------------------------------- */
#nxc11aQrBox canvas {
  display: block !important;
  margin: auto !important;
}

#nxc11aQrBox canvas ~ img,
#nxc11aQrBox canvas + img {
  display: none !important;
}

/* Defensive size guard: one square QR only. */
#nxc11aQrBox {
  width: 240px !important;
  min-height: 240px !important;
  height: 240px !important;
  overflow: hidden !important;
}

#nxc11aQrBox canvas,
#nxc11aQrBox img {
  width: 220px !important;
  height: 220px !important;
  max-width: 220px !important;
  max-height: 220px !important;
  object-fit: contain !important;
}

@media(max-width:460px) {
  #nxc11aQrBox {
    width: 224px !important;
    min-height: 224px !important;
    height: 224px !important;
  }

  #nxc11aQrBox canvas,
  #nxc11aQrBox img {
    width: 204px !important;
    height: 204px !important;
    max-width: 204px !important;
    max-height: 204px !important;
  }
}