/* =========================================================
   MEGABRAIN PDF — UX/UI POLISH LAYER
   Faqat #pagePdf ichida ishlaydi.
   MUHIM: mavjud ID/classlar va onclick/eventlar o'zgartirilmaydi.
   Joylashuv va funksional oqim saqlanadi; faqat vizual qatlam
   yaxshilanadi.
========================================================= */

#pagePdf{
  --pdf-violet:#6d28d9;
  --pdf-violet-2:#8b5cf6;
  --pdf-violet-3:#a78bfa;
  --pdf-ink:#1e1b3a;
  --pdf-muted:#77738c;
  --pdf-line:#ebe7f5;
  --pdf-soft:#f8f6ff;
  --pdf-shadow:0 12px 34px rgba(49,28,105,.08);
  color:var(--pdf-ink);
}

#pagePdf .layout{
  isolation:isolate;
}

#pagePdf .btn-home{
  border:1px solid #e8e2f5 !important;
  background:rgba(255,255,255,.94) !important;
  color:#5b21b6 !important;
  border-radius:12px !important;
  padding:9px 14px !important;
  font-weight:800 !important;
  box-shadow:0 4px 14px rgba(60,30,120,.06) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
#pagePdf .btn-home:hover{
  transform:translateY(-1px);
  border-color:#c4b5fd !important;
  box-shadow:0 8px 20px rgba(109,40,217,.12) !important;
}

/* Asosiy sozlamalar paneli */
#pagePdf .sidebar{
  border:1px solid rgba(124,58,237,.12) !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 8% 0%,rgba(167,139,250,.10),transparent 30%),
    linear-gradient(180deg,#fff 0%,#fdfcff 100%) !important;
  box-shadow:0 16px 42px rgba(42,24,91,.09),0 2px 8px rgba(42,24,91,.04) !important;
}

#pagePdf .pdf-modal-head{
  padding:20px 22px 16px !important;
  background:linear-gradient(180deg,rgba(248,246,255,.9),rgba(255,255,255,0)) !important;
  border-bottom:1px solid #f0ecf8 !important;
}

#pagePdf .pdf-modal-icon{
  width:46px !important;
  height:46px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#ede9fe,#faf8ff) !important;
  box-shadow:0 7px 18px rgba(109,40,217,.10),inset 0 0 0 1px rgba(124,58,237,.10) !important;
}

#pagePdf .pdf-modal-title2{
  font-size:1.08rem !important;
  letter-spacing:.015em !important;
}
#pagePdf .pdf-modal-subtitle{
  color:#858198 !important;
}

/* Generator tugmasi — markaziy joyi o'zgarmaydi */
#pagePdf .pdf-gen-circle-wrap{
  padding:14px 0 10px !important;
}
#pagePdf .pdf-gen-circle{
  width:100px !important;
  height:100px !important;
  background:radial-gradient(circle at 32% 25%,#a78bfa 0%,#7c3aed 48%,#4c1d95 100%) !important;
  box-shadow:
    0 14px 30px rgba(109,40,217,.28),
    0 0 0 8px rgba(124,58,237,.055),
    inset 0 1px 0 rgba(255,255,255,.35) !important;
}
#pagePdf .pdf-gen-circle:hover{
  transform:scale(1.045) !important;
  box-shadow:
    0 18px 36px rgba(109,40,217,.34),
    0 0 0 9px rgba(124,58,237,.075),
    inset 0 1px 0 rgba(255,255,255,.4) !important;
}
#pagePdf .pdf-gen-circle-icon{
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.18));
}

/* Sozlama kartalari */
#pagePdf .pdf-sb-scroll{
  padding:15px 22px 7px !important;
}

#pagePdf .pdf-card{
  position:relative;
  overflow:visible !important;
  border:1px solid #eeeaf7 !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 3px 12px rgba(45,25,95,.035) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
#pagePdf .pdf-card:hover{
  transform:translateY(-1px);
  border-color:#ddd3f6 !important;
  box-shadow:0 10px 24px rgba(109,40,217,.075) !important;
}
#pagePdf .pdf-card-header{
  padding:14px 15px 8px !important;
}
#pagePdf .pdf-card-header span{
  color:#5b21b6 !important;
  font-size:.76rem !important;
  letter-spacing:.055em !important;
}
#pagePdf .pdf-card-body{
  padding:0 15px 15px !important;
}

/* Qadam sarlavhalari */
#pagePdf .pdf-step-title{
  color:#6b667b !important;
}
#pagePdf .pdf-step-badge{
  width:21px !important;
  height:21px !important;
  border-radius:7px !important;
  background:linear-gradient(135deg,#8b5cf6,#5b21b6) !important;
  box-shadow:0 3px 8px rgba(109,40,217,.18);
}

/* + / - va inputlar */
#pagePdf .pdf-stepr button{
  width:34px !important;
  height:34px !important;
  border:1px solid #e6e0f3 !important;
  border-radius:10px !important;
  background:#faf9ff !important;
  color:#6d28d9 !important;
  box-shadow:0 2px 6px rgba(45,25,95,.04);
}
#pagePdf .pdf-stepr button:hover{
  background:#f1edff !important;
  border-color:#a78bfa !important;
  transform:translateY(-1px);
}
#pagePdf .pdf-stepr-input{
  min-height:34px;
  border:1px solid #e5def2 !important;
  background:#fff !important;
}
#pagePdf .pdf-stepr-input:focus{
  border-color:#8b5cf6 !important;
  box-shadow:0 0 0 4px rgba(139,92,246,.11) !important;
}

/* Tanlash chiplar */
#pagePdf .d-chip,
#pagePdf .t-chip{
  border:1px solid #e5def2 !important;
  background:#fff !important;
  color:#504b60 !important;
  box-shadow:0 1px 3px rgba(45,25,95,.025);
  transition:transform .14s ease, background .14s ease, border-color .14s ease, box-shadow .14s ease !important;
}
#pagePdf .d-chip:hover,
#pagePdf .t-chip:hover{
  transform:translateY(-1px);
  border-color:#a78bfa !important;
  background:#faf8ff !important;
  color:#5b21b6 !important;
}
#pagePdf .d-chip.on,
#pagePdf .t-chip.on{
  border-color:#7c3aed !important;
  background:linear-gradient(180deg,#f5f3ff,#ede9fe) !important;
  color:#5b21b6 !important;
  box-shadow:inset 0 0 0 1px #7c3aed,0 4px 10px rgba(109,40,217,.08) !important;
}

/* Kombinatsiya bloklari */
#pagePdf .opt-block{
  border:1px solid #ece7f6 !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#fff,#fdfcff) !important;
  box-shadow:0 4px 14px rgba(45,25,95,.035) !important;
}
#pagePdf .opt-col:not(:first-child){
  border-left-color:#eee9f7 !important;
}

/* Dropdown menyular: kesilib/yo'qolib qolmasligi uchun */
#pagePdf .pdf-type-dd{
  position:relative;
  z-index:30;
}
#pagePdf .pdf-type-dd.open{
  z-index:1000;
}
#pagePdf .pdf-type-dd-panel{
  z-index:9999 !important;
  border:1px solid #e2daf2 !important;
  border-radius:13px !important;
  padding:6px !important;
  background:rgba(255,255,255,.99) !important;
  box-shadow:0 18px 42px rgba(35,18,80,.18),0 3px 10px rgba(35,18,80,.07) !important;
  backdrop-filter:blur(8px);
}
#pagePdf .pdf-type-dd-opt{
  min-height:36px;
  border-radius:9px !important;
}
#pagePdf .pdf-type-dd-opt:hover{
  background:#f5f3ff !important;
}
#pagePdf .pdf-type-dd-opt.on{
  background:linear-gradient(90deg,#f3efff,#faf8ff) !important;
  color:#5b21b6 !important;
}
#pagePdf .pdf-type-dd-check{
  border-color:#d8cff0 !important;
}
#pagePdf .pdf-type-dd-opt.on .pdf-type-dd-check{
  background:#7c3aed !important;
  border-color:#7c3aed !important;
}

/* Boshlash */
#pagePdf .pdf-begin-btn{
  border:1px solid #c4b5fd !important;
  border-radius:11px !important;
  background:linear-gradient(180deg,#fff,#faf8ff) !important;
  color:#5b21b6 !important;
  box-shadow:0 4px 12px rgba(109,40,217,.06);
}
#pagePdf .pdf-begin-btn:hover{
  border-color:#7c3aed !important;
  background:#f5f3ff !important;
  box-shadow:0 8px 18px rgba(109,40,217,.12) !important;
}

/* Natija qismi */
#pagePdf .main{
  margin-top:22px !important;
}
#pagePdf .topbar{
  border:1px solid #eeeaf7;
  border-radius:18px;
  padding:13px 16px !important;
  background:rgba(255,255,255,.9);
  box-shadow:0 5px 18px rgba(45,25,95,.045);
}
#pagePdf .topbar h2{
  font-size:1.05rem !important;
  font-weight:850 !important;
}
#pagePdf .topbar .inf{
  margin-top:3px;
}
#pagePdf .btn-print,
#pagePdf .btn-pdf{
  min-height:40px;
  padding:9px 14px !important;
  font-weight:800 !important;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}
#pagePdf .btn-print:hover,
#pagePdf .btn-pdf:hover{
  transform:translateY(-1px);
}
#pagePdf .btn-pdf{
  box-shadow:0 8px 18px rgba(22,163,74,.18) !important;
}

#pagePdf .pbox{
  margin-top:12px;
  border:1px solid #ece8f5 !important;
  border-radius:20px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(252,250,255,.98)) !important;
  box-shadow:0 14px 34px rgba(45,25,95,.065) !important;
  overflow:auto;
}
#pagePdf .empty{
  min-height:260px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:28px;
}
#pagePdf .empty .ico{
  width:64px;
  height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:linear-gradient(135deg,#f3efff,#faf8ff);
  box-shadow:inset 0 0 0 1px #e7def8,0 8px 20px rgba(109,40,217,.08);
  font-size:30px;
}

/* Natija jadvali */
#pagePdf .group-title{
  background:linear-gradient(135deg,#6d28d9,#8b5cf6) !important;
  box-shadow:0 4px 12px rgba(109,40,217,.14);
}
#pagePdf .wt{
  border-color:#ebe6f4 !important;
}
#pagePdf .wt td{
  border-color:#ebe6f4 !important;
}
#pagePdf .wt td.hd{
  background:#f5f3ff !important;
  color:#5b21b6 !important;
}
#pagePdf .wt td.eq{
  background:#faf9ff !important;
}
#pagePdf .wt td.rn{
  background:#fbfaff !important;
  color:#858098 !important;
}
#pagePdf .wt td.rn-eq{
  background:#fdf5ff !important;
  color:#a21caf !important;
}

/* Klaviatura bilan ishlashda ko'rinadigan fokus */
#pagePdf button:focus-visible,
#pagePdf input:focus-visible{
  outline:3px solid rgba(124,58,237,.20) !important;
  outline-offset:2px;
}

/* Mobil: joylashuv saqlanadi, faqat siqilish chiroyli boshqariladi */
@media(max-width:700px){
  #pagePdf .pdf-modal-head{
    padding:16px 15px 13px !important;
  }
  #pagePdf .pdf-sb-scroll{
    padding:12px 12px 6px !important;
  }
  #pagePdf .pdf-card{
    border-radius:14px !important;
  }
  #pagePdf .pdf-card-header{
    padding:12px 13px 7px !important;
  }
  #pagePdf .pdf-card-body{
    padding:0 13px 13px !important;
  }
  #pagePdf .topbar{
    padding:11px 12px !important;
    border-radius:15px;
  }
  #pagePdf .btn-print,
  #pagePdf .btn-pdf{
    padding:8px 10px !important;
    font-size:.78rem;
  }
}

/* Juda kichik ekranlarda elementlar yo'qolib ketmasin */
@media(max-width:430px){
  #pagePdf .topbar{
    gap:8px;
  }
  #pagePdf .topbar > div:last-child{
    flex-wrap:wrap;
    justify-content:flex-end;
  }
  #pagePdf .btn-print,
  #pagePdf .btn-pdf{
    min-height:38px;
  }
}

/* Harakatni kamaytirish sozlamasi */
@media(prefers-reduced-motion:reduce){
  #pagePdf *{
    scroll-behavior:auto !important;
    transition-duration:0.01ms !important;
    animation-duration:0.01ms !important;
  }
}

/* =========================================================
   PDF PAGE — MEGABRAIN 1-SCREEN COMPOSITION
   Faqat #pagePdf. Menyu HTML/ID/eventlar o'zgartirilmaydi.
   Fon rasmi YO'Q: dekorlar alohida PNG elementlar sifatida teriladi.
========================================================= */
#pagePdf{
  position:relative !important;
  min-height:calc(100vh - 68px) !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  background:
    radial-gradient(circle at 50% 4%,rgba(255,255,255,.98) 0 18%,rgba(226,239,255,.72) 43%,rgba(194,221,255,.82) 100%) !important;
  color:#1e1b4b !important;
}
#pagePdf::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:0 !important;
  background:
    radial-gradient(circle at 12% 45%,rgba(59,130,246,.16),transparent 24%),
    radial-gradient(circle at 90% 56%,rgba(129,140,248,.18),transparent 26%),
    radial-gradient(circle at 50% 100%,rgba(167,139,250,.16),transparent 28%) !important;
}
#pagePdf .pdf-scene{
  position:relative !important;
  min-height:100vh !important;
  isolation:isolate !important;
}
#pagePdf .pdf-art-layer{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}
#pagePdf .pdf-art{
  position:absolute !important;
  display:block !important;
  user-select:none !important;
  -webkit-user-drag:none !important;
  pointer-events:none !important;
}
#pagePdf .pdf-art-logo{
  top:8px !important;
  left:50% !important;
  width:430px !important;
  height:auto !important;
  transform:translateX(-50%) !important;
  filter:drop-shadow(0 7px 12px rgba(59,130,246,.13)) !important;
  z-index:4 !important;
}
#pagePdf .pdf-art-speech{
  top:13px !important;
  right:34px !important;
  width:330px !important;
  height:auto !important;
  z-index:4 !important;
}
#pagePdf .pdf-art-mascot{
  right:-2px !important;
  top:355px !important;
  width:250px !important;
  height:auto !important;
  z-index:3 !important;
  filter:drop-shadow(0 14px 22px rgba(36,64,130,.16)) !important;
}
#pagePdf .pdf-art-mosque{
  left:-18px !important;
  top:70px !important;
  width:180px !important;
  height:700px !important;
  object-fit:contain !important;
  object-position:top center !important;
  opacity:.93 !important;
  z-index:2 !important;
}
#pagePdf .pdf-art-books{
  left:-2px !important;
  bottom:-8px !important;
  width:245px !important;
  height:auto !important;
  z-index:3 !important;
  filter:drop-shadow(0 12px 18px rgba(36,64,130,.12)) !important;
}
#pagePdf .pdf-art-plane{
  top:112px !important;
  right:245px !important;
  width:70px !important;
  opacity:.82 !important;
  z-index:4 !important;
}
#pagePdf .pdf-deco-bird{
  position:absolute !important;
  color:#4f46e5 !important;
  font-size:28px !important;
  opacity:.42 !important;
  transform:rotate(-18deg) !important;
}
#pagePdf .pdf-deco-bird-a{right:175px;top:190px;}
#pagePdf .pdf-deco-bird-b{right:120px;top:230px;font-size:20px;}

#pagePdf > .game-page-wrap > div:first-of-type{
  position:relative !important;
  z-index:20 !important;
  padding:14px 32px 0 !important;
}
#pagePdf .btn-home{
  padding:11px 27px !important;
  min-width:140px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(96,165,250,.28) !important;
  color:#3730a3 !important;
  font-size:15px !important;
  font-weight:900 !important;
  box-shadow:0 7px 20px rgba(37,99,235,.12) !important;
}

#pagePdf .layout{
  position:relative !important;
  z-index:10 !important;
  display:flex !important;
  flex-direction:column !important;
  width:min(1290px,calc(100% - 210px)) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:42px 0 44px !important;
  gap:20px !important;
}
#pagePdf .sidebar{
  position:relative !important;
  top:auto !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding:0 !important;
  overflow:visible !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.95) !important;
  border:1px solid rgba(147,197,253,.55) !important;
  box-shadow:0 12px 32px rgba(37,99,235,.13),0 2px 8px rgba(76,29,149,.06) !important;
}
#pagePdf .pdf-modal-head{
  height:118px !important;
  min-height:118px !important;
  padding:18px 28px !important;
  border-radius:26px 26px 0 0 !important;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,250,255,.96)) !important;
  border-bottom:1px solid rgba(191,219,254,.55) !important;
}
#pagePdf .pdf-modal-head-left{
  max-width:34% !important;
}
#pagePdf .pdf-modal-icon{
  width:52px !important;height:60px !important;
}
#pagePdf .pdf-modal-title2{
  font-size:1.35rem !important;
  font-weight:900 !important;
  color:#171b72 !important;
}
#pagePdf .pdf-modal-subtitle{
  font-size:11px !important;
}
#pagePdf .pdf-gen-circle-wrap{
  top:8px !important;
  left:50% !important;
  width:160px !important;
  height:160px !important;
}
#pagePdf .pdf-gen-circle{
  width:116px !important;
  height:116px !important;
  border:5px solid rgba(219,234,254,.92) !important;
}
#pagePdf .pdf-gen-arrows{
  top:15px !important;
  left:-250px !important;
  width:660px !important;
}
#pagePdf .pdf-sb-scroll{
  padding:10px 12px 14px !important;
  overflow:visible !important;
}
#pagePdf #blocksContainer{
  display:block !important;
}
#pagePdf .opt-block{
  margin:0 !important;
  padding:0 0 9px !important;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#pagePdf .opt-block-head{
  min-height:38px !important;
  margin:0 0 0 !important;
  padding:0 0 0 4px !important;
  border-radius:20px 20px 0 0 !important;
  background:linear-gradient(90deg,#5225dc,#5b21f5 55%,#4430db) !important;
}
#pagePdf .opt-block-label{
  color:#fff !important;
  font-size:13px !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
  padding-left:12px !important;
}
#pagePdf .opt-row{
  display:grid !important;
  grid-template-columns:1.25fr .85fr 1.05fr 1.15fr .9fr .95fr !important;
  align-items:stretch !important;
  gap:0 !important;
  padding:8px 5px !important;
  border:1px solid rgba(226,232,240,.9) !important;
  border-top:none !important;
  border-radius:0 0 18px 18px !important;
  background:rgba(255,255,255,.98) !important;
}
#pagePdf .opt-col{
  min-width:0 !important;
  padding:4px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
#pagePdf .opt-col:first-child{padding-left:8px !important;}
#pagePdf .opt-col:not(:first-child){border-left:1px solid #e9e5f3 !important;}
#pagePdf .pdf-step-title{
  font-size:11px !important;
  font-weight:900 !important;
  margin-bottom:8px !important;
  color:#3c3762 !important;
  letter-spacing:.02em !important;
}
#pagePdf .pdf-step-badge{
  width:25px !important;
  height:25px !important;
  border-radius:50% !important;
  flex:0 0 25px !important;
  background:linear-gradient(135deg,#7c3aed,#4f46e5) !important;
  color:#fff !important;
}
#pagePdf .d-row{gap:5px !important;flex-wrap:nowrap !important;}
#pagePdf .d-chip{
  min-width:31px !important;
  padding:8px 4px !important;
  border-radius:10px !important;
  border:1px solid #ddd6fe !important;
  background:#fff !important;
  font-size:13px !important;
}
#pagePdf .d-chip.on{
  color:#fff !important;
  border-color:#6d28d9 !important;
  background:linear-gradient(135deg,#7c3aed,#5b21b6) !important;
  box-shadow:0 4px 9px rgba(109,40,217,.18) !important;
}
#pagePdf .pdf-stepr{
  gap:5px !important;
}
#pagePdf .pdf-stepr button{
  width:36px !important;
  height:36px !important;
  flex:0 0 36px !important;
  border-radius:10px !important;
  background:#fbfaff !important;
}
#pagePdf .pdf-stepr-input{
  min-width:0 !important;
  width:48px !important;
  height:36px !important;
  padding:5px !important;
  border-radius:10px !important;
  text-align:center !important;
  font-size:14px !important;
  font-weight:900 !important;
}
#pagePdf .pdf-type-dd-btn{
  max-width:none !important;
  min-width:0 !important;
  width:100% !important;
  height:36px !important;
}
#pagePdf .pdf-begin-btn{
  min-height:36px !important;
  width:100% !important;
  padding:7px 10px !important;
  border:0 !important;
  border-radius:11px !important;
  background:linear-gradient(135deg,#7023f5,#4f20e8) !important;
  color:#fff !important;
  box-shadow:0 7px 16px rgba(79,70,229,.22) !important;
}
#pagePdf .main{
  width:100% !important;
  min-width:0 !important;
  margin-top:0 !important;
  gap:12px !important;
}
#pagePdf .topbar{
  padding:10px 18px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(191,219,254,.65) !important;
}
#pagePdf .topbar h2{
  color:#22205b !important;
}
#pagePdf .pbox{
  min-height:300px !important;
  margin-top:0 !important;
  border-radius:22px !important;
  border:1px solid rgba(191,219,254,.65) !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 12px 32px rgba(37,99,235,.10) !important;
}
#pagePdf .empty{
  min-height:300px !important;
}
#pagePdf .pdf-art-mascot,
#pagePdf .pdf-art-books,
#pagePdf .pdf-art-mosque{
  /* dekorlar kontentga xalaqit bermaydi */
}
@media(max-width:1250px){
  #pagePdf .layout{width:min(1120px,calc(100% - 90px)) !important;}
  #pagePdf .pdf-art-mascot{width:205px !important;right:-8px !important;}
  #pagePdf .pdf-art-books{width:190px !important;}
  #pagePdf .pdf-art-mosque{width:145px !important;}
}
@media(max-width:900px){
  #pagePdf .pdf-art-logo{width:340px !important;top:12px !important;}
  #pagePdf .pdf-art-speech{width:250px !important;right:12px !important;top:72px !important;}
  #pagePdf .pdf-art-plane{display:none !important;}
  #pagePdf .layout{width:calc(100% - 24px) !important;padding-top:26px !important;}
  #pagePdf .opt-row{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    row-gap:8px !important;
  }
  #pagePdf .opt-col:nth-child(4){border-left:none !important;}
  #pagePdf .pdf-art-mascot{opacity:.55 !important;right:-45px !important;}
  #pagePdf .pdf-art-mosque{opacity:.55 !important;left:-55px !important;}
}
@media(max-width:700px){
  #pagePdf .pdf-art-logo{width:270px !important;top:8px !important;}
  #pagePdf .pdf-art-speech{width:190px !important;top:55px !important;right:4px !important;}
  #pagePdf .pdf-art-mascot{display:none !important;}
  #pagePdf .pdf-art-mosque{display:none !important;}
  #pagePdf .pdf-art-books{width:145px !important;left:-18px !important;bottom:-3px !important;opacity:.65 !important;}
  #pagePdf > .game-page-wrap > div:first-of-type{padding:10px 12px 0 !important;}
  #pagePdf .btn-home{min-width:120px !important;padding:9px 18px !important;font-size:13px !important;}
  #pagePdf .layout{width:calc(100% - 14px) !important;padding:20px 0 28px !important;}
  #pagePdf .pdf-modal-head{height:104px !important;min-height:104px !important;padding:14px 14px !important;}
  #pagePdf .pdf-modal-head-left{max-width:52% !important;}
  #pagePdf .pdf-modal-title2{font-size:1rem !important;}
  #pagePdf .pdf-modal-subtitle{font-size:8px !important;}
  #pagePdf .pdf-gen-circle-wrap{top:0 !important;}
  #pagePdf .pdf-gen-circle{width:88px !important;height:88px !important;}
  #pagePdf .pdf-gen-circle-icon{font-size:19px !important;}
  #pagePdf .pdf-gen-circle-label{font-size:8px !important;}
  #pagePdf .pdf-sb-scroll{padding:7px !important;}
  #pagePdf .opt-row{grid-template-columns:1fr 1fr !important;}
  #pagePdf .opt-col{border-left:none !important;border-top:1px solid #eee9f7 !important;}
  #pagePdf .opt-col:first-child{border-top:none !important;}
  #pagePdf .topbar{padding:9px 11px !important;}
  #pagePdf .pbox{min-height:260px !important;}
}

/* =========================================================
   PDF PAGE — USER REQUEST: MOSQUE RIGHT / STUDENT LEFT
   Menyu, HTML ID/eventlar va generator ishlash jarayoni o'zgartirilmaydi.
========================================================= */
#pagePdf .pdf-art-mascot{
  left:18px !important;
  right:auto !important;
  top:350px !important;
  width:245px !important;
  height:auto !important;
  z-index:4 !important;
  opacity:1 !important;
  filter:drop-shadow(0 14px 22px rgba(36,64,130,.16)) !important;
}
#pagePdf .pdf-art-mosque{
  right:10px !important;
  left:auto !important;
  top:82px !important;
  width:185px !important;
  height:700px !important;
  object-fit:contain !important;
  object-position:top center !important;
  opacity:.96 !important;
  z-index:2 !important;
}
#pagePdf .pdf-art-books{
  left:50% !important;
  right:auto !important;
  bottom:-8px !important;
  width:245px !important;
  transform:translateX(-50%) !important;
  z-index:3 !important;
}
@media(max-width:1250px){
  #pagePdf .pdf-art-mascot{
    left:8px !important;
    width:205px !important;
  }
  #pagePdf .pdf-art-mosque{
    right:0 !important;
    width:145px !important;
  }
  #pagePdf .pdf-art-books{width:190px !important;}
}
@media(max-width:900px){
  #pagePdf .pdf-art-mascot{
    left:-35px !important;
    right:auto !important;
    top:350px !important;
    width:205px !important;
    opacity:.55 !important;
  }
  #pagePdf .pdf-art-mosque{
    right:-45px !important;
    left:auto !important;
    top:100px !important;
    width:145px !important;
    opacity:.55 !important;
  }
  #pagePdf .pdf-art-books{
    left:50% !important;
    transform:translateX(-50%) !important;
    width:180px !important;
  }
}
@media(max-width:700px){
  #pagePdf .pdf-art-mascot{display:none !important;}
  #pagePdf .pdf-art-mosque{display:none !important;}
  #pagePdf .pdf-art-books{
    left:50% !important;
    transform:translateX(-50%) !important;
    width:145px !important;
    opacity:.65 !important;
  }
}

/* =========================================================
   PDF PAGE — MOBILE RESPONSIVE FIX
   Faqat telefon ekranlari uchun. Desktop/tablet ko'rinishiga
   tegilmaydi. Barcha mavjud ID/class va JS eventlar saqlanadi.
========================================================= */
@media (max-width:700px){
  #pagePdf{
    min-height:100dvh !important;
    overflow-x:hidden !important;
  }

  #pagePdf .pdf-scene{
    min-height:100dvh !important;
    width:100% !important;
    overflow-x:hidden !important;
  }

  /* Yuqoridagi Orqaga tugmasi */
  #pagePdf > .game-page-wrap > div:first-of-type{
    padding:10px 10px 0 !important;
    position:relative !important;
    z-index:50 !important;
  }
  #pagePdf .btn-home{
    min-width:0 !important;
    width:auto !important;
    padding:8px 13px !important;
    font-size:12px !important;
  }

  /* Mobil header: matn chapda, generator o'ngda; ustma-ust tushmaydi */
  #pagePdf .layout{
    width:calc(100% - 12px) !important;
    margin:0 auto !important;
    padding:18px 0 24px !important;
    gap:12px !important;
  }
  #pagePdf .sidebar{
    width:100% !important;
    border-radius:18px !important;
    overflow:visible !important;
  }
  #pagePdf .pdf-modal-head{
    height:112px !important;
    min-height:112px !important;
    padding:12px 12px !important;
    border-radius:18px 18px 0 0 !important;
  }
  #pagePdf .pdf-modal-head-left{
    max-width:58% !important;
    gap:8px !important;
    align-items:center !important;
  }
  #pagePdf .pdf-modal-icon{
    width:38px !important;
    height:46px !important;
    flex:0 0 38px !important;
    font-size:17px !important;
    border-radius:9px !important;
  }
  #pagePdf .pdf-modal-icon-badge{
    font-size:7px !important;
    padding:2px 4px !important;
    bottom:2px !important;
  }
  #pagePdf .pdf-modal-title2{
    font-size:.88rem !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
  }
  #pagePdf .pdf-modal-subtitle{
    display:block !important;
    font-size:8px !important;
    line-height:1.3 !important;
    margin-top:3px !important;
  }
  #pagePdf .pdf-modal-subtitle br{
    display:none !important;
  }

  #pagePdf .pdf-gen-circle-wrap{
    top:5px !important;
    left:auto !important;
    right:6px !important;
    width:98px !important;
    height:98px !important;
    transform:none !important;
  }
  #pagePdf .pdf-gen-circle{
    top:4px !important;
    left:50% !important;
    width:84px !important;
    height:84px !important;
    min-width:84px !important;
    min-height:84px !important;
    border-width:4px !important;
    transform:translateX(-50%) !important;
  }
  #pagePdf .pdf-gen-circle:hover,
  #pagePdf .pdf-gen-circle:active{
    transform:translateX(-50%) scale(.98) !important;
  }
  #pagePdf .pdf-gen-circle-icon{font-size:17px !important;}
  #pagePdf .pdf-gen-circle-label{font-size:7px !important;}
  #pagePdf .pdf-gen-arrows{display:none !important;}

  /* Sozlamalar bloklari: telefon uchun bir ustun */
  #pagePdf .pdf-sb-scroll{
    padding:8px !important;
    overflow:visible !important;
  }
  #pagePdf .opt-block{
    padding-bottom:8px !important;
  }
  #pagePdf .opt-block-head{
    min-height:36px !important;
    border-radius:13px 13px 0 0 !important;
  }
  #pagePdf .opt-block-label{
    font-size:11px !important;
    padding-left:9px !important;
  }
  #pagePdf .opt-row{
    grid-template-columns:1fr !important;
    row-gap:0 !important;
    padding:4px 7px 7px !important;
    border-radius:0 0 14px 14px !important;
  }
  #pagePdf .opt-col,
  #pagePdf .opt-col:not(:first-child),
  #pagePdf .opt-col:nth-child(4){
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    padding:9px 5px !important;
    border-left:none !important;
    border-top:1px solid #eee9f7 !important;
  }
  #pagePdf .opt-col:first-child{
    border-top:none !important;
    padding-top:7px !important;
  }
  #pagePdf .pdf-step-title{
    font-size:10px !important;
    margin-bottom:6px !important;
  }
  #pagePdf .pdf-step-badge{
    width:22px !important;
    height:22px !important;
    flex-basis:22px !important;
    font-size:10px !important;
  }
  #pagePdf .d-row{
    width:100% !important;
    flex-wrap:wrap !important;
    gap:5px !important;
  }
  #pagePdf .d-chip{
    min-width:38px !important;
    flex:0 0 auto !important;
    padding:7px 8px !important;
    font-size:12px !important;
  }
  #pagePdf .pdf-cols-toggle{
    flex-wrap:wrap !important;
  }
  #pagePdf .pdf-stepr{
    width:100% !important;
    justify-content:flex-start !important;
  }
  #pagePdf .pdf-stepr button{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }
  #pagePdf .pdf-stepr-input{
    width:56px !important;
    height:38px !important;
    flex:0 0 56px !important;
  }
  #pagePdf .pdf-type-dd,
  #pagePdf .pdf-type-dd-btn{
    width:100% !important;
    max-width:100% !important;
  }
  #pagePdf .pdf-type-dd-btn{
    height:38px !important;
  }
  #pagePdf .pdf-type-dd-panel{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    width:auto !important;
    max-height:240px !important;
    overflow-y:auto !important;
  }
  #pagePdf .pdf-begin-btn{
    min-height:40px !important;
    font-size:13px !important;
  }
  #pagePdf .opt-col-note{
    font-size:10px !important;
    line-height:1.35 !important;
  }

  /* Natija paneli */
  #pagePdf .main{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    gap:9px !important;
  }
  #pagePdf .topbar{
    width:100% !important;
    box-sizing:border-box !important;
    padding:10px !important;
    border-radius:14px !important;
    gap:8px !important;
    align-items:flex-start !important;
  }
  #pagePdf .topbar > div:first-child{
    min-width:0 !important;
    flex:1 1 auto !important;
  }
  #pagePdf .topbar h2{
    font-size:.9rem !important;
    line-height:1.2 !important;
  }
  #pagePdf .topbar .inf{
    font-size:10px !important;
    line-height:1.3 !important;
    word-break:break-word !important;
  }
  #pagePdf .topbar > div:last-child{
    flex:0 0 auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:5px !important;
  }
  #pagePdf .btn-print,
  #pagePdf .btn-pdf{
    min-height:34px !important;
    width:auto !important;
    padding:7px 8px !important;
    font-size:10px !important;
    white-space:nowrap !important;
  }
  #pagePdf .pbox{
    width:100% !important;
    box-sizing:border-box !important;
    min-height:220px !important;
    max-height:none !important;
    border-radius:16px !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
  #pagePdf .empty{
    min-height:220px !important;
    padding:22px 14px !important;
    text-align:center !important;
    font-size:12px !important;
  }
  #pagePdf .empty .ico{
    width:54px !important;
    height:54px !important;
    font-size:25px !important;
  }
  #pagePdf .wt{
    min-width:560px !important;
    font-size:11px !important;
  }
}

@media (max-width:430px){
  #pagePdf .layout{
    width:calc(100% - 8px) !important;
  }
  #pagePdf .pdf-modal-head{
    height:106px !important;
    min-height:106px !important;
  }
  #pagePdf .pdf-modal-head-left{
    max-width:60% !important;
  }
  #pagePdf .pdf-modal-title2{
    font-size:.78rem !important;
  }
  #pagePdf .pdf-modal-subtitle{
    font-size:7px !important;
  }
  #pagePdf .pdf-gen-circle-wrap{
    right:2px !important;
  }
  #pagePdf .pdf-gen-circle{
    width:78px !important;
    height:78px !important;
    min-width:78px !important;
    min-height:78px !important;
  }
  #pagePdf .pdf-gen-circle-label{font-size:6.5px !important;}
  #pagePdf .topbar{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  #pagePdf .topbar > div:last-child{
    flex-direction:row !important;
    width:100% !important;
  }
  #pagePdf .btn-print,
  #pagePdf .btn-pdf{
    flex:1 1 0 !important;
  }
}