
/* Naqra R6.29 — studio, preview, media and upgrade hardening */
.nq-quiz-studio .nq-question-image,
.nq-quiz-studio .nq-cover-row,
.nq-quiz-studio .nq-preview-question,
.nq-quiz-studio .nq-preview-image-options span{min-width:0}

.nq-quiz-studio .nq-question-image{
  display:grid;place-items:center;gap:10px;padding:12px;
  border:1px solid #e3e7ef;border-radius:18px;background:#f8fafc;overflow:hidden
}
.nq-quiz-studio .nq-question-image img{
  display:block;width:auto!important;max-width:100%!important;height:auto!important;
  max-height:320px!important;object-fit:contain!important;border-radius:14px
}
.nq-quiz-studio .nq-preview-shell{
  border:1px solid #e3e6ef!important;
  background:linear-gradient(180deg,#ffffff,#fafbff)!important;
  box-shadow:0 24px 60px rgba(32,43,73,.10)!important
}
.nq-quiz-studio .nq-preview-question{
  overflow:hidden;border:1px solid #e5e8f1!important;
  background:#fff!important;box-shadow:0 12px 30px rgba(34,45,77,.06)!important
}
.nq-quiz-studio .nq-preview-question>img{
  display:block;width:auto!important;max-width:100%!important;height:auto!important;
  max-height:280px!important;object-fit:contain!important;margin-inline:auto;border-radius:16px
}
.nq-quiz-studio .nq-preview-question h2,
.nq-quiz-studio .nq-preview-question p,
.nq-quiz-studio .nq-preview-question b,
.nq-quiz-studio .nq-preview-question span{
  overflow-wrap:anywhere;word-break:normal;line-height:1.65
}
.nq-quiz-studio .nq-preview-image-options{
  align-items:stretch;gap:10px!important
}
.nq-quiz-studio .nq-preview-image-options span{
  grid-template-columns:76px minmax(0,1fr)!important;
  align-items:center!important;min-height:76px;padding:9px!important;
  border:1px solid #e5e8f0!important;background:#fbfcff!important
}
.nq-quiz-studio .nq-preview-image-options img{
  width:76px!important;height:58px!important;max-width:76px!important;
  object-fit:cover!important;border-radius:11px!important
}
.nq-quiz-studio .nq-option-image-upload>img{
  width:78px!important;height:58px!important;object-fit:cover!important
}

/* Generic activity-card cleanup: avoid the old heavy green block treatment. */
.naqra-studio .v56-activity-ribbon{
  border:1px solid #e2e4f2!important;
  background:linear-gradient(135deg,#f8f7ff,#f3f9ff)!important;
  color:#303a63!important;box-shadow:0 8px 20px rgba(48,58,99,.05)!important
}
.naqra-studio .v56-activity-ribbon small{color:#66718d!important}
.naqra-studio .v55-beginning-option{
  border-color:#e2e5ef!important;background:#fff!important;
  box-shadow:0 8px 20px rgba(31,43,75,.055)!important
}
.naqra-studio .v55-beginning-option.ok{
  border-color:#72cba9!important;background:#f1fbf7!important
}

/* Future/custom dice templates: contain Arabic copy instead of letting it float over the preview. */
.naqra-studio [class*="dice"] h1,
.naqra-studio [class*="dice"] h2,
.naqra-studio [class*="dice"] h3,
.naqra-studio [class*="dice"] p,
.naqra-studio [class*="dice"] b,
.naqra-studio [class*="dice"] span{
  max-width:100%;overflow-wrap:anywhere;word-break:normal;line-height:1.55
}
.naqra-studio [class*="dice"] img{
  display:block;max-width:100%;max-height:320px;object-fit:contain;margin-inline:auto
}

/* Upgrade / activation card — quieter, more premium and easier to scan. */
.official-entry-action{align-items:center}
.official-activation-card{
  border:1px solid rgba(75,86,130,.13)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,249,255,.98))!important;
  box-shadow:0 30px 80px rgba(26,37,72,.14)!important;
}
.official-activation-card .activation-card-head{
  padding-bottom:12px;border-bottom:1px solid #eceef5
}
.official-release-pill{
  background:#f0edff!important;color:#5142c7!important;border:1px solid #ddd7ff!important
}
.secure-entry-note{
  background:#f3f8f6!important;color:#28705b!important;border:1px solid #dcebe5!important
}
.free-entry-button{
  box-shadow:0 14px 30px rgba(86,72,220,.22)!important
}
.official-code-field{
  padding:12px;border:1px solid #e7e9f1;border-radius:16px;background:#fbfcff
}
.official-activate-button{
  border-color:#d9ddea!important;background:#fff!important;color:#303a63!important
}
.whatsapp-entry-button{
  border:1px solid #d9ebe4!important;background:#f6fcf9!important;color:#17694f!important
}

@media(max-width:760px){
  .nq-quiz-studio .nq-question-image img{max-height:240px!important}
  .nq-quiz-studio .nq-preview-question>img{max-height:220px!important}
  .nq-quiz-studio .nq-preview-image-options span{
    grid-template-columns:64px minmax(0,1fr)!important;min-height:68px
  }
  .nq-quiz-studio .nq-preview-image-options img{
    width:64px!important;height:50px!important;max-width:64px!important
  }
}
