/* Al Nakhlah Private Schools QR cards polish layer — mobile auth + reliable native printing */
html.lc-qr-booting #publicView,
html.lc-qr-booting #loginView,
html.lc-qr-booting #appView{visibility:hidden!important}

#loginCardQrSplash{position:fixed;inset:0;z-index:2147483640;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#f8fafc,#eef2ff);color:#101828}
#loginCardQrSplash .lcqs-card{width:min(390px,100%);background:#fff;border:1px solid #e4e7ec;border-radius:24px;padding:28px 22px;text-align:center;box-shadow:0 24px 70px rgba(15,23,42,.14)}
#loginCardQrSplash .lcqs-logo{width:70px;height:70px;margin:0 auto 14px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#172554,#2563eb);color:#fff;font-size:34px;font-weight:900}
#loginCardQrSplash .lcqs-spinner{width:30px;height:30px;margin:16px auto 8px;border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:lcqs-spin .8s linear infinite}
#loginCardQrSplash b{display:block;font-size:19px;margin-bottom:5px}
#loginCardQrSplash small{display:block;color:#667085;font-size:12px;line-height:1.8}
#loginCardQrSplash.success .lcqs-spinner{display:none}
#loginCardQrSplash.success .lcqs-logo{background:linear-gradient(135deg,#166534,#22c55e)}
@keyframes lcqs-spin{to{transform:rotate(360deg)}}

#loginCardLoginModal.lc-auto-qr .lc-close,
#loginCardLoginModal.lc-auto-qr #lcCameraWrap,
#loginCardLoginModal.lc-auto-qr #lcStartScanner,
#loginCardLoginModal.lc-auto-qr .lc-divider,
#loginCardLoginModal.lc-auto-qr #lcManualLoginForm{display:none!important}
#loginCardLoginModal.lc-auto-qr .lc-login-sheet{text-align:center;max-width:380px}
#loginCardLoginModal.lc-auto-qr .lc-login-icon{margin:0 auto 12px}
#loginCardLoginModal.lc-auto-qr #lcLoginStatus{font-size:13px;min-height:24px;margin:12px 0 0}

/* Printing controls */
#loginCardsPrintPreviewOverlay .lcp-check-option.lc-switch-label{position:relative;padding-inline:10px 12px!important;gap:9px!important}
#loginCardsPrintPreviewOverlay .lcp-check-option.lc-switch-label input{appearance:none;-webkit-appearance:none;width:42px!important;height:24px!important;border-radius:999px;background:#cbd5e1;position:relative;outline:0;cursor:pointer;transition:.2s;flex:0 0 42px}
#loginCardsPrintPreviewOverlay .lcp-check-option.lc-switch-label input:after{content:"";position:absolute;width:18px;height:18px;top:3px;right:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.25);transition:.2s}
#loginCardsPrintPreviewOverlay .lcp-check-option.lc-switch-label input:checked{background:#2563eb}
#loginCardsPrintPreviewOverlay .lcp-check-option.lc-switch-label input:checked:after{transform:translateX(-18px)}
#loginCardsPrintPreviewOverlay .lcp-duplex-note{grid-column:1/-1;padding:9px 11px;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:10px;line-height:1.7}
#loginCardsPrintPreviewOverlay .lcp-layout-hint{font-weight:700;color:#344054}

/* Make the issued-batch bar less intrusive on phones. */
@media(max-width:720px){
  #loginCardsWorkspaceOverlay #lcBatchPanel{padding:10px 11px!important;border-radius:13px!important;gap:9px!important}
  #loginCardsWorkspaceOverlay #lcBatchPanel span{font-size:9px!important;line-height:1.45!important}
  #loginCardsWorkspaceOverlay #lcPrintBatch{min-height:44px!important}
}

/* Dedicated print root. It is intentionally independent from the on-screen overlay. */
#loginCardsNativePrintRoot{display:none}
@media print{
  @page{size:A4 portrait;margin:6mm}
  html,body{margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important;height:auto!important}
  body.lc-native-printing-v2>*:not(#loginCardsNativePrintRoot){display:none!important}
  body.lc-native-printing.lc-native-printing-v2 #loginCardsPrintPreviewOverlay{display:none!important}
  body.lc-native-printing.lc-native-printing-v2 #loginCardsNativePrintRoot{display:block!important;position:static!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;color:#101828!important;overflow:visible!important}
  #loginCardsNativePrintRoot .lcnp-page{width:100%!important;margin:0 auto!important;padding:0!important;display:grid!important;justify-content:center!important;align-content:start!important;background:#fff!important;break-after:page!important;page-break-after:always!important;break-inside:avoid!important;page-break-inside:avoid!important}
  #loginCardsNativePrintRoot .lcnp-page:last-child{break-after:auto!important;page-break-after:auto!important}
  #loginCardsNativePrintRoot .lcp-layout-10{grid-template-columns:85.6mm 85.6mm!important;grid-auto-rows:54mm!important;column-gap:5mm!important;row-gap:2.2mm!important}
  #loginCardsNativePrintRoot .lcp-layout-8{grid-template-columns:85.6mm 85.6mm!important;grid-auto-rows:54mm!important;column-gap:5mm!important;row-gap:5mm!important}
  #loginCardsNativePrintRoot .lcp-layout-6{grid-template-columns:90mm 90mm!important;grid-auto-rows:60mm!important;column-gap:5mm!important;row-gap:6mm!important}
  #loginCardsNativePrintRoot .lcnp-card{width:100%!important;height:100%!important;box-sizing:border-box!important;border:.35mm solid #172554!important;border-radius:3mm!important;padding:3mm!important;display:grid!important;grid-template-columns:minmax(0,1fr) 29mm!important;gap:2.5mm!important;position:relative!important;overflow:hidden!important;background:#fff!important;color:#101828!important;break-inside:avoid!important;page-break-inside:avoid!important;outline:.2mm dashed #cbd5e1!important;outline-offset:.7mm!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  #loginCardsNativePrintRoot .lcp-layout-6 .lcnp-card{grid-template-columns:minmax(0,1fr) 32mm!important}
  #loginCardsNativePrintRoot .lcnp-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2.3mm;background:linear-gradient(90deg,#172554,#2563eb)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  #loginCardsNativePrintRoot .lcp-card-main{min-width:0!important;padding-top:.5mm!important}
  #loginCardsNativePrintRoot .brand{display:flex!important;gap:2mm!important;align-items:center!important;margin:.6mm 0 1.1mm!important;min-width:0!important}
  #loginCardsNativePrintRoot .brand img{width:8mm!important;height:8mm!important;object-fit:contain!important;flex:0 0 8mm!important}
  #loginCardsNativePrintRoot .brand b{display:block!important;font-size:8.3pt!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:44mm!important}
  #loginCardsNativePrintRoot .brand small{display:block!important;color:#667085!important;font-size:5.8pt!important}
  #loginCardsNativePrintRoot .name{font-size:10pt!important;font-weight:900!important;margin:.7mm 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #loginCardsNativePrintRoot .meta{font-size:6.4pt!important;color:#475467!important;min-height:3.4mm!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #loginCardsNativePrintRoot .cred{margin-top:1mm!important;border:.2mm solid #d0d5dd!important;border-radius:2mm!important;padding:1.2mm 1.5mm!important;background:#f8fafc!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  #loginCardsNativePrintRoot .cred div{display:flex!important;justify-content:space-between!important;gap:1.5mm!important;font-size:6.3pt!important;margin:.45mm 0!important}
  #loginCardsNativePrintRoot .cred code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-weight:900!important;font-size:6.6pt!important;direction:ltr!important;white-space:nowrap!important}
  #loginCardsNativePrintRoot .serial{font-size:5.2pt!important;color:#98a2b3!important;margin-top:.7mm!important;direction:ltr!important}
  #loginCardsNativePrintRoot .foot{font-size:5.2pt!important;color:#667085!important;margin-top:.45mm!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #loginCardsNativePrintRoot .qr{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;border-right:.2mm dashed #d0d5dd!important;padding-right:2mm!important;min-width:0!important}
  #loginCardsNativePrintRoot .qr img{width:27mm!important;height:27mm!important;object-fit:contain!important}
  #loginCardsNativePrintRoot .lcp-layout-6 .qr img{width:30mm!important;height:30mm!important}
  #loginCardsNativePrintRoot .qr span{font-size:5.2pt!important;text-align:center!important;color:#475467!important;margin-top:.7mm!important}
  #loginCardsNativePrintRoot.mono .lcnp-card{filter:grayscale(1)!important}
}