/* ═══════════════════════════════════════════════════════════════
   شاهدُ الحصّة — ورقةٌ مطبوعةٌ لملفِّ إنجازِ المعلّمة (js/witness.js)

   ⚠️ هذه الورقةُ **ليست** من واجهةِ المنصّةِ الفضائية، وذلك مقصودٌ لا سهو:
   وِجهتُها ملفُّ إنجازٍ رسميٌّ تقرؤُه المشرفة، فهي **مستندٌ أبيضُ حِبرُه اقتصاديّ**
   (لا خلفياتٍ داكنةً تستهلكُ الطابعةَ ولا تدرّجاتٍ فضائية). الهويةُ تحضرُ في
   الشعارِ وشريطِ العنوانِ البرتقاليِّ وحدَهما.

   وضعُ المطوّرِ وحدَه مبدئياً (قرارُ المالك ٢٠٢٦-٠٩-٢٠) — والحجبُ في
   `js/witness.js` عندَ البناءِ لا بالإخفاءِ هنا، كما في زرِّ القفلِ التطويريّ.
   ═══════════════════════════════════════════════════════════════ */

/* ── زرُّ الاستدعاءِ في شاشةِ النتيجة ── */
.wit-launch{text-align:center;margin:10px 0 0}
.wit-launch-btn{cursor:pointer;border:none;
  background:linear-gradient(180deg,#f0d9a8,#d9b877);color:#3c2a10;
  font-family:'Cairo';font-size:1rem;line-height:1.2;
  padding:11px 22px;border-radius:18px;
  box-shadow:0 5px 0 #a98a52,0 8px 18px rgba(0,0,0,.3)}
.wit-launch-btn:hover{filter:brightness(1.06)}
.wit-launch-btn:active{transform:translateY(2px);box-shadow:0 3px 0 #a98a52}
.wit-launch-note{display:block;margin-top:6px;font-size:.8rem;color:#c9c3e0;opacity:.85}

/* ── الطبقةُ الحاجبةُ فوقَ الصفحة ── */
.wit-wrap{position:fixed;inset:0;z-index:9000;overflow:auto;
  background:rgba(12,10,24,.78);padding:18px 12px 26px;
  display:flex;flex-direction:column;align-items:center;gap:12px}

/* ── أزرارُ التحكّمِ (لا تُطبَع) ── */
.wit-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.wit-btn{cursor:pointer;border:none;font-family:'Cairo';font-size:1rem;line-height:1.2;
  padding:10px 20px;border-radius:16px;color:#2b1f0c;
  background:linear-gradient(180deg,#ffd98a,#f0b455);
  box-shadow:0 4px 0 #b5822f,0 7px 16px rgba(0,0,0,.32)}
.wit-btn.ghost{color:#eee6ff;background:rgba(255,255,255,.14);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}
.wit-btn:active{transform:translateY(2px)}

/* ── الورقةُ نفسُها ── */
.wit-sheet{width:100%;max-width:820px;background:#fff;color:#20202a;
  border-radius:10px;padding:26px 30px 20px;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.wit-sheet *{color:inherit}

.wit-head{display:flex;align-items:center;gap:14px;
  border-bottom:3px solid #f0a040;padding-bottom:12px;margin-bottom:16px}
/* الشعارُ على لوحٍ داكنٍ لا على الورقةِ عارياً: كلمةُ «شوجب» فيه **بيضاء**
   (مقيسٌ: أغلبُ بكسلِه برتقاليٌّ ‎#F09000‎ وأبيض) فتختفي على الورقِ الأبيضِ
   وتبقى العلامةُ وحدَها. واللوحُ صغيرٌ (‏86×48) فكلفةُ حِبرِه زهيدة. */
.wit-head img{width:86px;height:48px;object-fit:contain;flex:0 0 auto;
  background:#241f3c;border-radius:12px;padding:5px 8px}
.wit-head-t{flex:1 1 auto}
.wit-h1{font-family:'Cairo';font-size:1.5rem;font-weight:700;line-height:1.25}
.wit-h2{font-size:.92rem;color:#5d5d70;margin-top:2px}

/* جدولُ البيانات — شبكةٌ من زوجَي (عنوان/قيمة) */
.wit-grid{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:7px 10px;
  font-size:.95rem;margin-bottom:16px}
.wit-k{font-family:'Cairo';font-size:.85rem;color:#6a6a80;white-space:nowrap}
.wit-v{font-weight:600;border-bottom:1px dotted #c8c8d4;min-width:0;
  overflow-wrap:break-word}
.wit-v.wide{grid-column:span 3}

.wit-sec{font-family:'Cairo';font-size:1.05rem;font-weight:700;
  margin:16px 0 8px;padding-inline-start:9px;border-inline-start:5px solid #f0a040}

.wit-tbl{width:100%;border-collapse:collapse;font-size:.9rem}
.wit-tbl th,.wit-tbl td{border:1px solid #cfcfdb;padding:6px 8px;text-align:start;
  vertical-align:top}
.wit-tbl th{background:#f4f1ea;font-family:'Cairo';font-size:.85rem;font-weight:700}
.wit-tbl td.mid{text-align:center;white-space:nowrap}
.wit-code{font-family:'Courier New',monospace;font-weight:700;letter-spacing:.4px;
  direction:ltr;display:inline-block}

/* حقولُ المعلّمةِ — سطورٌ تُكتَبُ على الشاشةِ أو تُملأُ بعدَ الطبع */
.wit-field{border:none;border-bottom:1px solid #9a9ab0;background:transparent;
  font:inherit;font-weight:600;color:#20202a;width:100%;padding:2px 3px}
.wit-field:focus{outline:none;border-bottom-color:#f0a040;background:#fffaf0}
.wit-notes{min-height:52px;resize:vertical;border:1px solid #cfcfdb;border-radius:6px;
  width:100%;font:inherit;padding:6px 8px;background:transparent}

/* موضعُ صورةِ الحصّة */
.wit-photo{margin-top:8px}
.wit-drop{border:2px dashed #c0c0d0;border-radius:8px;min-height:120px;
  display:flex;align-items:center;justify-content:center;text-align:center;
  color:#8a8a9e;font-size:.88rem;padding:10px}
.wit-drop img{max-width:100%;max-height:330px;border-radius:6px;display:block}
/* حقلُ الملفِّ الأصليُّ مخفيٌّ ويُنقَرُ من خلالِ عنوانِه: نصُّ الزرِّ الأصليِّ
   («Choose File») من المتصفّحِ لا من الصفحةِ فلا يُعرَّب، وإنجليزيٌّ في وسطِ
   مستندٍ عربيٍّ يُرى قبلَ أن يُقرَأ. */
.wit-pick{margin-top:8px;font-size:.85rem;color:#5d5d70}
.wit-pick input[type=file]{position:absolute;width:1px;height:1px;opacity:0;
  overflow:hidden;clip:rect(0 0 0 0)}
.wit-pick label{cursor:pointer;display:inline-block;font-family:'Cairo';
  border:1px solid #c0c0d0;border-radius:10px;padding:5px 12px;background:#f7f5f0}
.wit-pick label:hover{border-color:#f0a040;background:#fff7ea}

.wit-foot{margin-top:18px;padding-top:9px;border-top:1px solid #d8d8e2;
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
  font-size:.82rem;color:#6a6a80}
.wit-foot b{color:#c06a14}

/* ═══ الطبع ═══
   ثلاثةُ عوائقَ تُرفَعُ هنا بـ`!important`:
   ① زومُ `js/fit.js` مكتوبٌ على `documentElement` بنمطٍ سطريٍّ بلا `!important`،
      فقاعدةٌ مهمّةٌ في ورقةِ نمطٍ تعلو عليه — ولو بقيَ لطُبِعَت الورقةُ مكبَّرةً أو مصغَّرة.
   ② ‏`html.fit-lock` يقفلُ التمريرَ فيقتصُّ ما زادَ على صفحةٍ واحدة.
   ③ كلُّ ما في `body` غيرُ الطبقةِ يُحجَبُ — ولهذا تُلحَقُ الطبقةُ بـ`body` مباشرةً
      لا داخلَ `.app` (المحدِّدُ `body > *` يشترطُ ذلك). */
@media print{
  html{zoom:1 !important;overflow:visible !important;height:auto !important}
  html.fit-lock,html.fit-lock body{overflow:visible !important}
  body{background:#fff !important}
  body>*:not(.wit-wrap){display:none !important}
  .wit-wrap{position:static !important;inset:auto !important;overflow:visible !important;
    background:none !important;padding:0 !important;display:block !important}
  .wit-actions{display:none !important}
  .wit-sheet{max-width:none !important;width:auto !important;
    box-shadow:none !important;border-radius:0 !important;padding:0 !important}
  .wit-field:focus{background:none !important}
  .wit-pick{display:none !important}
  .wit-head img{background:#241f3c !important;-webkit-print-color-adjust:exact;
    print-color-adjust:exact}
  .wit-tbl th{background:#f4f1ea !important;-webkit-print-color-adjust:exact;
    print-color-adjust:exact}
  .wit-head{border-bottom-color:#f0a040 !important;-webkit-print-color-adjust:exact;
    print-color-adjust:exact}
  .wit-tbl,.wit-photo{break-inside:avoid}
  @page{size:A4 portrait;margin:14mm}
}