/* ════════════════════════════════════════════════════════════
   أوراقنا — الورقة والطباعة.
   هذا هو الملف الوحيد الذي يُطبع. لا تخلط قواعده بـ brand.css.
   ════════════════════════════════════════════════════════════ */

/* ---------- لوحة التحكم ---------- */
.controls{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px 20px;margin:22px auto;box-shadow:var(--shadow)}
.ctl-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 0}
.ctl-row+.ctl-row{border-top:1px solid var(--line)}
.ctl-label{flex:0 0 92px;font-size:13px;font-weight:800;color:var(--txt-dim)}
.chips{display:flex;gap:8px;flex-wrap:wrap;min-width:0}
.chip{border:1px solid var(--line-2);background:var(--card-2);color:var(--txt-dim);
  border-radius:999px;padding:7px 15px;font:inherit;font-size:14px;font-weight:700;
  cursor:pointer;transition:.16s;white-space:nowrap}
.chip:hover{border-color:var(--gold);color:var(--txt)}
.chip[aria-pressed="true"]{background:linear-gradient(135deg,var(--gold),var(--gold-2));
  border-color:transparent;color:#0a0b0f;box-shadow:0 4px 14px rgba(212,175,55,.28)}
.ctl-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.ctl-actions .btn{flex:1 1 190px;justify-content:center;font-size:15px;padding:13px 18px}
.seed-note{font-size:12px;color:var(--txt-mute);margin-top:10px;letter-spacing:.3px}

/* ---------- الورقة على الشاشة ---------- */
#print-root{max-width:var(--maxw);margin:0 auto 40px;padding:0 22px}
.sheet{background:#fff;color:#111;border-radius:10px;padding:22px 24px;margin:18px 0;
  box-shadow:0 14px 44px rgba(0,0,0,.45)}
.sheet-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;
  flex-wrap:wrap;border-bottom:2px solid #111;padding-bottom:10px;margin-bottom:16px}
.sheet-title{font-size:20px;font-weight:900;line-height:1.25}
.sheet-title small{display:block;font-size:12px;font-weight:700;color:#555;margin-top:3px}
.sheet-fields{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;font-weight:700;color:#333}
.sheet-fields span{border-bottom:1px dotted #777;padding-bottom:2px;min-width:120px}

.q-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 18px}
.q-item{break-inside:avoid;page-break-inside:avoid;display:flex;gap:8px;align-items:flex-start;
  padding-bottom:11px;border-bottom:1px solid #e2e2e2}
.q-num{flex:none;width:22px;height:22px;border-radius:50%;background:#eee;color:#333;
  font-size:11px;font-weight:800;display:grid;place-items:center;margin-top:2px}
.vform{flex:0 0 auto;width:fit-content;min-width:62px;font-variant-numeric:tabular-nums;
  font-family:'SF Mono',Menlo,Consolas,monospace;font-size:18px;font-weight:700;
  direction:ltr;text-align:right;line-height:1.15}
.vform b{display:block;font-weight:700}
.vform .op-line{display:flex;justify-content:space-between;gap:14px}
.vform .op-line i{font-style:normal}
.vform .rule{display:block;border-top:2px solid #111;margin-top:3px}
/* مستطيل الإجابة: مكان صريح للحل بدل فراغ مفتوح يختلط بالسؤال التالي. */
.vform .ansbox{display:block;height:30px;border:1px solid #b8b8b8;border-radius:4px;
  margin-top:5px;background:#fcfcfc}

.a-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px 14px;
  font-family:'SF Mono',Menlo,Consolas,monospace;font-size:14px;font-weight:700;direction:ltr;text-align:left}
.a-grid div{break-inside:avoid;border-bottom:1px solid #e3e3e3;padding-bottom:3px}
.a-grid u{text-decoration:none;color:#888;margin-inline-end:5px}

/* ---------- الموبايل ---------- */
@media (max-width:640px){
  .ctl-label{flex-basis:100%}
  #print-root{padding:0 14px}
  .sheet{padding:16px 14px}
  .q-grid{grid-template-columns:repeat(2,1fr)}
  .a-grid{grid-template-columns:repeat(3,1fr)}
  .vform{font-size:16px}
}

/* ════════════════════════════════════════════════════════════
   الطباعة — هنا تُكسب المعركة.
   الإخفاء بالإقصاء لا بقائمة يدوية: أي إعلان أو عنصر يُضاف لاحقاً
   خارج #print-root يختفي تلقائياً بلا صيانة.
   ════════════════════════════════════════════════════════════ */
@page{size:A4 portrait;margin:12mm}
@media print{
  html,body{background:#fff!important;height:auto!important;overflow:visible!important}
  body>*:not(#print-root){display:none!important}
  #print-root{max-width:none!important;margin:0!important;padding:0!important}
  .sheet{box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important;
    background:#fff!important;color:#000!important}
  /* صفحة الإجابات تبدأ في صفحة مستقلة دائماً. */
  #answers{break-before:page;page-break-before:always}
  /* آخر عنصر بلا هامش سفلي — السبب الأول للصفحة الفارغة الزائدة. */
  #print-root>.sheet:last-child{margin-bottom:0!important;padding-bottom:0!important}
  .q-grid{gap:9px 16px}
  .q-item{break-inside:avoid;page-break-inside:avoid}
  .q-num{background:none;border:1px solid #999;color:#000}
  .vform{font-size:15px}
  .vform .rule{border-top-color:#000}
  .vform .ansbox{height:30px;border-color:#9a9a9a;background:none}
  .q-item{padding-bottom:8px;border-bottom-color:#d0d0d0}
  .sheet-head{border-bottom-color:#000}
  .a-grid div{border-bottom-color:#bbb}
}