/* ورقة مضغوطة: خطوط وهوامش صغيرة حتى تتسع الصفحة لنموذجين أو أكثر. */
@page {
  size: A4 portrait;
  margin: 8mm;
}


.qpb-doc {
  background: #FFFFFF;
  color: #000000;
  font-family: var(--qpb-font-ui);
}


.qpb-doc__title {
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.3;
  margin: 0 0 3mm;
  text-align: center;
}

.qpb-doc__table {
  border-collapse: collapse;
  font-size: 0.66rem;
  line-height: 1.25;
  margin-block-end: 3.5mm;
  table-layout: fixed;
  width: 100%;
  
  break-inside: avoid;
}


.qpb-doc__table thead { display: table-header-group; }
.qpb-doc__table tr { break-inside: avoid; }

.qpb-doc__table th,
.qpb-doc__table td {
  border: 1px solid #000000;
  padding: 0.6mm 1mm;
  text-align: center;
  vertical-align: middle;
  
  overflow-wrap: anywhere;
}

.qpb-doc__table th {
  background-color: #E9E9FF;
  color: #000000;
  font-weight: 700;
  
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}


/* رؤوس الأعمدة بلونين متناوبين: موف اختيار المصحف وأخضر التعبئة؛ والعنوان موف. */
.qpb-doc__table thead tr + tr th:nth-child(odd) { background-color: #D5E8E6; }

/* أسماء الأعمدة بخط أصغر، ولا تنكسر الكلمة في وسطها: «رقم المقطع» سطران عند المسافة فقط. */
.qpb-doc__table thead tr + tr th {
  font-size: 0.56rem;
  line-height: 1.2;
  padding-inline: 0.4mm;
  overflow-wrap: normal;
  word-break: keep-all;
}

.qpb-doc__caption {
  font-size: 0.74rem;
  text-align: center;
}

.qpb-doc__basics {
  display: block;
  font-size: 0.6rem;
  font-weight: 400;
}


/* الأعمدة الرقمية ضيقة («مقطع مساند» ينكسر سطرين)، والعرض الباقي لرأس الآية. */
.qpb-doc__col-number { width: 7%; }
.qpb-doc__col-pages { width: 7%; }
.qpb-doc__col-from { width: 14%; }
.qpb-doc__col-to { width: 7%; }
.qpb-doc__col-tail { width: 19%; }


/* نوع المقطع تحت رقمه بين قوسين: أصغر من الرقم وعريض. السطر الجديد من <br> في القالب،
   فيبقى تحت الرقم حتى لو تأخر تحميل هذا الملف. */
.qpb-doc__difficulty {
  font-size: 0.48rem;
  font-weight: 800;
}


.qpb-doc__quran {
  font-size: 0.9rem;
  line-height: 1.5;
}

.qpb-doc-page { margin: 0; }


.qpb-print-root { display: none; }

@media print {
  body {
    background: #FFFFFF;
    color: #000000;
  }

  /* الورقة وحدها تُطبع دائمًا: حتى لو طُبعت الصفحة من قائمة المتصفح أو أنهى الجوال
     الطباعة قبل أن يلتقطها، فلا تظهر الواجهة بلا تنسيق في أول الصفحات. */
  body:has(> #app) > :not(.qpb-print-root) { display: none !important; }

  .qpb-print-root { display: block; }

  .qpb-main { padding: 0 !important; }

  * { box-shadow: none !important; }
}