/* أنماط صفحة البحث — استُخرِجت من <style> مضمَّن في search.html (2026-07-31).
   كانت 109ك.ب تُعاد مع كلّ تحميل للصفحة لأنّ كاش HTML عشر دقائق فقط
   (netlify.toml). الملفّ الآن في قائمة التخزين المسبق لِـsw.js فيُنزَّل
   مرّةً عند تثبيت الـSW ثمّ يُخدَّم من الكاش — فلا رحلةَ شبكةٍ إضافيّة
   إلّا في أوّل زيارة، ولا إعادةَ تنزيلٍ بعدها إطلاقًا.
   🔴 المحتوى منقولٌ حرفيًّا بلا تعديل؛ وموضع الـ<link> هو موضع الكتلة
   نفسه حفظًا لترتيب الـcascade. */
/* ═══ نظام الخطوط ═══
     الواجهة والمحتوى  : Noto Naskh Arabic
     الآيات القرءانية   : KFGQPC HAFS
     الآيات القرءانية   : KFGQPC HAFS (حفص)
  ══════════════════════ */
  .font-header    { font-family:var(--font-ui); }
  .font-content   { font-family:var(--font-ui); }
  .font-quran     { font-family:var(--font-quran) !important; }

  /* @font-face المكرَّرة لـ'KFGQPC HAFS Text'/'KFGQPC HAFS Uthmanic Script Regular' حُذفت (2026-07-06) —
     fonts.css يعرّفهما أصلًا؛ نسخة هذه الصفحة كانت بمدًى كامل (بلا unicode-range) فتَتجاوز استثناء
     U+06EA (علامة الإمالة في «مَجۡر۪ىٰهَا» — هود ٤١) المُعرَّف في fonts.css وتُعيد كسره. */
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body { font-family:var(--font-ui); background: var(--qawlat-bg); color: var(--qawlat-text); min-height: 100dvh; direction: rtl; }
  body.dark { background: var(--qawlat-bg); color: var(--qawlat-text); }

  .header { background: linear-gradient(135deg, var(--qawlat-green-darker), var(--qawlat-green-bright)); border-bottom: 3px solid var(--qawlat-gold-bright); padding: 16px 30px 12px; text-align: center; position: relative; }
  .header h1 { font-size: 2rem; color: var(--qm-accent); padding: 0 80px; font-weight: 600; }
  .header p { color: #e8f5ed; font-size: 0.9rem; margin-top: 4px; }
  .header-controls { position: absolute; left: 16px; top: 18px; display: flex; gap: 8px; }
  .hc-btn { background: color-mix(in srgb, var(--qawlat-surface-strong) 13%, transparent); border: 1px solid color-mix(in srgb, var(--qawlat-surface-strong) 20%, transparent); border-radius: 8px; color: var(--qawlat-bg); padding: 6px 10px; cursor: pointer; font-size: 1rem; transition: background .2s; }
  .hc-btn:hover { background: color-mix(in srgb, var(--qawlat-surface-strong) 20%, transparent); }
  /* أزرار الإحصائيات - سطر مستقل أسفل العنوان */
  .header-stats-links { display: flex; justify-content: center; gap: 8px; margin-top: 10px; }
  .hc-stats-btn { display: inline-flex; align-items: center; gap: 5px; background: color-mix(in srgb, var(--qawlat-surface-strong) 9%, transparent); border: 1px solid color-mix(in srgb, var(--qawlat-surface-strong) 16%, transparent); border-radius: 8px; color: var(--qawlat-bg); padding: 5px 12px; cursor: pointer; font-size: 0.78rem; font-family:var(--font-ui); text-decoration: none; transition: background .2s; white-space: nowrap; }
  .hc-stats-btn:hover { background: color-mix(in srgb, var(--qawlat-surface-strong) 19%, transparent); }
  body.dark .hc-stats-btn { background: color-mix(in srgb, var(--qawlat-surface-strong) 8%, transparent); border-color: color-mix(in srgb, var(--qawlat-surface-strong) 13%, transparent); color: var(--qawlat-text); }

  /* font size slider */

  .init-screen { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:60vh; padding:40px 20px; text-align:center; }
  .init-icon { font-size:4rem; margin-bottom:20px; }
  .init-title { font-size:1.4rem; color:var(--qawlat-green-darker); margin-bottom:10px; }
  body.dark .init-title { color:var(--qawlat-gold-bright); }
  .init-sub { color:var(--qawlat-text-soft); font-size:0.95rem; margin-bottom:30px; }
  .init-btn { background:var(--qm-ink); color:#fff; border:none; padding:14px 40px; border-radius:var(--qm-radius-md); font-family:inherit; font-size:1.1rem; cursor:pointer; box-shadow:var(--qm-shadow-sm); transition:background var(--qm-dur) var(--qm-ease-out),box-shadow var(--qm-dur) var(--qm-ease-out),transform var(--qm-dur-press) var(--qm-ease-out); }
  .init-btn:hover { background:var(--qm-ink-lift); transform:translateY(-1px); box-shadow:var(--qm-shadow-md); }
  .init-btn:active { transform:scale(.98); }
  .init-btn:disabled { opacity:0.6; cursor:not-allowed; transform:none; }
  .progress-bar { width:300px; height:8px; background:var(--qm-accent-16); border-radius:4px; margin-top:20px; overflow:hidden; display:none; }
  .progress-fill { height:100%; background:var(--qm-accent); border-radius:4px; width:0%; transition:width .3s; }
  .progress-text { color:var(--qawlat-green-dark-accent); font-size:0.9rem; margin-top:10px; display:none; }

  .search-container { max-width:800px; margin:0 auto 16px; padding:0 20px; display:none; }
  .search-bar { display:flex; gap:10px; align-items:center; background:var(--qawlat-surface-strong); border:1px solid color-mix(in srgb, var(--qm-ink) 53%, transparent); border-radius:14px; padding:12px 18px; position:relative; transition:border-color 180ms ease,box-shadow 180ms ease; }
  .search-bar:focus-within { border-color:var(--qm-accent); box-shadow:0 0 0 3px rgba(29,138,109,.09); }
  body.dark .search-bar:focus-within { border-color:var(--qawlat-green-light); box-shadow:0 0 0 3px rgba(74,184,128,.09); }
  /* v3.U3 — sticky search-bar على الجوال (يبقى مرئياً عند التمرير) */
  @media(max-width:768px){
    .search-bar{position:sticky;top:0;z-index:25;transition:box-shadow var(--qawlat-dur-fast,180ms) var(--qawlat-ease-out,ease);}
    .search-bar.is-stuck{box-shadow:0 4px 16px rgba(0,0,0,.12);border-radius:0;}
  }
  body.dark .search-bar { background:var(--qawlat-green-darker); border-color:var(--qawlat-text-soft); }
  .search-bar input { flex:1; background:transparent; border:none; color:var(--qawlat-text); font-size:1.3rem; font-family:inherit; direction:rtl; }
  body.dark .search-bar input { color:var(--qawlat-text); }
  .search-bar input::placeholder { color:var(--qawlat-text-soft); }

  /* ═══ شريط تَصنيف النَتائج (الكل / القولات / الجذور / الحقول / الآيات) ═══ */
  .category-tabs { display:flex; gap:8px; max-width:800px; margin:0 auto 18px; padding:8px 12px; background:var(--qawlat-bg); border:1px solid var(--qawlat-stone-border, #e2d9c4); border-radius:16px; flex-wrap:wrap; justify-content:center; }
  body.dark .category-tabs { background:var(--qawlat-surface-alt); border-color:var(--qawlat-green-darker); }
  .cat-tab { display:inline-flex; align-items:center; gap:8px; padding:8px 18px; border-radius:100px; background:transparent; border:1px solid transparent; color:var(--qawlat-text-soft); font-family:inherit; font-size:0.96rem; cursor:pointer; transition:background .18s var(--qm-ease-out),color .18s,border-color .18s,box-shadow .18s,transform var(--qm-dur-press) var(--qm-ease-out); min-height:38px; }
  .cat-tab:hover { background:var(--qawlat-surface-strong); color:var(--qawlat-text); }
  body.dark .cat-tab:hover { background:var(--qawlat-green-darker); color:var(--qawlat-text); }
  .cat-tab.is-active { background:var(--qawlat-green); color:#fff; border-color:var(--qawlat-green); }
  body.dark .cat-tab.is-active { background:var(--qawlat-gold-bright); color:#173a2f; border-color:var(--qawlat-gold-bright); }
  .cat-tab.is-empty { opacity:0.55; }
  .cat-tab.is-empty:not(.is-active) { cursor:default; }
  .cat-tab.is-empty:not(.is-active):hover { background:transparent; color:var(--qawlat-text-soft); }
  .cat-badge { display:inline-block; min-width:22px; height:22px; padding:0 7px; border-radius:100px; background:var(--qawlat-stone-border, #e2d9c4); color:var(--qawlat-text-soft); font-size:0.78rem; font-weight:700; text-align:center; line-height:22px; }
  body.dark .cat-badge { background:var(--qawlat-green-darker); color:var(--qawlat-text); }
  .cat-tab.is-active .cat-badge { background:rgba(255,255,255,0.22); color:inherit; }
  body.dark .cat-tab.is-active .cat-badge { background:rgba(23,58,47,0.18); color:inherit; }

  /* ═══ بطاقات الحقول الدلالية ═══ */
  .field-card { display:block; padding:16px 18px; margin-bottom:10px; background:var(--qawlat-surface-strong); border:1px solid var(--qawlat-stone-border, #e2d9c4); border-radius:12px; text-decoration:none; color:inherit; transition:background .2s var(--qm-ease-out),color .2s,border-color .2s,box-shadow .2s,transform var(--qm-dur-press) var(--qm-ease-out); }
  body.dark .field-card { background:var(--qawlat-green-darker); border-color:var(--qawlat-green-dark-accent); }
  .field-card:hover { border-color:var(--qm-accent); transform:translateY(-1px); box-shadow:0 4px 14px rgba(0,0,0,0.08); }
  .field-card-name { font-family:var(--font-ui); font-size:1.18rem; color:var(--qawlat-green-dark-accent); margin-bottom:6px; }
  body.dark .field-card-name { color:var(--qawlat-gold-bright); }
  .field-card-meta { font-size:0.86rem; color:var(--qawlat-text-soft); margin-bottom:8px; }
  .field-card-roots { display:flex; gap:5px; flex-wrap:wrap; margin-top:8px; }
  .field-card-roots .chip { font-size:0.84rem; cursor:pointer; }

  /* ═══ عَرض «الكل» — تَجميعَة الفُروع ═══ */
  .all-section { margin-bottom:36px; }
  .all-section-title { font-family:var(--font-ui); font-size:1.32rem; color:var(--qawlat-green-dark-accent); margin:0 0 14px; display:flex; align-items:center; gap:12px; padding-bottom:10px; border-bottom:1px solid var(--qawlat-stone-border, #e2d9c4); }
  body.dark .all-section-title { color:var(--qawlat-gold-bright); border-color:var(--qawlat-green-darker); }
  .all-section-count { background:var(--qm-accent); color:white; padding:2px 12px; border-radius:100px; font-size:0.86rem; font-family:inherit; font-weight:700; }
  body.dark .all-section-count { background:var(--qawlat-gold-bright); color:#173a2f; }
  .all-more-link { display:inline-block; margin-top:12px; color:var(--qawlat-green-dark-accent); text-decoration:underline; cursor:pointer; font-size:0.94rem; }
  body.dark .all-more-link { color:var(--qawlat-gold-bright); }
  .all-more-link:hover { text-decoration:none; opacity:0.85; }
  .root-summary-card { display:inline-flex; align-items:center; gap:10px; padding:10px 16px; margin:0 6px 8px 0; background:var(--qawlat-surface-strong); border:1px solid var(--qawlat-stone-border, #e2d9c4); border-radius:100px; cursor:pointer; transition:background .18s var(--qm-ease-out),color .18s,border-color .18s,box-shadow .18s,transform var(--qm-dur-press) var(--qm-ease-out); font-family:inherit; }
  body.dark .root-summary-card { background:var(--qawlat-green-darker); border-color:var(--qawlat-green-dark-accent); }
  .root-summary-card:hover { border-color:var(--qm-accent); transform:translateY(-1px); }
  .root-summary-name { font-family:var(--font-ui); font-size:1.1rem; color:var(--qawlat-green-dark-accent); }
  body.dark .root-summary-name { color:var(--qawlat-gold-bright); }
  .root-summary-count { font-size:0.82rem; color:var(--qawlat-text-soft); }
  .root-suggestions { padding:12px 16px; margin-bottom:14px; background:var(--qawlat-blue-lightest); border-radius:10px; }
  body.dark .root-suggestions { background:var(--qawlat-surface-alt); }
  .search-guide { max-width:900px; margin:0 auto 18px; padding:0 20px; display:none; }
  .search-guide-panel { background:linear-gradient(180deg,var(--qawlat-surface-strong),var(--qawlat-bg)); border:1px solid color-mix(in srgb, var(--qm-ink) 27%, transparent); border-radius:16px; padding:18px; box-shadow:0 4px 20px color-mix(in srgb, var(--qm-ink) 6%, transparent); }
  body.dark .search-guide-panel { background:linear-gradient(180deg,var(--qawlat-green-darker),var(--qawlat-surface-alt)); border-color:var(--qawlat-green-dark-accent); }
  .search-guide-head { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; flex-wrap:wrap; margin-bottom:14px; }
  .search-guide-kicker { display:inline-flex; align-items:center; gap:8px; color:var(--qawlat-gold-dark); font-size:0.78rem; font-weight:700; margin-bottom:6px; }
  body.dark .search-guide-kicker { color:var(--qawlat-gold-bright); }
  .search-guide-title { font-size:1.15rem; color:var(--qawlat-green-dark-accent); margin:0 0 4px; }
  body.dark .search-guide-title { color:var(--qawlat-gold-bright); }
  .search-guide-sub { color:var(--qawlat-text-soft); font-size:0.94rem; line-height:1.8; margin:0; }
  .search-guide-status { background:var(--qawlat-blue-lightest); color:var(--qawlat-green-dark-accent); border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 20%, transparent); border-radius:999px; padding:8px 12px; font-size:0.76rem; font-weight:700; white-space:nowrap; }
  body.dark .search-guide-status { background:var(--qawlat-surface-alt); color:var(--qawlat-gold-bright); border-color:color-mix(in srgb, var(--qawlat-text-soft) 20%, transparent); }
  .search-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  .search-guide-card { background:var(--qawlat-surface-strong); border:1px solid color-mix(in srgb, var(--qm-ink) 13%, transparent); border-radius:14px; padding:14px; }
  body.dark .search-guide-card { background:var(--qawlat-surface-alt); border-color:var(--qawlat-green-dark-accent); }
  .search-guide-label { display:inline-flex; align-items:center; gap:8px; color:var(--qawlat-green-dark-accent); font-size:1rem; font-weight:700; margin-bottom:6px; }
  body.dark .search-guide-label { color:var(--qawlat-gold-bright); }
  .search-guide-desc { color:var(--qawlat-text-soft); font-size:0.87rem; line-height:1.7; margin-bottom:10px; }
  .search-guide-card .suggest-chips { justify-content:flex-start; }
  .search-guide-meta { margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--qm-ink) 20%, transparent); display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
  body.dark .search-guide-meta { border-color:var(--qawlat-green-dark-accent); }
  .search-guide-meta-label { color:var(--qawlat-text-soft); font-size:0.82rem; font-weight:700; }
  .search-guide-actions { display:flex; gap:8px; flex-wrap:wrap; }
  .search-guide-tab-btn { background:var(--qawlat-surface-strong); color:var(--qawlat-green-dark-accent); border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 33%, transparent); border-radius:999px; padding:7px 12px; font-family:inherit; font-size:0.83rem; cursor:pointer; }
  body.dark .search-guide-tab-btn { background:var(--qawlat-surface-alt); color:var(--qawlat-gold-bright); border-color:color-mix(in srgb, var(--qawlat-text-soft) 27%, transparent); }
  .search-guide-tab-btn:hover { background:var(--qawlat-blue-lightest); }
  body.dark .search-guide-tab-btn:hover { background:color-mix(in srgb, var(--qawlat-green-dark-accent) 27%, transparent); }
  .sidebar-tabs-hint { padding:10px 14px 12px; color:var(--qawlat-text-soft); font-size:0.83rem; line-height:1.7; border-bottom:1px solid var(--qawlat-border-light); }
  body.dark .sidebar-tabs-hint { border-color:var(--qawlat-green-dark-accent); }
  .sidebar-tabs-hint strong { color:var(--qawlat-green-dark-accent); }
  body.dark .sidebar-tabs-hint strong { color:var(--qawlat-gold-bright); }
  @media(max-width:900px){ .search-guide-grid { grid-template-columns:1fr; } }

  /* ✕ Clear button */
  #clearBtn { background:none; border:none; cursor:pointer; font-size:1.15rem; color:var(--qawlat-text-soft); padding:0 4px 0 0; line-height:1; transition:color .15s; flex-shrink:0; }
  body.dark #clearBtn { color:#6a7a6a; }
  #clearBtn:hover { color:var(--qawlat-green-dark-accent); }
  body.dark #clearBtn:hover { color:var(--qawlat-gold-bright); }
  /* Root autocomplete dropdown */
  .root-ac { position:absolute; top:100%; right:0; left:0; background:var(--qawlat-surface-strong); border:1px solid color-mix(in srgb, var(--qm-ink) 40%, transparent); border-top:none; border-radius:0 0 10px 10px; box-shadow:0 6px 18px #0002; z-index:300; max-height:260px; overflow-y:auto; }
  body.dark .root-ac { background:var(--qawlat-green-darker); border-color:color-mix(in srgb, var(--qawlat-text-soft) 53%, transparent); }
  .root-ac-item { padding:10px 18px; cursor:pointer; font-size:1rem; color:var(--qawlat-green-muted); transition:background .12s; direction:rtl; text-align:right; border-bottom:1px solid color-mix(in srgb, var(--qawlat-border-light) 13%, transparent); }
  body.dark .root-ac-item { color:var(--qawlat-green-light); border-color:color-mix(in srgb, var(--qawlat-green-dark-accent) 13%, transparent); }
  .root-ac-item:last-child { border-bottom:none; }
  .root-ac-item:focus-visible { outline: 2px solid var(--qawlat-gold); outline-offset: -2px; box-shadow: inset 0 0 0 6px var(--qawlat-focus-halo, rgba(7,18,13,.92)); }
  .search-intent-banner { margin-top:8px; }
  .search-intent-link { display:flex; align-items:center; justify-content:space-between; gap:10px; background:color-mix(in srgb, var(--qawlat-gold) 12%, var(--qawlat-surface-strong)); border:1px solid color-mix(in srgb, var(--qawlat-gold) 45%, transparent); border-radius:10px; padding:9px 14px; font-size:.92rem; color:var(--qawlat-text); text-decoration:none; transition:border-color .15s ease,background .15s ease; }
  .search-intent-link:hover { border-color:var(--qawlat-gold); background:color-mix(in srgb, var(--qawlat-gold) 18%, var(--qawlat-surface-strong)); }
  .search-intent-link b { color:var(--qawlat-text); font-weight:800; }
  .search-intent-arrow { color:var(--qawlat-gold-dark,var(--qawlat-gold)); flex-shrink:0; }
  body.dark .search-intent-link { background:color-mix(in srgb, var(--qawlat-gold) 14%, #182f26); border-color:color-mix(in srgb, var(--qawlat-gold) 40%, transparent); color:var(--qawlat-green-light); }
  .ayah-num-flower { display:inline-flex; align-items:center; }
  .root-ac-item:hover, .root-ac-item.is-active { background:var(--qawlat-blue-lightest); }
  body.dark .root-ac-item:hover, body.dark .root-ac-item.is-active { background:var(--qawlat-surface-alt); }
  /* fuzzy matched roots — distinctive styling */
  .root-ac-similar { opacity:0.85; }
  .root-ac-similar:hover { background:var(--qawlat-blue-light) !important; }
  body.dark .root-ac-similar:hover { background:color-mix(in srgb, var(--qawlat-green-dark-accent) 27%, transparent) !important; }
  /* search-bar needs relative positioning for autocomplete */
  .search-bar { position:relative; }
  /* live count badge */
  #liveCount { max-width:800px; margin:-8px auto 10px; padding:0 20px; font-size:0.82rem; color:var(--qawlat-text-soft,#647168); min-height:1.2em; display:none; }
  body.dark #liveCount { color:#5a7a6a; }
    .stats-bar { max-width:800px; margin:0 auto 16px; padding:0 20px; color:var(--qawlat-text-soft); font-size:0.85rem; display:none; }
  body.dark .stats-bar { color:var(--qawlat-text-soft); }
  .chips-area { max-width:800px; margin:0 auto 20px; padding:0 20px; display:flex; flex-wrap:wrap; gap:10px; }
  /* «هل تقصد؟» — اقتراح رسم مقارب */
  #dymArea { max-width:800px; margin:0 auto; padding:0 20px; }
  .dym-bar { margin:2px 0 14px; font-size:15px; color:var(--qawlat-text-soft,#647168); display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
  .dym-bar .dym-chip { font-weight:700; cursor:pointer; }
  .dym-count { font-size:13px; color:var(--qawlat-text-soft,#647168); }
  .chip { background:var(--qawlat-surface-strong); border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 40%, transparent); border-radius:20px; padding:6px 16px; cursor:pointer; font-size:1rem; color:var(--qawlat-green-dark-accent); transition:background .15s,color .15s; }
  body.dark .chip { background:var(--qawlat-surface-alt); color:var(--qawlat-gold-bright); border-color:color-mix(in srgb, var(--qawlat-text-soft) 33%, transparent); }
  .chip.word-chip { color:var(--qawlat-green-muted); border-color:color-mix(in srgb, var(--qawlat-green-bright) 27%, transparent); }
  body.dark .chip.word-chip { color:var(--qawlat-green-light); }
  .chip.word-chip:hover,.chip.word-chip.active { background:var(--qawlat-green-medium); color:#fff; border-color:var(--qawlat-green-medium); }

  .results-area { max-width:900px; margin:0 auto; padding:0 0 40px; }
  .root-header { background:linear-gradient(135deg,var(--qawlat-surface-strong),var(--qawlat-surface-strong)); border:1px solid var(--qm-border-strong); border-radius:12px; padding:16px 24px; margin-bottom:20px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; box-shadow:0 2px 10px color-mix(in srgb, var(--qm-ink) 13%, transparent); }
  body.dark .root-header { background:linear-gradient(135deg,var(--qawlat-green-darker),var(--qawlat-green-dark-accent)); border-color:var(--qawlat-text-soft); }
  .root-header.phrase-header { background:linear-gradient(135deg,var(--qawlat-blue-lightest),#dde6ff); border-color:var(--qawlat-blue-softer); }
  body.dark .root-header.phrase-header { background:linear-gradient(135deg,var(--qawlat-surface-alt),#202840); border-color:var(--qawlat-blue-dark); }
  .root-title { font-size:2.2rem; color:var(--qawlat-green-dark-accent); }
  body.dark .root-title { color:var(--qawlat-gold-bright); }
  .root-title.phrase-title { font-size:1.6rem; color:var(--qawlat-blue-medium); }
  .root-meta { color:var(--qawlat-text-soft); font-size:0.9rem; line-height:1.7; }
  body.dark .root-meta { color:var(--qawlat-text-soft); }

  .entry-card { background:#fff; border:1px solid color-mix(in srgb, var(--qm-ink) 27%, transparent); border-radius:12px; margin-bottom:20px; overflow:hidden; box-shadow:0 2px 8px color-mix(in srgb, var(--qm-ink) 7%, transparent); transition:box-shadow .2s; }
  body.dark .entry-card { background:var(--qawlat-surface-alt); border-color:var(--qawlat-green-dark-accent); }
  .entry-card:hover { box-shadow:0 4px 16px color-mix(in srgb, var(--qm-ink) 13%, transparent); }
  .entry-header { background:var(--qawlat-surface-strong); padding:12px 20px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; border-bottom:1px solid var(--qawlat-border-light); }
  body.dark .entry-header { background:var(--qawlat-surface-alt); border-color:var(--qawlat-green-dark-accent); }
  .entry-word { font-size:1.6rem; color:var(--qawlat-green-dark-accent); font-weight:bold; }
  body.dark .entry-word { color:var(--qawlat-gold-bright); }
  .badge { background:var(--qawlat-surface-strong); border:1px solid color-mix(in srgb, var(--qm-ink) 33%, transparent); border-radius:6px; padding:3px 10px; font-size:0.8rem; color:var(--qawlat-text-soft); }
  body.dark .badge { background:var(--qawlat-surface-alt); color:var(--qawlat-text-soft); border-color:color-mix(in srgb, var(--qawlat-text-soft) 27%, transparent); }
  .badge.green { border-color:color-mix(in srgb, var(--qawlat-green-bright) 27%, transparent); color:var(--qawlat-green-muted); }
  body.dark .badge.green { color:var(--qawlat-green-light); }
  .badge.blue { border-color:color-mix(in srgb, var(--qawlat-blue-softer) 33%, transparent); color:var(--qawlat-blue-medium); background:var(--qawlat-blue-lightest); }
  body.dark .badge.blue { background:var(--qawlat-surface-alt); color:var(--qawlat-blue-medium); }

  .ayah-section { padding:16px 20px; background:#fff; }
  body.dark .ayah-section { background:var(--qawlat-surface-alt); }
  .ayah-text { font-family:var(--font-quran) !important; font-size:var(--qm-fs-ayah-card); line-height:2.3; color:var(--qawlat-text); margin-bottom:12px; background:var(--qawlat-surface-strong); border-radius:8px; padding:16px 20px; border-right:4px solid var(--qawlat-gold-bright); position:relative; }
  body.dark .ayah-text { background:var(--qawlat-surface-alt); color:var(--qawlat-text); }

  /* 🔴 زرّ النسخ في صفّ إجراءات البطاقة (.entry-header) لا داخل .ayah-text:
     كان `position:absolute; left:10px; top:10px` داخل الآية، واليسارُ في RTL هو **نهاية السطر
     الأوّل** حيث النصّ قائم فعلًا — فكان يطبق على الآية عند hover. نُقل إلى صفّ الإجراءات مع
     المفضّلة/القراءة المركّزة/المشاركة (2026-07-30): صفر تطابق مهما طالت الآية، وصفر عرض مهدور. */
  .copy-btn { background:transparent; border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 33%, transparent); border-radius:8px; padding:3px 10px; font-size:0.82rem; color:var(--qawlat-green-dark-accent); cursor:pointer; transition:background .18s var(--qm-ease-out),color .18s,border-color .18s,box-shadow .18s,transform var(--qm-dur-press) var(--qm-ease-out); font-family:inherit; flex-shrink:0; }
  body.dark .copy-btn { color:var(--qawlat-gold-bright); border-color:color-mix(in srgb, var(--qawlat-text-soft) 33%, transparent); }
  .copy-btn:hover { background:color-mix(in srgb, var(--qm-ink) 9%, transparent); border-color:var(--qm-accent); }
  .copy-btn.copied { background:var(--qawlat-green-medium); color:#fff; border-color:var(--qawlat-green-medium); }
  /* فشل النسخ (رفضُ الحافظة + فشلُ الاحتياطيّ) — إشعارٌ مرئيّ بدل الصمت */
  .copy-btn.copy-failed { border-color:var(--qawlat-gold-dark); color:var(--qawlat-gold-dark); }

  .context-toggle { font-family:var(--font-ui); font-size:0.95rem; color:var(--qawlat-green-dark-accent); margin-bottom:6px; padding:7px 14px; background:var(--qawlat-surface-strong); border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 53%, transparent); border-radius:8px; cursor:pointer; display:inline-flex; align-items:center; gap:8px; user-select:none; }
  body.dark .context-toggle { background:var(--qawlat-surface-alt); color:var(--qawlat-gold-bright); border-color:color-mix(in srgb, var(--qawlat-text-soft) 33%, transparent); }
  .context-toggle:hover { background:var(--qawlat-bg); }
  .context-body { font-family:var(--font-quran) !important; font-size:var(--qm-fs-ayah-inline); line-height:2.1; color:#3a4a3a; background:var(--qawlat-bg); border-radius:8px; padding:12px 16px; margin-bottom:10px; border-right:3px solid var(--qawlat-gold-bright); margin-top:4px; }
  /* 🔴 كل قَولة في السياق ملفوفة في <span class="aw"> (قابلة للنقر)، وقاعدة site.css الكاسحة
     body *{font-family:var(--font-ui)!important} تلتقط الأبناء ما لم يُستثنَوا صراحةً.
     .ayah-text مستثناة بأبنائها (.ayah-text *) أمّا .context-body فبلا أبناء — فكانت آيات السياق تسقط على نوتو نسخ.
     القاعدة التالية تُعيد حفص لكل أبناء السياق عدا لافتة الواجهة .context-label. */
  .context-body *:not(.context-label) { font-family:var(--font-quran) !important; }
  .context-body[hidden] { display:none; }
  body.dark .context-body { background:var(--qawlat-surface-alt); color:#a0c0a0; border-color:var(--qawlat-text-soft); }
  .context-verse { padding:5px 0; }
  .context-verse + .context-verse { border-top:1px solid color-mix(in srgb, var(--qawlat-green-dark-accent) 15%, transparent); }
  .context-verse-num { color:var(--qawlat-gold-dark,var(--qawlat-gold-bright)); margin-inline-start:4px; white-space:nowrap; }
  .context-current { color:var(--qawlat-green-darker); background:color-mix(in srgb, var(--qawlat-gold-bright) 14%, transparent); border-radius:6px; margin:6px -6px; padding:8px 10px; }
  .context-label { display:block; font-family:var(--font-ui); font-size:0.78rem; line-height:1.35; color:var(--qawlat-green-dark-accent); margin-bottom:2px; }
  body.dark .context-current { color:var(--qawlat-gold-bright); background:color-mix(in srgb, var(--qawlat-gold-bright) 13%, transparent); }
  body.dark .context-label { color:var(--qawlat-gold-bright); }

  .no-results { text-align:center; padding:60px 20px; color:var(--qawlat-text-soft); font-size:1.1rem; }
  .suggest-section { margin-top:24px; }
  .suggest-label { font-size:0.95rem; color:var(--qawlat-text-soft); margin-bottom:10px; font-weight:600; }
  .suggest-tips { margin-top:28px; display:flex; flex-direction:column; gap:10px; max-width:540px; margin-inline:auto; text-align:right; }
  .suggest-tip { display:flex; align-items:flex-start; gap:10px; padding:10px 14px; background:var(--qawlat-surface-strong); border:1px solid color-mix(in srgb, var(--qm-ink) 20%, transparent); border-radius:8px; font-size:0.9rem; color:var(--qawlat-text); line-height:1.6; }
  .suggest-tip-icon { flex-shrink:0; font-size:1.1rem; line-height:1; }
  .suggest-tip-link { color:var(--qawlat-green-darker); text-decoration:underline; cursor:pointer; font-weight:600; }
  .suggest-tip-link:hover { color:var(--qm-accent-text); }
  body.dark .suggest-tip { background:var(--qawlat-surface-alt); border-color:var(--qawlat-green-dark-accent); }
  body.dark .suggest-tip-link { color:var(--qawlat-gold-bright); }
  .loading-overlay { position:fixed; inset:0; background:color-mix(in srgb, var(--qawlat-bg) 93%, transparent); display:flex; flex-direction:column; align-items:center; justify-content:center; z-index:999; }
  body.dark .loading-overlay { background:color-mix(in srgb, var(--qawlat-bg) 93%, transparent); }
  .loading-spinner { width:60px; height:60px; border:4px solid color-mix(in srgb, var(--qm-ink) 27%, transparent); border-top-color:var(--qm-accent); border-radius:50%; animation:spin 1s linear infinite; margin-bottom:20px; }
  @keyframes spin { to { transform:rotate(360deg); } }
  .loading-text { color:var(--qawlat-green-dark-accent); font-size:1.2rem; }
  .loading-sub { color:var(--qawlat-text-soft); font-size:0.9rem; margin-top:8px; }

  .sura-group-header { background:linear-gradient(135deg,var(--qawlat-bg),var(--qawlat-bg)); border:1px solid var(--qawlat-gold-bright); border-radius:10px; padding:8px 18px; margin:20px 0 10px; display:flex; align-items:center; gap:10px; font-size:1rem; color:var(--qawlat-green-darker); font-weight:bold; }
  body.dark .sura-group-header { background:linear-gradient(135deg,var(--qawlat-surface-alt),#24473a); border-color:var(--qawlat-text-soft); color:var(--qawlat-gold-bright); }
  .surah-name-chip { display:inline-flex; align-items:center; justify-content:center; min-width:44px; vertical-align:middle; }
  /* رابط الموضع في المُتَصَفِّح — شارة السورة وزهرة الآية (2026-07-30) */
  .browse-jump { display:inline-flex; align-items:center; color:inherit; text-decoration:none; border-radius:6px; transition:opacity .18s var(--qm-ease-out), transform var(--qm-dur-press) var(--qm-ease-out); }
  .browse-jump:hover { opacity:.72; transform:translateY(-1px); }
  .browse-jump:focus-visible { outline:2px solid var(--qm-accent); outline-offset:2px; }
  .surah-name-glyph { font-family:var(--font-surah-name) !important; font-weight:400; font-size:1.45rem; line-height:1; letter-spacing:0; color:var(--qawlat-green-darker); text-rendering:geometricPrecision; -webkit-font-smoothing:antialiased; }
  body.dark .surah-name-glyph { color:var(--qawlat-gold-bright); }
  .badge .surah-name-glyph { font-size:1.35rem; }
  .bar-label { display:flex; align-items:center; justify-content:flex-start; }
  .bar-label .surah-name-glyph { font-size:1.42rem; }
  .sura-group-header .surah-name-glyph { font-size:1.65rem; }
  .sura-group-count { font-size:0.85rem; color:var(--qawlat-text-soft); font-weight:700; }
  body.dark .sura-group-count { color:var(--qawlat-text); }

  .root-filter-bar { max-width:900px; margin:0 auto 16px; padding:0 20px; display:none; }
  .root-filter-inner { background:var(--qawlat-surface-strong); border:1px solid color-mix(in srgb, var(--qm-ink) 53%, transparent); border-radius:10px; padding:12px 16px; }
  body.dark .root-filter-inner { background:var(--qawlat-surface-alt); border-color:var(--qawlat-text-soft); }
  .root-filter-label { font-size:0.9rem; color:var(--qawlat-text-soft); margin-bottom:8px; }
  body.dark .root-filter-label { color:var(--qawlat-text-soft); }
  .root-filter-chips { display:flex; flex-wrap:wrap; gap:6px; }
  .root-filter-chip { background:#fff; border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 40%, transparent); border-radius:18px; padding:5px 14px; cursor:pointer; font-size:0.95rem; color:var(--qawlat-green-dark-accent); transition:background .2s var(--qm-ease-out),color .2s,border-color .2s,box-shadow .2s,transform var(--qm-dur-press) var(--qm-ease-out); user-select:none; }
  body.dark .root-filter-chip { background:var(--qawlat-surface-alt); color:var(--qawlat-gold-bright); border-color:color-mix(in srgb, var(--qawlat-text-soft) 33%, transparent); }
  .root-filter-chip:hover { background:var(--qawlat-surface-strong); border-color:var(--qm-accent); }
  .root-filter-chip.active { background:var(--qawlat-green-dark-accent); color:#fff; border-color:var(--qawlat-green-dark-accent); }
  .root-filter-chip-all { background:#fff; border:1px solid color-mix(in srgb, var(--qawlat-green-medium) 40%, transparent); border-radius:18px; padding:5px 14px; cursor:pointer; font-size:0.95rem; color:var(--qawlat-green-medium); transition:background .2s var(--qm-ease-out),color .2s,border-color .2s,box-shadow .2s,transform var(--qm-dur-press) var(--qm-ease-out); user-select:none; }
  body.dark .root-filter-chip-all { background:var(--qawlat-surface-alt); color:var(--qawlat-green-light); }
  .root-filter-chip-all:hover { background:var(--qawlat-blue-lightest); }
  .root-filter-chip-all.active { background:var(--qawlat-green-medium); color:#fff; border-color:var(--qawlat-green-medium); }

  /* B — صفّ أدوات النتائج الموحّد: يجمع الفرز/الخط/المشاركة/الأدوات/السجل في سطر مضغوط واحد بدل ٥ أشرطة مكدّسة */
  .qe-utilbar {
    display:flex; flex-wrap:wrap; align-items:center;
    gap:8px 18px; max-width:980px; margin:10px auto 6px; padding:0 20px;
  }
  .qe-utilbar > div { margin:0 !important; padding:0 !important; max-width:none !important; }
  .qe-utilbar > #sortBar { flex:0 0 auto !important; width:auto !important; white-space:nowrap; }
  .qe-utilbar #fontSlider { flex:0 0 110px !important; width:110px !important; min-width:110px !important; }
  .qe-utilbar > #shareBar { flex:1 1 240px !important; width:auto !important; min-width:0; }
  .qe-utilbar > #shareBar .share-input { min-width:0; flex:1 1 auto; }
  .qe-utilbar > #toolbar { flex:0 0 auto !important; width:auto !important; }
  .qe-utilbar > #sidebarToggleRow { flex:0 0 auto !important; width:auto !important; margin-inline-start:auto !important; }
  @media (max-width:640px){
    .qe-utilbar { gap:8px 12px; padding:0 14px; }
    .qe-utilbar > #shareBar { flex:1 1 100% !important; }
    .qe-utilbar > #sidebarToggleRow { margin-inline-start:0 !important; }
  }
  .sort-bar { max-width:900px; margin:0 auto 12px; padding:0 20px; display:none; align-items:center; gap:10px; font-size:0.9rem; color:var(--qawlat-text-soft); }
  body.dark .sort-bar { color:var(--qawlat-text-soft); }
  .sort-btn { background:var(--qawlat-surface-strong); border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 40%, transparent); border-radius:16px; padding:4px 14px; cursor:pointer; font-family:inherit; font-size:0.9rem; color:var(--qawlat-green-dark-accent); transition:background .2s var(--qm-ease-out),color .2s,border-color .2s,box-shadow .2s,transform var(--qm-dur-press) var(--qm-ease-out); }
  body.dark .sort-btn { background:var(--qawlat-surface-alt); color:var(--qawlat-gold-bright); border-color:color-mix(in srgb, var(--qawlat-text-soft) 33%, transparent); }
  .sort-btn.active { background:var(--qawlat-green-dark-accent); color:#fff; border-color:var(--qawlat-green-dark-accent); }

  .toolbar { max-width:900px; margin:0 auto 8px; padding:0 20px; display:none; justify-content:flex-start; gap:8px; flex-wrap:wrap; }
  .tool-btn { display:inline-flex; align-items:center; gap:6px; background:var(--qawlat-surface-strong); border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 40%, transparent); border-radius:8px; padding:6px 14px; cursor:pointer; font-family:inherit; font-size:0.9rem; color:var(--qawlat-green-dark-accent); transition:background .2s var(--qm-ease-out),color .2s,border-color .2s,box-shadow .2s,transform var(--qm-dur-press) var(--qm-ease-out); }
  body.dark .tool-btn { background:var(--qawlat-surface-alt); color:var(--qawlat-gold-bright); border-color:color-mix(in srgb, var(--qawlat-text-soft) 33%, transparent); }
  .tool-btn:hover { background:var(--qawlat-bg); border-color:var(--qm-accent); }
  .export-menu { position:relative; display:inline-block; }
  .export-dropdown { display:none; position:absolute; top:110%; right:0; background:#fff; border:1px solid color-mix(in srgb, var(--qm-ink) 53%, transparent); border-radius:10px; box-shadow:0 4px 20px #0002; z-index:100; min-width:200px; overflow:hidden; }
  body.dark .export-dropdown { background:var(--qawlat-surface-alt); border-color:var(--qawlat-text-soft); }
  .export-dropdown.open { display:block; }
  .export-item { display:flex; align-items:center; gap:10px; padding:10px 16px; cursor:pointer; font-size:0.95rem; color:var(--qawlat-text); transition:background .15s; }
  body.dark .export-item { color:var(--qawlat-text); }
  .export-item:hover { background:var(--qawlat-surface-strong); }
  body.dark .export-item:hover { background:var(--qawlat-green-dark-accent); }
  .export-sep { border-top:1px solid var(--qawlat-border-light); margin:4px 0; }
  body.dark .export-sep { border-color:var(--qawlat-green-dark-accent); }
  .export-label { padding:5px 16px; font-size:0.78rem; color:var(--qawlat-text-soft); }

  /* ===== زر المفضلة على كل كرت ===== */
  .fav-btn { background:transparent; border:none; cursor:pointer; font-size:1.2rem; padding:2px 6px; line-height:1; opacity:0.45; transition:opacity .2s, transform .2s; flex-shrink:0; }
  .fav-btn:hover { opacity:1; transform:scale(1.2); }
  .fav-btn.faved { opacity:1; }

  /* ===== وضع القراءة المركّزة ===== */
  .fr-overlay { display:none; position:fixed; inset:0; background:color-mix(in srgb, var(--qawlat-bg) 94%, transparent); z-index:2000; flex-direction:column; align-items:center; justify-content:center; }
  .fr-overlay.open { display:flex; }
  body:not(.dark) .fr-overlay { background:color-mix(in srgb, var(--qawlat-bg) 96%, transparent); }

  .fr-box { width:min(780px,95vw); display:flex; flex-direction:column; align-items:center; gap:0; }

  /* شريط أعلى */
  .fr-top { display:flex; align-items:center; justify-content:space-between; width:100%; margin-bottom:18px; }
  .fr-ref { font-family:var(--font-ui); font-size:1rem; color:var(--qm-accent-text); letter-spacing:0; }
  .fr-top-btns { display:flex; gap:8px; align-items:center; }
  .fr-icon-btn { background:color-mix(in srgb, var(--qawlat-surface-strong) 9%, transparent); border:1px solid color-mix(in srgb, var(--qawlat-surface-strong) 13%, transparent); border-radius:10px; color:var(--qawlat-bg); padding:7px 13px; cursor:pointer; font-size:1rem; transition:background .2s; font-family:var(--font-ui); white-space:nowrap; }
  body:not(.dark) .fr-icon-btn { background:color-mix(in srgb, var(--qawlat-green-darker) 9%, transparent); border-color:color-mix(in srgb, var(--qawlat-green-darker) 20%, transparent); color:var(--qawlat-green-darker); }
  .fr-icon-btn:hover { background:color-mix(in srgb, var(--qawlat-surface-strong) 19%, transparent); }
  body:not(.dark) .fr-icon-btn:hover { background:color-mix(in srgb, var(--qawlat-green-darker) 19%, transparent); }
  .fr-icon-btn.faved { color:var(--qm-accent-text); border-color:color-mix(in srgb, var(--qm-ink) 40%, transparent); }

  /* نص الآية */
  .fr-ayah { font-family:var(--font-quran) !important; line-height:2.5; text-align:center; color:var(--qawlat-text); background:var(--qawlat-surface-strong); border-radius:16px; padding:32px 36px; border:2px solid color-mix(in srgb, var(--qawlat-gold-bright) 27%, transparent); box-shadow:0 4px 32px #00000022; width:100%; }
  body.dark .fr-ayah { background:var(--qawlat-surface-alt); color:var(--qawlat-text); border-color:color-mix(in srgb, var(--qawlat-gold-bright) 20%, transparent); }

  /* أزرار التنقل */
  .fr-nav { display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:22px; }
  .fr-nav-btn { background:color-mix(in srgb, var(--qm-ink) 13%, transparent); border:2px solid color-mix(in srgb, var(--qm-ink) 33%, transparent); border-radius:12px; color:var(--qm-accent-text); padding:10px 22px; cursor:pointer; font-family:var(--font-ui); font-size:1.1rem; transition:background .2s var(--qm-ease-out),color .2s,border-color .2s,box-shadow .2s,transform var(--qm-dur-press) var(--qm-ease-out); display:flex; align-items:center; gap:8px; }
  .fr-nav-btn:hover:not(:disabled) { background:var(--qm-accent); color:#fff; }
  .fr-nav-btn:disabled { opacity:0.25; cursor:not-allowed; }
  body:not(.dark) .fr-nav-btn { background:color-mix(in srgb, var(--qawlat-gold-bright) 13%, transparent); color:var(--qawlat-green-darker); border-color:color-mix(in srgb, var(--qawlat-gold-bright) 53%, transparent); }
  .fr-counter { font-family:var(--font-ui); font-size:0.9rem; color:color-mix(in srgb, var(--qm-ink) 60%, transparent); }

  /* شريط تكبير الخط داخل القراءة */
  .fr-font-bar { display:flex; align-items:center; gap:10px; margin-top:14px; }
  .fr-font-bar input[type=range] { width:120px; accent-color:var(--qm-accent); }
  .fr-font-lbl { font-family:var(--font-ui); font-size:0.85rem; color:color-mix(in srgb, var(--qm-ink) 53%, transparent); min-width:30px; text-align:center; }

  /* ===== صفحة المفضلة ===== */
  .favpage-overlay { display:none; position:fixed; inset:0; background:var(--qawlat-bg); z-index:1900; flex-direction:column; overflow-y:auto; }
  body.dark .favpage-overlay { background:var(--qawlat-bg); }
  .favpage-overlay.open { display:flex; }
  .favpage-header { background:linear-gradient(135deg,var(--qawlat-green-darker),var(--qawlat-green-darker)); border-bottom:3px solid var(--qawlat-gold-bright); padding:16px 24px; display:flex; align-items:center; gap:16px; position:sticky; top:0; z-index:10; flex-shrink:0; }
  .favpage-header h2 { color:var(--qawlat-bg); font-size:1.4rem; flex:1; margin:0; }
  .favpage-close { background:color-mix(in srgb, var(--qawlat-surface-strong) 9%, transparent); border:1px solid color-mix(in srgb, var(--qawlat-surface-strong) 13%, transparent); border-radius:8px; color:var(--qawlat-bg); padding:7px 14px; cursor:pointer; font-size:1rem; font-family:var(--font-ui); }
  .favpage-close:hover { background:color-mix(in srgb, var(--qawlat-surface-strong) 19%, transparent); }
  .favpage-body { padding:24px 20px; max-width:900px; margin:0 auto; width:100%; }
  .favpage-empty { text-align:center; padding:80px 20px; color:var(--qawlat-text-soft); font-size:1.1rem; }
  .favpage-section { margin-bottom:32px; }
  .favpage-section-title { font-size:1rem; color:var(--qawlat-green-dark-accent); border-bottom:2px solid color-mix(in srgb, var(--qawlat-gold-bright) 27%, transparent); padding-bottom:6px; margin-bottom:14px; display:flex; align-items:center; gap:8px; }
  body.dark .favpage-section-title { color:var(--qawlat-gold-bright); }
  .fav-card { background:#fff; border:1px solid color-mix(in srgb, var(--qm-ink) 27%, transparent); border-radius:12px; padding:16px 20px; margin-bottom:12px; display:flex; align-items:flex-start; gap:14px; transition:box-shadow .2s; }
  body.dark .fav-card { background:var(--qawlat-surface-alt); border-color:var(--qawlat-green-dark-accent); }
  .fav-card:hover { box-shadow:0 4px 16px color-mix(in srgb, var(--qm-ink) 13%, transparent); }
  .fav-card-body { flex:1; min-width:0; }
  .fav-card-ref { font-size:0.85rem; color:var(--qawlat-text-soft); margin-bottom:8px; display:flex; gap:8px; flex-wrap:wrap; }
  body.dark .fav-card-ref { color:var(--qawlat-text-soft); }
  .fav-card-ref .badge { background:var(--qawlat-surface-strong); border:1px solid color-mix(in srgb, var(--qm-ink) 33%, transparent); border-radius:6px; padding:2px 10px; font-size:0.8rem; color:var(--qawlat-text-soft); }
  body.dark .fav-card-ref .badge { background:var(--qawlat-surface-alt); color:var(--qawlat-text-soft); }
  .fav-card-ayah { font-family:var(--font-quran) !important; font-size:1.15rem; line-height:2.2; color:var(--qawlat-text); }
  body.dark .fav-card-ayah { color:var(--qawlat-text); }
  .fav-card-root { font-size:0.85rem; color:var(--qawlat-green-muted); margin-top:6px; }
  body.dark .fav-card-root { color:var(--qawlat-green-light); }
  .fav-card-actions { display:flex; flex-direction:column; gap:8px; flex-shrink:0; }
  .fav-action-btn { background:var(--qawlat-surface-strong); border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 40%, transparent); border-radius:8px; padding:6px 12px; cursor:pointer; font-family:var(--font-ui); font-size:0.85rem; color:var(--qawlat-green-dark-accent); transition:background .2s var(--qm-ease-out),color .2s,border-color .2s,box-shadow .2s,transform var(--qm-dur-press) var(--qm-ease-out); white-space:nowrap; }
  body.dark .fav-action-btn { background:var(--qawlat-surface-alt); color:var(--qawlat-gold-bright); border-color:color-mix(in srgb, var(--qawlat-text-soft) 33%, transparent); }
  .fav-action-btn:hover { background:var(--qawlat-bg); }
  .fav-action-btn.del { color:#d94433; border-color:#d9443344; }
  body.dark .fav-action-btn.del { color:#d94433; border-color:#d9443344; }
  .fav-action-btn.del:hover { background:#ffeaea; }

  /* إحصائيات السور */
  .stats-chart { max-width:900px; margin:0 auto 20px; padding:0 20px; display:none; }
  .stats-chart-inner { background:var(--qawlat-surface-strong); border:1px solid color-mix(in srgb, var(--qm-ink) 53%, transparent); border-radius:12px; padding:16px; }
  body.dark .stats-chart-inner { background:var(--qawlat-surface-alt); border-color:var(--qawlat-text-soft); }
  .stats-chart-title { font-size:0.95rem; color:var(--qawlat-text-soft); margin-bottom:12px; display:flex; justify-content:space-between; align-items:center; }
  body.dark .stats-chart-title { color:var(--qawlat-text-soft); }
  .bar-row { display:flex; align-items:center; gap:8px; margin-bottom:6px; font-size:0.85rem; }
  .bar-label { width:90px; text-align:right; color:var(--qawlat-text-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex-shrink:0; }
  body.dark .bar-label { color:var(--qawlat-text-soft); }
  .bar-track { flex:1; background:var(--qawlat-border-light); border-radius:4px; height:14px; overflow:hidden; }
  body.dark .bar-track { background:var(--qawlat-green-dark-accent); }
  .bar-fill { height:100%; width:var(--bar-w,0%); background:linear-gradient(90deg,var(--qawlat-gold-bright),var(--qawlat-gold-dark)); border-radius:4px; transition:width .4s; }
  .bar-count { width:30px; text-align:left; color:var(--qawlat-green-dark-accent); font-size:0.8rem; flex-shrink:0; }
  body.dark .bar-count { color:var(--qawlat-gold-bright); }

  /* رابط المشاركة */
  .share-bar { max-width:900px; margin:0 auto 8px; padding:0 20px; display:none; align-items:center; gap:8px; flex-wrap:wrap; }
  .share-label { font-size:.82rem; color:var(--qawlat-text-soft); white-space:nowrap; display:flex; align-items:center; gap:5px; }
  body.dark .share-label { color:var(--qawlat-text-soft); }
  .share-input { flex:1; min-width:180px; background:var(--qawlat-surface-strong); border:1px solid color-mix(in srgb, var(--qm-ink) 40%, transparent); border-radius:8px; padding:6px 12px; font-size:0.82rem; color:var(--qawlat-text-soft); direction:ltr; font-family:monospace; outline:none; cursor:pointer; }
  .share-input:focus { border-color:var(--qm-border-strong); }
  body.dark .share-input { background:var(--qawlat-surface-alt); color:var(--qawlat-text-soft); border-color:var(--qawlat-text-soft); }
  .share-copy-btn { background:var(--qm-accent); color:#fff; border:none; border-radius:8px; padding:6px 14px; cursor:pointer; font-family:inherit; font-size:0.82rem; white-space:nowrap; transition:background .2s; }
  .share-copy-btn:hover { background:var(--qawlat-gold-dark); }
  .share-wa-btn { background:#25D366; color:#fff; border:none; border-radius:8px; padding:6px 12px; cursor:pointer; font-family:inherit; font-size:0.82rem; white-space:nowrap; display:flex; align-items:center; gap:5px; transition:background .2s; text-decoration:none; }
  .share-wa-btn:hover { background:#1da851; }

  /* ===== سايدبار سجل البحث ===== */
  .main-with-sidebar { display:flex; gap:20px; max-width:1300px; margin:0 auto; padding:0 20px 40px; }
  .main-content-col { flex:1; min-width:0; }
  .sidebar-col { width:300px; flex-shrink:0; display:flex; flex-direction:column; gap:16px; position:sticky; top:16px; align-self:flex-start; }
  .sidebar-panel { background:var(--qawlat-surface-strong); border:2px solid color-mix(in srgb, var(--qawlat-gold-bright) 53%, transparent); border-radius:14px; padding:0; overflow:hidden; box-shadow:0 2px 12px color-mix(in srgb, var(--qawlat-gold-bright) 8%, transparent); }
  .sidebar-tabs { display:flex; border-bottom:1px solid var(--qawlat-border-light); background:var(--qawlat-surface); }
  body.dark .sidebar-tabs { background:var(--qawlat-surface-alt); border-color:var(--qawlat-green-dark-accent); }
  .sidebar-tab { flex:1; padding:12px 6px; background:transparent; border:none; border-bottom:3px solid transparent; cursor:pointer; font-family:var(--font-ui); font-weight:700; font-size:.95rem; color:var(--qawlat-text-soft); transition:color .15s, background .15s, border-color .15s; white-space:nowrap; }
  .sidebar-tab:hover { color:var(--qawlat-green-darker); background:var(--qawlat-surface-strong); }
  .sidebar-tab.active { color:var(--qawlat-green-darker); border-bottom-color:var(--qawlat-gold-bright); background:var(--qawlat-surface-strong); }
  body.dark .sidebar-tab { color:var(--qawlat-text-soft); }
  body.dark .sidebar-tab:hover { color:var(--qawlat-gold-bright); background:#24473a; }
  body.dark .sidebar-tab.active { color:var(--qawlat-gold-bright); background:#24473a; border-bottom-color:var(--qawlat-gold-bright); }
  .sidebar-tab-content { max-height:440px; overflow-y:auto; }
  .sidebar-tab-content[hidden] { display:none; }
  body.dark .sidebar-panel { background:var(--qawlat-surface-alt); border-color:color-mix(in srgb, var(--qawlat-text-soft) 53%, transparent); }
  .sidebar-panel-header { text-align:center; padding:14px 16px 10px; border-bottom:1px solid var(--qawlat-border-light); }
  body.dark .sidebar-panel-header { border-color:var(--qawlat-green-dark-accent); }
  .sidebar-panel-header h3 { font-size:1.1rem; color:var(--qawlat-green-darker); margin:0; font-family:var(--font-ui); font-weight: 700; }
  body.dark .sidebar-panel-header h3 { color:var(--qawlat-gold-bright); }
  .sidebar-list { list-style:none; padding:8px 0; margin:0; }
  .sidebar-list li { display:flex; align-items:center; padding:8px 16px; gap:10px; cursor:pointer; transition:background .15s; font-size:.95rem; color:var(--qawlat-text); }
  body.dark .sidebar-list li { color:var(--qawlat-text); }
  .sidebar-list li:hover { background:var(--qawlat-surface-strong); }
  body.dark .sidebar-list li:hover { background:var(--qawlat-green-dark-accent); }
  .sidebar-list li .sh-num { color:var(--qawlat-text-soft); font-size:.85rem; min-width:22px; text-align:center; flex-shrink:0; }
  .sidebar-list li .sh-query { flex:1; font-family:var(--font-ui); font-weight:bold; color:var(--qawlat-green-dark-accent); }
  body.dark .sidebar-list li .sh-query { color:#a0d0b0; }
  .sidebar-list li .sh-badge { background:#fff; border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 40%, transparent); border-radius:6px; padding:2px 10px; font-size:.75rem; color:var(--qawlat-text-soft); white-space:nowrap; }
  body.dark .sidebar-list li .sh-badge { background:var(--qawlat-surface-alt); color:var(--qawlat-text-soft); border-color:color-mix(in srgb, var(--qawlat-text-soft) 27%, transparent); }
  .sidebar-list li .sh-count { background:var(--qawlat-surface-strong); border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 40%, transparent); border-radius:6px; padding:2px 10px; font-size:.78rem; color:var(--qawlat-green-dark-accent); min-width:22px; text-align:center; white-space:nowrap; }
  body.dark .sidebar-list li .sh-count { background:var(--qawlat-surface-alt); color:var(--qawlat-gold-bright); }
  .sidebar-list li.sh-highlight { background:var(--qawlat-surface-strong); }
  body.dark .sidebar-list li.sh-highlight { background:var(--qawlat-green-dark-accent); }
  .sidebar-empty { text-align:center; padding:20px 16px; color:var(--qawlat-text-soft); font-size:.9rem; }
  .sidebar-clear { text-align:center; padding:8px; border-top:1px solid var(--qawlat-border-light); }
  body.dark .sidebar-clear { border-color:var(--qawlat-green-dark-accent); }
  .sidebar-clear span { font-size:.78rem; color:#b04020; cursor:pointer; opacity:.7; }
  .sidebar-clear span:hover { opacity:1; }
  @media(max-width:1100px){
    .main-with-sidebar { flex-direction: column; }
    .sidebar-col { width: 100%; position: static; flex-direction: row; flex-wrap: wrap; gap: 16px; }
    .sidebar-col .sidebar-panel { flex: 1; min-width: 280px; }
  }

  /* إخفاء بصريّ مع إبقاء العنصر لقارئ الشاشة (كان صنف sr-only بلا قاعدة، فظهر
     عنوان #wpPanelTitle «مدلول القَولة» مرئيًّا — قرار المالك 2026-07-23: يُخفى). */
  .sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
  /* ===== Word Popup ===== */
  .wp-overlay{display:none;position:fixed;inset:0;background:#00000066;z-index:1000;align-items:center;justify-content:center;}
  .wp-overlay.open{display:flex;}
  .wp-box{background:var(--qawlat-surface-strong);border:2px solid var(--qm-border-strong);border-radius:16px;width:420px;max-width:93vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 40px #00000033;overflow:hidden;animation:wpIn .22s ease-out;}
  body.dark .wp-box{background:var(--qawlat-surface-alt);border-color:var(--qawlat-text-soft);}
  @keyframes wpIn{from{transform:scale(.9);opacity:0;}to{transform:scale(1);opacity:1;}}
  .wp-head{background:linear-gradient(135deg,var(--qawlat-green-darker),var(--qawlat-green-darker));padding:16px 20px;display:flex;align-items:center;justify-content:space-between;}
  .wp-word{font-family:var(--font-ui);font-size:1.8rem;color:var(--qawlat-bg);}
  .wp-close{background:color-mix(in srgb, var(--qawlat-surface-strong) 13%, transparent);border:1px solid color-mix(in srgb, var(--qawlat-surface-strong) 20%, transparent);border-radius:50%;width:32px;height:32px;color:var(--qawlat-bg);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;}
  .wp-close:hover{background:color-mix(in srgb, var(--qawlat-surface-strong) 27%, transparent);}
  .wp-body{padding:20px;overflow-y:auto;flex:1;}
  .wp-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid color-mix(in srgb, var(--qawlat-border-light) 27%, transparent);}
  .wp-row:last-child{border-bottom:none;}
  .wp-lbl{font-size:.85rem;color:var(--qawlat-text-soft);min-width:80px;}
  .wp-val{font-size:1.05rem;color:var(--qawlat-green-dark-accent);font-weight:bold;}
  body.dark .wp-val{color:#a0d0b0;}
  .wp-badge{background:color-mix(in srgb, var(--qawlat-gold-bright) 13%, transparent);color:var(--qawlat-green-dark-accent);border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 27%, transparent);border-radius:20px;padding:2px 14px;font-size:.95rem;}
  body.dark .wp-badge{background:color-mix(in srgb, var(--qawlat-gold-bright) 8%, transparent);color:var(--qawlat-gold-bright);}
  .wp-badge-root{background:color-mix(in srgb, var(--qawlat-green-medium) 13%, transparent);color:var(--qawlat-green-muted);border-color:color-mix(in srgb, var(--qawlat-green-medium) 27%, transparent);}
  body.dark .wp-badge-root{background:color-mix(in srgb, #20402f 8%, transparent);color:var(--qawlat-green-light);}
  .wp-stat-row{background:#f0f7f0;border-radius:8px;margin:2px 0;}
  body.dark .wp-stat-row{background:var(--qawlat-bg);}
  .wp-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;}
  .wp-btn{flex:1;min-width:90px;padding:9px 12px;border-radius:10px;border:none;font-family:inherit;font-size:.9rem;cursor:pointer;transition:background .2s var(--qm-ease-out),color .2s,border-color .2s,box-shadow .2s,transform var(--qm-dur-press) var(--qm-ease-out);display:flex;align-items:center;justify-content:center;gap:5px;}
  .wp-btn-root{background:var(--qawlat-green-medium);color:#fff;}
  .wp-btn-root:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb, var(--qawlat-green-medium) 27%, transparent);}
  .wp-btn-word{background:linear-gradient(135deg,var(--qawlat-green-dark-accent),var(--qawlat-green-darker));color:#fff;}
  .wp-btn-word:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb, var(--qawlat-green-dark-accent) 27%, transparent);}
  .wp-btn-copy{background:#fff;border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 40%, transparent);color:var(--qawlat-green-dark-accent);}
  body.dark .wp-btn-copy{background:var(--qawlat-surface-alt);color:var(--qawlat-gold-bright);}
  .wp-btn-copy:hover{background:var(--qawlat-surface-strong);}
  :root{--word-panel-w:clamp(316px,25vw,420px);}
  body.theme-modern .wp-overlay,
  .wp-overlay{
    position:fixed;
    inset:0;
    z-index:1250;
    background:transparent !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    align-items:initial;
    justify-content:initial;
  }
  .wp-overlay.open{display:block;}
  .wp-box{
    position:fixed;
    top:calc(var(--qawlat-top-chrome-height, var(--qawlat-header-height, 0px)) + 10px);
    right:12px;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px));
    width:var(--word-panel-w);
    max-width:calc(100vw - 24px);
    max-height:none;
    border-radius:14px;
    border:1px solid var(--qm-border, rgba(18,54,43,.14));
    background:var(--qm-surface, #fff);
    box-shadow:0 18px 50px rgba(8,18,14,.18);
    transform:translateX(calc(100% + 22px));
    opacity:0;
    animation:none;
    transition:transform .24s cubic-bezier(.4,0,.2,1), opacity .18s ease;
  }
  .wp-overlay.open .wp-box{transform:translateX(0);opacity:1;}
  body.theme-modern.dark .wp-box{background:#15201b;border-color:rgba(232,220,196,.18);box-shadow:0 18px 50px rgba(0,0,0,.38);}
  /* رأس «ختم القَولة» — أخضر عميق + القولة بخطّ حفص الذهبيّ + شريحة الجذر */
  .wp-head{
    position:relative;
    display:block;
    text-align:center;
    background:#173a2f;
    background-image:radial-gradient(130% 150% at 50% -30%, #1f4a3b 0%, #14322a 72%);
    border-bottom:1px solid rgba(230,196,98,.22);
    padding:20px 18px 16px;
  }
  body.theme-modern.dark .wp-head{background:#0e1714;background-image:none;border-bottom-color:rgba(230,196,98,.18);}
  .wp-kicker{font-size:.72rem;letter-spacing:0;color:#cbe0d4;opacity:.85;margin-bottom:3px;}
  .wp-word{
    display:block;
    font-family:var(--font-quran);
    color:#e6c462;
    font-size:1.95rem;
    font-weight:400;
    line-height:1.4;
  }
  body.theme-modern.dark .wp-word{color:#e6c462;}
  .wp-sig{display:flex;align-items:center;gap:9px;width:min(220px,68%);margin:7px auto 9px;color:#c5942d;}
  .wp-sig::after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,#c5942d,transparent);opacity:.6;}
  .wp-root-chip{
    display:inline-flex;align-items:center;gap:6px;
    font-family:var(--font-ui);font-size:.8rem;font-weight:600;color:#0f2e24;
    background:#e6c462;border:none;border-radius:999px;padding:3px 13px;cursor:pointer;
    transition:transform .15s var(--qawlat-ease-out, ease), filter .15s;
  }
  .wp-root-chip:hover{transform:translateY(-1px);filter:brightness(1.05);}
  .wp-root-chip .wp-chip-lbl{opacity:.65;font-weight:500;}
  .wp-root-chip .wp-chip-arrow{font-size:.85rem;}
  .wp-close{
    position:absolute;left:13px;top:13px;
    width:30px;height:30px;border-radius:9px;
    background:transparent;border:1px solid rgba(230,196,98,.30);
    color:#e6c462;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  }
  .wp-close:hover{background:rgba(230,196,98,.14);border-color:rgba(230,196,98,.5);}
  body.theme-modern.dark .wp-close{background:rgba(255,255,255,.03);border-color:rgba(230,196,98,.28);color:#e6c462;}
  .wp-body{padding:14px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
  /* بلاطات الإحصاء */
  .wp-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;}
  .wp-tile{background:var(--qm-page, #eff2ee);border-radius:12px;padding:10px 6px;text-align:center;}
  body.theme-modern.dark .wp-tile{background:rgba(255,255,255,.04);}
  .wp-tile-v{display:block;font-family:var(--font-mono);font-size:1.18rem;font-weight:700;color:var(--qm-ink, #173a2f);line-height:1.1;}
  body.theme-modern.dark .wp-tile-v{color:#e6c462;}
  .wp-tile-l{display:block;font-size:.7rem;color:var(--qm-muted, #566159);margin-top:3px;line-height:1.3;}
  /* بطاقة الشاهد */
  .wp-shahid{margin:0 0 10px;padding:11px 13px;background:var(--qm-surface-soft, #f6f8f5);border:1px solid var(--qm-border-soft, rgba(24,58,47,.08));border-inline-start:3px solid var(--qm-gold, #c5942d);border-radius:0 12px 12px 0;}
  body.theme-modern.dark .wp-shahid{background:rgba(255,255,255,.03);border-color:rgba(230,196,98,.12);border-inline-start-color:#c5942d;}
  .wp-shahid-cap{font-size:.72rem;color:var(--qm-gold-deep, #7e5410);font-weight:600;margin-bottom:5px;}
  body.theme-modern.dark .wp-shahid-cap{color:#e6c462;}
  .wp-shahid-text{font-family:var(--font-quran);font-size:1.15rem;line-height:2;color:var(--qm-ink, #27352d);}
  body.theme-modern.dark .wp-shahid-text{color:#dbe2dc;}
  .wp-row{padding:7px 0;border-bottom:1px solid var(--qm-border-soft, rgba(18,54,43,.08));}
  .wp-lbl{min-width:68px;color:var(--qm-muted, #6b7a72);font-size:.82rem;}
  .wp-val{color:var(--qm-ink, #12362b);font-size:.98rem;}
  body.theme-modern.dark .wp-val{color:#dbe2dc;}
  .wp-badge{background:rgba(29,138,109,.08);border:1px solid rgba(29,138,109,.18);color:var(--qm-ink, #12362b);border-radius:999px;padding:2px 10px;font-size:.88rem;}
  body.theme-modern.dark .wp-badge{background:rgba(230,196,98,.10);border-color:rgba(230,196,98,.22);color:#f2e3b0;}
  /* صفّ الأفعال — تحليل أساسيّ (كامل) + شبحيّة */
  .wp-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;}
  .wp-btn{
    min-height:38px;min-width:0;padding:8px 10px;border-radius:11px;
    border:1px solid var(--qm-border, rgba(18,54,43,.14));
    background:var(--qm-surface, #fff);color:var(--qm-ink, #12362b);
    box-shadow:none;font-weight:700;
    transition:background .15s, transform .12s var(--qawlat-ease-out, ease);
  }
  .wp-btn:hover{transform:none;box-shadow:none;background:var(--qm-bg, #f4f6f4);}
  .wp-btn:active{transform:scale(.97);}
  .wp-btn-analysis{flex-basis:100%;background:var(--qm-ink, #173a2f);color:#f5dfaa;border-color:var(--qm-ink, #173a2f);}
  .wp-btn-analysis:hover{background:#1f4a3b;}
  .wp-btn-word,.wp-btn-root,.wp-btn-copy{flex:1;background:var(--qm-surface, #fff);color:var(--qm-ink, #12362b);}
  body.theme-modern.dark .wp-btn{background:rgba(255,255,255,.04);border-color:rgba(232,220,196,.18);color:#e8dcc4;}
  body.theme-modern.dark .wp-btn-analysis{background:#0e1714;border-color:rgba(230,196,98,.24);color:#e6c462;}
  .wp-analysis-panel{margin-top:10px;}
  .wp-analysis-panel.apnl-summary-preview .qla-card{margin-bottom:0;box-shadow:none;border-radius:12px;}
  /* ═══ الرأس المدموج — رأس واحد بسطرين (قرار المالك 2026-07-23) ═══
     كان شريط سياق ثمّ ختم أخضر مكرَّر أسفله («تحليل الجذر» + القَولة + −/+).
     صارا رأسًا واحدًا: سطر ١ = [× − +] يسارًا والقَولة بحفص يمينًا،
     سطر ٢ = مرجع السورة/الآية + شريحة الجذر. الختم يُخفى عبر .qla-seal-merged. */
  .wp-contextbar{
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    row-gap:6px;
    column-gap:10px;
    padding:11px 13px 10px;
    border-bottom:1px solid var(--qm-border-soft,rgba(18,54,43,.09));
    background:var(--qm-surface,#fff);
  }
  .wp-ctxbar-actions{grid-column:1;grid-row:1;display:inline-flex;align-items:center;gap:6px;}
  .wp-qawla-word{
    grid-column:2;grid-row:1;
    min-width:0;text-align:right;
    font-family:var(--font-quran)!important;font-weight:400;font-synthesis:none;letter-spacing:0;
    font-size:1.34rem;line-height:1.9;
    color:var(--qm-ink,#173a2f);
    overflow-wrap:anywhere;
  }
  body.theme-modern.dark .wp-qawla-word{color:#e6c462;}
  .wp-metaline{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;min-width:0;}
  .wp-contextbar .wp-metaline .wp-context-ref{justify-content:flex-start;flex:0 1 auto;}
  .wp-contextbar .wp-metaline .wp-root-chip{min-height:34px;padding:4px 10px;font-size:.78rem;flex:0 0 auto;}
  /* أزرار حجم النصّ المنقولة من الختم — أصغر من ٤٤px الأصليّة لتناسب الصفّ */
  /* ترتيب أيقونات الرأس (قرار المالك 2026-07-23): × في أقصى اليسار، و«− +» قبله.
     الصفّ RTL فـorder ١ = أقصى اليمين. */
  .wp-ctxbar-actions .qla-app-font-controls{display:inline-flex;align-items:center;gap:5px;direction:ltr;order:1;margin-inline-end:4px;}
  .wp-ctxbar-actions .wp-close{order:3;}
  .wp-ctxbar-actions .qla-app-font-btn{
    width:40px;height:40px;border-radius:10px;
    border-color:var(--qm-border,rgba(18,54,43,.16));
    background:transparent;color:var(--qm-ink,#173a2f);
  }
  body.theme-modern.dark .wp-ctxbar-actions .qla-app-font-btn{border-color:rgba(230,196,98,.24);color:#e6c462;}
  .wp-ctxbar-actions .qla-app-font-btn svg{width:16px;height:16px;}
  body.theme-modern.dark .wp-contextbar{background:#15201b;border-bottom-color:rgba(232,220,196,.14);}
  .wp-drag{display:none;width:42px;height:4px;border-radius:999px;background:var(--qm-border,rgba(18,54,43,.20));margin:9px auto 0;}
  .wp-context-ref{min-width:0;text-align:center;display:flex;align-items:center;justify-content:center;gap:7px;}
  .wp-context-surah{font-family:var(--font-quran)!important;font-size:.95rem;font-weight:400;color:var(--qm-ink,#173a2f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body.theme-modern.dark .wp-context-surah{color:#e8ece9;}
  .wp-context-ref .qla-num-badge{font-size:1.25rem;}
  .wp-contextbar .wp-close{
    position:static;
    width:44px;
    height:44px;
    border-radius:11px;
    border:1px solid var(--qm-border,rgba(18,54,43,.14));
    background:transparent;
    color:var(--qm-ink,#173a2f);
  }
  .wp-contextbar .wp-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}
  body.theme-modern.dark .wp-contextbar .wp-close{color:#e6c462;border-color:rgba(230,196,98,.22);}
  .wp-contextbar .wp-root-chip{
    min-height:44px;
    border:1px solid var(--qm-border,rgba(18,54,43,.14));
    border-radius:11px;
    background:var(--qm-surface-soft,#f4f6f4);
    color:var(--qm-ink,#173a2f);
    padding:6px 10px;
  }
  .wp-contextbar .wp-root-chip #wpRoot{font-family:var(--font-quran)!important;font-weight:400;font-synthesis:none;letter-spacing:0;}
  body.theme-modern.dark .wp-contextbar .wp-root-chip{background:rgba(255,255,255,.04);color:#e8ece9;border-color:rgba(232,220,196,.16);}
  .wp-body{padding:14px;}
  .wp-analysis-panel{margin-top:0;}
  .wp-actions{padding-top:11px;border-top:1px solid var(--qm-border-soft,rgba(18,54,43,.09));}
  .wp-actions .wp-btn{min-height:44px;}
  .wp-box :focus-visible{outline:2px solid var(--qm-gold,#e6c462);outline-offset:2px;box-shadow:0 0 0 6px var(--qawlat-focus-halo, rgba(7,18,13,.92));}
  @media(max-width:768px){
    .wp-box{
      top:auto;
      right:0;
      left:0;
      bottom:0;
      width:100vw;
      max-width:100vw;
      max-height:min(82vh, calc(100vh - 28px));
      border-radius:18px 18px 0 0;
      border-right:none;
      border-left:none;
      border-bottom:none;
      transform:translateY(100%);
    }
    .wp-overlay.open .wp-box{transform:translateY(0);}
    .wp-drag{display:block;}
    .wp-contextbar{padding-top:7px;}
  }
  /* ─── لوحة القَولة كـ«ريل» جانبيّ يقسم الصفحة (مطابقة browse.html) ───
     البوكس يثبت على يسار الشاشة، والنتائج تنكمش وتزحف يمينًا بدل أن تُغطّى.
     تحت 1100px تبقى اللوحة ورقةً سفليّة (bottom sheet) كما هي. */
  @media(min-width:1100px){
    .wp-box{
      left:12px;
      right:auto;
      transform:translateX(calc(-100% - 22px));
    }
    body.wp-panel-open #mainContent{
      padding-left:calc(var(--word-panel-w) + 20px);
    }
    #mainContent{transition:padding-left .24s cubic-bezier(.4,0,.2,1);}
    body.qawlat-search-page.wp-panel-open .search-container,
    body.qawlat-search-page.wp-panel-open .category-tabs,
    body.qawlat-search-page.wp-panel-open #liveCount,
    body.qawlat-search-page.wp-panel-open .stats-bar,
    body.qawlat-search-page.wp-panel-open .chips-area,
    body.qawlat-search-page.wp-panel-open .root-filter-bar,
    body.qawlat-search-page.wp-panel-open .sort-bar,
    body.qawlat-search-page.wp-panel-open .stats-chart,
    body.qawlat-search-page.wp-panel-open .share-bar,
    body.qawlat-search-page.wp-panel-open .toolbar,
    body.qawlat-search-page.wp-panel-open .sidebar-toggle-row,
    body.qawlat-search-page.wp-panel-open .main-with-sidebar{
      width:min(1160px,calc(100% - 32px))!important;
    }
    /* مع ضيق المساحة يُطوى عمود «سجل البحث» ليبقى للنتائج عرضٌ معقول */
    body.qawlat-search-page.wp-panel-open:not(.sidebar-collapsed) .main-with-sidebar{
      grid-template-columns:minmax(0,1fr)!important;
    }
    body.qawlat-search-page.wp-panel-open:not(.sidebar-collapsed) #sidebarCol{display:none!important;}
  }
  /* قولات الآية clickable */
  .aw{cursor:pointer;padding:1px 3px;border-radius:3px;display:inline;}
  .aw:hover{color:var(--qm-accent-text);background:color-mix(in srgb, var(--qm-ink) 9%, transparent);}

  /* ===== زر مشاركة الآية ===== */
  .share-ayah-btn{margin-right:auto;background:transparent;border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 33%, transparent);border-radius:8px;padding:3px 10px;font-size:0.82rem;cursor:pointer;color:var(--qawlat-green-dark-accent);transition:background .18s var(--qm-ease-out),color .18s,border-color .18s,box-shadow .18s,transform var(--qm-dur-press) var(--qm-ease-out);flex-shrink:0;}
  body.dark .share-ayah-btn{color:var(--qawlat-gold-bright);border-color:color-mix(in srgb, var(--qawlat-text-soft) 33%, transparent);}
  .share-ayah-btn:hover{background:color-mix(in srgb, var(--qm-ink) 9%, transparent);border-color:var(--qm-accent);}
  /* ===== Share Modal ===== */
  .smo{display:none;position:fixed;inset:0;background:#00000077;z-index:2000;align-items:flex-end;justify-content:center;}
  .smo.open{display:flex;}
  @media(min-width:600px){.smo.open{align-items:center;}}
  .smb{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:520px;padding-bottom:env(safe-area-inset-bottom,0);animation:smUp .22s ease;font-family:var(--font-ui);direction:rtl;}
  @media(min-width:600px){.smb{border-radius:20px;}}
  body.dark .smb{background:var(--qawlat-surface-alt);}
  @keyframes smUp{from{transform:translateY(100%);}to{transform:translateY(0);}}
  .smh-bar{width:40px;height:4px;background:color-mix(in srgb, var(--qm-ink) 27%, transparent);border-radius:2px;margin:12px auto 0;}
  .smh{padding:14px 20px 10px;border-bottom:1px solid var(--qawlat-border-light);display:flex;align-items:center;justify-content:space-between;}
  body.dark .smh{border-color:var(--qawlat-green-dark-accent);}
  .smh span{font-size:1.05rem;color:var(--qawlat-green-darker);font-weight:bold;}
  body.dark .smh span{color:var(--qawlat-gold-bright);}
  .smh button{background:var(--qawlat-bg);border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:1rem;color:var(--qawlat-green-dark-accent);}
  body.dark .smh button{background:#24473a;color:var(--qawlat-gold-bright);}
  .sm-prev{margin:12px 20px 4px;background:#f0f7f0;border-right:4px solid var(--qawlat-gold-bright);border-radius:8px;padding:12px 16px;font-family:var(--font-quran) !important;font-size:1.05rem;line-height:2;color:var(--qawlat-text);max-height:120px;overflow:hidden;}
  body.dark .sm-prev{background:var(--qawlat-surface-alt);color:var(--qawlat-text);}
  .sm-ref{margin:0 20px 12px;font-size:0.82rem;color:var(--qawlat-text-soft);}
  .sm-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 20px 20px;}
  .sm-btn{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;border:none;cursor:pointer;font-family:var(--font-ui);font-size:0.95rem;font-weight:bold;transition:background .18s var(--qm-ease-out),color .18s,border-color .18s,box-shadow .18s,transform var(--qm-dur-press) var(--qm-ease-out);}
  .sm-btn:hover{transform:translateY(-2px);filter:brightness(1.07);}
  .sm-wa{background:#25D366;color:#fff;}
  .sm-tg{background:#229ED9;color:#fff;}
  .sm-tw{background:#000;color:#fff;}
  .sm-cp{background:var(--qawlat-bg);color:var(--qawlat-green-dark-accent);border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 33%, transparent);}
  body.dark .sm-cp{background:#24473a;color:var(--qawlat-gold-bright);}
  .sm-nv{grid-column:1/-1;background:linear-gradient(135deg,var(--qawlat-green-darker),var(--qawlat-green-darker));color:var(--qawlat-bg);justify-content:center;}
  .sm-icon{font-size:1.15rem;}

  @media print {
    body * { visibility:hidden; }
    #printArea, #printArea * { visibility:visible; }
    #printArea { position:fixed; inset:0; background:#fff; padding:20px; direction:rtl; font-family:var(--font-ui); }
    .print-header { text-align:center; margin-bottom:20px; border-bottom:2px solid var(--qm-border-strong); padding-bottom:12px; }
    .print-header h2 { font-size:1.4rem; color:var(--qawlat-green-darker); }
    .print-card { border:1px solid #ccc; border-radius:6px; margin-bottom:16px; padding:12px 16px; page-break-inside:avoid; }
    .print-card-meta { font-size:0.85rem; color:var(--qawlat-text-soft); margin-bottom:8px; }
    .print-card-ayah { font-family:var(--font-quran) !important; font-size:1.2rem; line-height:2.2; border-right:3px solid var(--qawlat-gold-bright); padding-right:12px; }
    .print-context { background:var(--qawlat-bg); border-right:3px solid var(--qawlat-gold-bright); padding:8px 12px; margin:6px 0; border-radius:4px; }
    .ctx-label { font-size:.8rem; color:var(--qawlat-text-soft); margin-bottom:4px; font-weight:bold; }
    .ctx-text { font-family:var(--font-quran) !important; font-size:1rem; line-height:2; }
  }

  /* ===== الحقل الدلالي في Word Popup ===== */
  /* زر AI */
  /* Popup AI */

  /* ===== Skeleton Loading ===== */
  .sk-card{background:#fff;border:1px solid color-mix(in srgb, var(--qm-ink) 27%, transparent);border-radius:12px;margin-bottom:20px;overflow:hidden;}
  body.dark .sk-card{background:var(--qawlat-surface-alt);border-color:var(--qawlat-green-dark-accent);}
  .sk-hrow{background:var(--qawlat-surface-strong);padding:12px 20px;border-bottom:1px solid var(--qawlat-border-light);display:flex;gap:10px;align-items:center;}
  body.dark .sk-hrow{background:var(--qawlat-surface-alt);border-color:var(--qawlat-green-dark-accent);}
  .sk-brow{padding:16px 20px;display:flex;flex-direction:column;gap:10px;}
  .sk-line{height:13px;border-radius:7px;background:linear-gradient(90deg,color-mix(in srgb, var(--qm-ink) 27%, transparent) 25%,rgba(255,255,255,.72) 50%,color-mix(in srgb, var(--qm-ink) 27%, transparent) 75%);background-size:200% 100%;animation:sk-shimmer 1.4s infinite;}
  body.dark .sk-line{background:linear-gradient(90deg,var(--qawlat-green-dark-accent) 25%,#1a2a1a 50%,var(--qawlat-green-dark-accent) 75%);background-size:200% 100%;}
  @keyframes sk-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
  .sk-w20{width:20%;}.sk-w30{width:30%;}.sk-w50{width:50%;}.sk-w70{width:70%;}.sk-w90{width:90%;}

  /* ===== Load More Button ===== */
  .load-more-wrap{text-align:center;padding:20px 20px 40px;}
  .load-more-btn{background:linear-gradient(135deg,var(--qawlat-surface-strong),var(--qawlat-surface-strong));border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 53%, transparent);border-radius:24px;color:var(--qawlat-green-dark-accent);font-family:var(--font-ui);font-size:1rem;padding:10px 32px;cursor:pointer;transition:background .2s var(--qm-ease-out),color .2s,border-color .2s,box-shadow .2s,transform var(--qm-dur-press) var(--qm-ease-out);}
  .load-more-btn:hover{background:var(--qm-accent);color:#fff;border-color:var(--qm-accent);box-shadow:0 4px 14px color-mix(in srgb, var(--qm-ink) 20%, transparent);}
  body.dark .load-more-btn{background:var(--qawlat-surface-alt);color:var(--qawlat-gold-bright);border-color:color-mix(in srgb, var(--qawlat-text-soft) 40%, transparent);}
  body.dark .load-more-btn:hover{background:var(--qawlat-gold-bright);color:#12201a;}

  /* الواجهة والمحتوى: Noto Naskh Arabic */
  .header, .header h1, .header h2, .header p,
  .header-title, .header-sub, .nav, nav, .navbar,
  h1, h2, h3 { font-family:var(--font-ui); }

  /* الآيات القرءانية فقط: KFGQPC HAFS */
  body { font-family:var(--font-ui); }

  /* الآيات القرءانية: حفص */
  .ayah-text, .quran-text, .quran-verse, [class*="ayah"],
  .font-quran { font-family:var(--font-quran) !important; }

  /* ─── Analysis Panel (Word Popup) ─── */
  .ai-badge{font-size:.68rem;background:color-mix(in srgb, var(--qawlat-green-dark-accent) 13%, transparent);border:1px solid color-mix(in srgb, var(--qawlat-green-dark-accent) 27%, transparent);border-radius:8px;padding:1px 5px;color:var(--qawlat-green-dark-accent);white-space:nowrap;}
  /* أزرار البوكس — تجاوز site.css (!important + أخصّ من :is) لمطابقة النموذج: تحليل أخضر أساسيّ + الباقي شبحيّ */
  .wp-box .wp-btn-analysis{flex-basis:100%;background:var(--qm-ink,#173a2f)!important;color:#f5dfaa!important;border:1px solid var(--qm-ink,#173a2f)!important;}
  .wp-box .wp-btn-analysis:hover{background:#1f4a3b!important;}
  .wp-box .wp-btn-word,.wp-box .wp-btn-root,.wp-box .wp-btn-copy{flex:1;background:var(--qm-surface,#fff)!important;color:var(--qm-ink,#12362b)!important;border:1px solid var(--qm-border,rgba(18,54,43,.14))!important;}
  .wp-box .wp-btn-word:hover,.wp-box .wp-btn-root:hover,.wp-box .wp-btn-copy:hover{background:var(--qm-bg,#f4f6f4)!important;box-shadow:none!important;transform:none;}
  body.theme-modern.dark .wp-box .wp-btn-analysis{background:#0e1714!important;border-color:rgba(230,196,98,.24)!important;color:#e6c462!important;}
  body.theme-modern.dark .wp-box .wp-btn-word,
  body.theme-modern.dark .wp-box .wp-btn-root,
  body.theme-modern.dark .wp-box .wp-btn-copy{background:rgba(255,255,255,.04)!important;color:#e8dcc4!important;border-color:rgba(232,220,196,.18)!important;}
  .wp-analysis-panel{display:none;direction:rtl;margin-top:8px;}
  .wp-analysis-panel.open{display:block;}
  .apnl-inner{border-radius:0;border:none;background:transparent;overflow:visible;box-shadow:none;display:flex;flex-direction:column;}
  body.theme-modern.dark .apnl-inner{background:transparent;}
  .apnl-header{display:flex;align-items:center;gap:10px;padding:18px 56px 14px 18px;background:var(--qm-ink,#173a2f);border-bottom:1px solid var(--qm-border,#dfe5e0);flex-wrap:wrap;}
  body.theme-modern.dark .apnl-header{background:#0e1714;border-bottom-color:rgba(232,220,196,0.18);}
  .apnl-root-title{font-family:var(--font-quran) !important;font-size:1.55rem;color:#fff;font-weight:700;letter-spacing:0;line-height:1.5;}
  .apnl-block-text .font-quran{font-size:1.12em;line-height:2.05;}
  body.theme-modern.dark .apnl-root-title{color:var(--qm-accent-text,#15664e);}
  .apnl-count-tag{background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.30);border-radius:14px;padding:3px 12px;font-size:.78rem;color:#fff;font-weight:600;font-variant-numeric:tabular-nums;}
  body.theme-modern.dark .apnl-count-tag{background:rgba(29,138,109,0.22);border-color:rgba(29,138,109,0.44);color:#fff;}
  .apnl-block{padding:10px 14px;border-bottom:1px solid color-mix(in srgb, var(--qm-ink) 13%, transparent);}
  .apnl-block:last-of-type{border-bottom:none;}
  .apnl-block-label{font-size:.85rem;font-weight:bold;color:var(--qawlat-green-darker);margin-bottom:4px;letter-spacing:0;opacity:1;}
  body.dark .apnl-block-label{color:var(--qawlat-gold-bright);}
  .apnl-block-text{font-family:var(--font-ui);font-size:.9rem;line-height:1.58;color:#2a2a2a;}
  body.dark .apnl-block-text{color:var(--qawlat-text);}
  .apnl-sec-summary .apnl-block-label{color:var(--qawlat-green-darker);}
  .apnl-sec-final .apnl-block-label{color:#7a5c00;}
  .apnl-sec-verse{background:#f0fff5;}
  body.dark .apnl-sec-verse{background:#071a0a;}
  .apnl-sec-verse .apnl-block-label{color:var(--qawlat-green-bright);}
  .apnl-sec-common .apnl-block-label{color:#3a5a6a;}
  .apnl-sec-shawahid .apnl-block-label{color:#5a3a6a;}
  .apnl-sec-result .apnl-block-label{color:#4a3a1a;}
  .apnl-sec-final .apnl-block-text{background:var(--qawlat-bg);padding:8px 12px;border-radius:6px;border-right:3px solid var(--qawlat-gold-bright);}
  body.dark .apnl-sec-final .apnl-block-text{background:#1a1500;}
  .apnl-prom{font-size:.95rem;color:#1a2a1a;line-height:1.62;}
  body.dark .apnl-prom{color:#c8e8d0;}
  .apnl-verse-ref{font-size:.78rem;color:var(--qawlat-green-bright);margin-bottom:5px;font-weight:bold;}
  body.dark .apnl-verse-ref{color:#a8d8a0;}
  .apnl-verse-text{font-family:var(--font-quran) !important;font-size:1.05rem;line-height:2.2;color:#0f3020;padding:10px 14px;background:#eafff2;border-radius:8px;border-right:3px solid var(--qawlat-gold-bright);margin-top:4px;}
  body.dark .apnl-verse-text{background:#0a2010;color:#d4f0d0;}
  .apnl-block-text p{margin:0 0 5px 0;line-height:1.58;}
  .apnl-block-text p:last-child{margin-bottom:0;}
  .apnl-list{margin:4px 0 4px 0;padding-right:18px;line-height:1.9;}
  .apnl-list li{margin-bottom:3px;}
  .apnl-dash-list{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;gap:8px;}
  .apnl-dash-list li{border-right:3px solid color-mix(in srgb, var(--qawlat-gold-bright) 40%, transparent);padding:8px 12px;background:var(--qawlat-bg,#eff2ee);border-radius:8px;line-height:1.9;}
  body.dark .apnl-dash-list li{background:#132a20;}
  .apnl-sub-title{font-weight:bold;color:var(--qawlat-green-dark-accent);margin:8px 0 3px 0;font-size:.88rem;}
  body.dark .apnl-sub-title{color:var(--qawlat-gold-bright);}
  .apnl-taqweef-block{margin:6px 0 2px 0;}
  .apnl-taqweef-entry{margin:6px 0 10px 0;}
  .apnl-taqweef-head{font-size:.88rem;color:var(--qawlat-text);margin-bottom:2px;line-height:1.7;}
  body.dark .apnl-taqweef-head{color:var(--qawlat-text);}
  .apnl-taqweef-body{padding-right:14px;line-height:1.9;color:#2a2a2a;font-size:.9rem;}
  body.dark .apnl-taqweef-body{color:var(--qawlat-text);}
  .apnl-tqw-toggle{background:none;border:none;color:var(--qawlat-green-dark-accent);cursor:pointer;font-family:inherit;font-size:.82rem;text-decoration:underline;padding:0 4px;}
  body.dark .apnl-tqw-toggle{color:var(--qawlat-gold-bright);}
  .apnl-tqw-toggle:hover{opacity:.75;}
  .apnl-antonym-links{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
  .apnl-antonym-links-lbl{font-size:.82rem;color:var(--qawlat-text-soft);width:100%;margin-bottom:2px;}
  .apnl-antonym-link{display:inline-flex;align-items:center;font-size:.85rem;font-weight:700;color:var(--qm-accent-text,var(--qawlat-green-dark-accent));text-decoration:none;background:color-mix(in srgb, var(--qm-accent,#1d8a6d) 9%, transparent);border:1px solid color-mix(in srgb, var(--qm-accent,#1d8a6d) 26%, transparent);border-radius:7px;padding:4px 11px;transition:background .15s;}
  .apnl-antonym-link:hover{background:color-mix(in srgb, var(--qm-accent,#1d8a6d) 17%, transparent);}
  body.dark .apnl-antonym-link{color:var(--qawlat-gold-bright);}
  .apnl-more-btn{display:inline-block;margin-top:8px;width:100%;text-align:center;background:none;border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 40%, transparent);border-radius:6px;padding:2px 10px;font-family:inherit;font-size:.82rem;color:var(--qawlat-green-dark-accent);cursor:pointer;}
  body.dark .apnl-more-btn{color:var(--qawlat-gold-bright);border-color:#5a4a00;}
  .apnl-more-btn:hover{background:var(--qawlat-bg);}
  .apnl-table{width:100%;border-collapse:collapse;margin:8px 0;font-size:.86rem;}
  .apnl-table th,.apnl-table td{border:1px solid color-mix(in srgb, var(--qm-ink) 33%, transparent);padding:5px 9px;text-align:right;line-height:1.7;vertical-align:top;}
  .apnl-table th{background:color-mix(in srgb, var(--qawlat-gold-bright) 12%, transparent);color:var(--qawlat-green-darker);font-weight:bold;}
  .apnl-table tbody tr:nth-child(even){background:rgba(212,175,55,.06);}
  body.dark .apnl-table th,body.dark .apnl-table td{border-color:#5a4a00;}
  body.dark .apnl-table th{background:#1a1500;color:var(--qawlat-gold-bright);}
  body.dark .apnl-table tbody tr:nth-child(even){background:rgba(212,175,55,.05);}
  .apnl-footer{padding:10px 14px;font-size:.72rem;color:var(--qawlat-text-soft);background:var(--qawlat-bg);display:flex;flex-direction:column;gap:8px;}
  body.dark .apnl-footer{background:#15100a;color:var(--qawlat-text-soft);}
  .apnl-footer-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;}
  .apnl-disclaimer-box{width:100%;padding:5px 10px;background:rgba(212,175,55,.09);border-radius:8px;border:1px solid rgba(212,175,55,.22);font-size:.73rem;color:var(--qawlat-text-soft);text-align:center;}
  body.dark .apnl-disclaimer-box{background:rgba(212,175,55,.07);border-color:rgba(212,175,55,.18);color:#8a8a7a;}
  .apnl-save-btns{display:flex;gap:6px;}
  .apnl-save-btn{font-size:.72rem;padding:3px 10px;border-radius:6px;border:1px solid var(--qawlat-gold-bright);background:var(--qawlat-bg);color:var(--qawlat-green-darker);cursor:pointer;font-family:inherit;transition:background .2s;}
  .apnl-save-btn:hover{background:color-mix(in srgb, var(--qm-ink) 13%, transparent);}
  body.dark .apnl-save-btn{background:#1a1500;color:var(--qawlat-gold-bright);border-color:#5a4a00;}
  .apnl-empty{padding:14px 16px;color:var(--qawlat-text-soft);font-size:.9rem;}
  /* الأكورديون */
  .apnl-accord-hdr{width:100%;border:0;background:transparent;color:inherit;text-align:right;font:inherit;cursor:pointer;user-select:none;display:flex;align-items:center;gap:7px;margin-bottom:0;padding:2px 0;}
  .apnl-accord-hdr:hover{opacity:.75;}
  .apnl-accord-hdr:focus-visible{outline:2px solid var(--qm-gold,#e6c462);outline-offset:3px;border-radius:4px;box-shadow:0 0 0 7px var(--qawlat-focus-halo, rgba(7,18,13,.92));}
  .apnl-accord-icon{font-size:.65rem;flex-shrink:0;font-style:normal;color:var(--qawlat-green-darker);font-weight:bold;}
  body.dark .apnl-accord-icon{color:var(--qawlat-gold-bright);}
  .apnl-accord-body{padding-top:6px;}
  .apnl-occ-list{display:flex;flex-direction:column;gap:12px;padding:2px 0;}
  .apnl-occ-item{border-right:3px solid color-mix(in srgb, var(--qawlat-gold-bright) 40%, transparent);padding-right:10px;}
  .apnl-occ-extra{display:flex;flex-direction:column;gap:12px;}
  .apnl-occ-extra[hidden]{display:none;}
  .apnl-occ-count{display:inline-block;margin-right:4px;color:var(--qawlat-text-soft);font-size:.82em;}
  body.dark .apnl-occ-item{border-right-color:#5a4a00;}
  /* field labels */
  .wp-badge-domain{background:color-mix(in srgb, var(--qawlat-green-muted) 9%, transparent);color:var(--qawlat-green-muted);border:1px solid color-mix(in srgb, var(--qawlat-green-muted) 27%, transparent);}
  .wp-badge-cat{background:color-mix(in srgb, var(--qawlat-blue-medium) 9%, transparent);color:var(--qawlat-blue-medium);border:1px solid color-mix(in srgb, var(--qawlat-blue-medium) 27%, transparent);}
  body.dark .wp-badge-domain{background:color-mix(in srgb, #1f3a30 13%, transparent);color:var(--qawlat-green-light);border-color:color-mix(in srgb, var(--qawlat-green-dark-accent) 33%, transparent);}
  body.dark .wp-badge-cat{background:color-mix(in srgb, var(--qawlat-blue-medium) 13%, transparent);color:#7ab0ff;border-color:color-mix(in srgb, var(--qawlat-blue-medium) 33%, transparent);}

  /* ─── Toolbar Analysis Button & Overlay ─── */
  .tool-btn-analysis{background:linear-gradient(135deg,var(--qawlat-green-darker),var(--qawlat-green-bright));color:var(--qawlat-gold-bright);border-color:var(--qawlat-green-bright) !important;}
  .tool-btn-analysis:hover{background:linear-gradient(135deg,var(--qawlat-green-bright),var(--qawlat-green-darker));}
  .tool-btn-analysis .ai-badge{color:var(--qm-accent-text);border-color:color-mix(in srgb, var(--qm-ink) 40%, transparent);background:color-mix(in srgb, var(--qm-ink) 13%, transparent);}
  /* ─── Stage 2: side drawer للجَذر (يَنزَلِق من اليَسار) ─── */
  /* overflow:hidden يقصّ الدرج المُزاح خارج المنفذ — بدونه يصير الموقع قابلًا للسحب أفقيًّا على iOS */
  #rootAnalysisOverlay{position:fixed;inset:0;background:transparent;z-index:1300;pointer-events:none;transition:background .25s ease;display:block;overflow:hidden;}
  #rootAnalysisOverlay.open{pointer-events:auto;background:rgba(8,18,14,0.42);}
  /* درج تحليل الجذر باليمين — نفس موضع بوكس القَولة وبوكس المتصفح (قرار المالك 2026-07-22) */
  #rootAnalysisBox{position:absolute;top:calc(var(--qawlat-top-chrome-height, var(--qawlat-header-height, 0px)) + 10px);bottom:calc(10px + env(safe-area-inset-bottom, 0px));right:12px;width:min(520px,calc(100vw - 24px));max-width:520px;border-radius:14px;border:1px solid var(--qm-border, rgba(18,54,43,.14));background:var(--qm-surface,#fff);box-shadow:0 18px 50px rgba(8,18,14,.18);transform:translateX(calc(100% + 22px));transition:transform .32s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;}
  #rootAnalysisOverlay.open #rootAnalysisBox{transform:translateX(0);}
  body.theme-modern.dark #rootAnalysisBox{background:#15201b;color:#e8dcc4;border-color:rgba(232,220,196,.18);box-shadow:0 18px 50px rgba(0,0,0,.38);}
  @media (max-width:600px){
    #rootAnalysisBox{top:0;bottom:0;right:0;width:100vw;max-width:100vw;border-radius:0;border:none;}
  }
  #rootAnalysisClose{position:absolute;top:14px;left:14px;background:var(--qm-bg,#f4f6f4);border:1px solid var(--qm-border,#dfe5e0);border-radius:50%;width:40px;height:40px;color:var(--qm-ink,#173a2f);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .12s, border-color .12s;}
  #rootAnalysisClose:hover{background:var(--qm-surface,#fff);border-color:var(--qm-accent,#1d8a6d);color:var(--qm-accent-text,#15664e);}
  body.theme-modern.dark #rootAnalysisClose{background:rgba(255,255,255,0.04);border-color:rgba(232,220,196,0.18);color:#e8dcc4;}

  /* drawer body overrides — apnl-* بِالباليت الحَديث */
  body.theme-modern #rootAnalysisBox .apnl-block{padding:14px 18px;border-bottom:1px solid var(--qm-border,#dfe5e0);background:transparent;}
  body.theme-modern.dark #rootAnalysisBox .apnl-block{border-bottom-color:rgba(232,220,196,0.12);}
  body.theme-modern #rootAnalysisBox .apnl-block:last-of-type{border-bottom:none;}
  body.theme-modern #rootAnalysisBox .apnl-block-label{font-size:.96rem;font-weight:700;color:var(--qm-ink,#173a2f);margin-bottom:0;opacity:1;letter-spacing:0;display:flex;align-items:center;gap:8px;padding:6px 0;}
  body.theme-modern.dark #rootAnalysisBox .apnl-block-label{color:var(--qm-accent-text,#15664e);}
  body.theme-modern #rootAnalysisBox .apnl-block-text{font-size:.95rem;line-height:1.58;color:var(--qm-text,#4a5a52);}
  body.theme-modern.dark #rootAnalysisBox .apnl-block-text{color:#d5dcd6;}
  body.theme-modern #rootAnalysisBox .apnl-prom{font-size:.95rem;color:var(--qm-text,#4a5a52);}
  body.theme-modern.dark #rootAnalysisBox .apnl-prom{color:#dbe2dc;}
  body.theme-modern #rootAnalysisBox .apnl-accord-icon{color:var(--qm-accent-text,#15664e);font-size:.7rem;}
  body.theme-modern #rootAnalysisBox .apnl-accord-hdr:hover{color:var(--qm-accent-text,#15664e);opacity:1;}
  body.theme-modern #rootAnalysisBox .apnl-sec-final .apnl-block-text{background:var(--qm-bg,#f4f6f4);padding:10px 14px;border-radius:var(--qm-radius,8px);border-right:3px solid var(--qm-accent,#1d8a6d);border-left:none;}
  body.theme-modern.dark #rootAnalysisBox .apnl-sec-final .apnl-block-text{background:rgba(29,138,109,0.08);}
  body.theme-modern #rootAnalysisBox .apnl-sec-verse{background:var(--qm-bg,#f4f6f4);}
  body.theme-modern.dark #rootAnalysisBox .apnl-sec-verse{background:rgba(29,138,109,0.06);}
  body.theme-modern #rootAnalysisBox .apnl-verse-ref{color:var(--qm-accent-text,#15664e);font-weight:700;font-size:.82rem;}
  body.theme-modern #rootAnalysisBox .apnl-verse-text{font-family:var(--font-quran)!important;font-size:1.2rem;line-height:2.2;color:var(--qm-ink,#173a2f);background:var(--qm-surface,#fff);border:1px solid var(--qm-border,#dfe5e0);border-right:3px solid var(--qm-accent,#1d8a6d);border-left:none;padding:12px 16px;border-radius:var(--qm-radius,8px);}
  body.theme-modern.dark #rootAnalysisBox .apnl-verse-text{background:rgba(29,138,109,0.08);color:#f0e8d5;border-color:rgba(232,220,196,0.18);}
  body.theme-modern #rootAnalysisBox .apnl-review-row{padding:10px 18px 4px;font-size:.8rem;color:var(--qm-muted,#6b7a72);}
  body.theme-modern #rootAnalysisBox .apnl-footer{background:var(--qm-bg,#f4f6f4);padding:14px 18px;font-size:.78rem;color:var(--qm-muted,#6b7a72);border-top:1px solid var(--qm-border,#dfe5e0);margin-top:auto;}
  body.theme-modern.dark #rootAnalysisBox .apnl-footer{background:rgba(0,0,0,0.12);border-top-color:rgba(232,220,196,0.12);}
  body.theme-modern #rootAnalysisBox .apnl-disclaimer-box{background:rgba(186,127,33,0.10);border:1px solid rgba(186,127,33,0.22);color:#7a4d10;}
  body.theme-modern.dark #rootAnalysisBox .apnl-disclaimer-box{color:#e8b87a;background:rgba(186,127,33,0.14);border-color:rgba(186,127,33,0.30);}
  body.theme-modern #rootAnalysisBox .apnl-save-btn{background:var(--qm-surface,#fff);color:var(--qm-ink,#173a2f);border:1px solid var(--qm-border,#dfe5e0);font-weight:600;}
  body.theme-modern #rootAnalysisBox .apnl-save-btn:hover{border-color:var(--qm-accent,#1d8a6d);color:var(--qm-accent-text,#15664e);background:var(--qm-bg,#f4f6f4);}
  body.theme-modern.dark #rootAnalysisBox .apnl-save-btn{background:rgba(255,255,255,0.04);color:#e8dcc4;border-color:rgba(232,220,196,0.18);}
  body.theme-modern #rootAnalysisBox .apnl-empty{color:var(--qm-muted,#6b7a72);padding:24px 18px;text-align:center;}
  body.theme-modern #rootAnalysisBox .apnl-unsettled-banner{background:rgba(186,127,33,0.10);border:1px solid rgba(186,127,33,0.22);color:#7a4d10;margin:8px 18px;border-radius:var(--qm-radius,8px);}
  body.theme-modern.dark #rootAnalysisBox .apnl-unsettled-banner{color:#e8b87a;background:rgba(186,127,33,0.14);border-color:rgba(186,127,33,0.30);}
  /* drawer dialog — body lock + Esc */
  body.qaw-drawer-open{overflow:hidden;}
  /* drawer header CTA */
  .apnl-drawer-cta-row{display:flex;gap:8px;padding:12px 16px 0;flex-wrap:wrap;}
  .apnl-drawer-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--qm-radius,8px);font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .12s, background .12s, border-color .12s;flex:1 1 auto;justify-content:center;min-width:140px;}
  .apnl-drawer-cta.primary{background:linear-gradient(135deg,#c5942d,#a56f18);color:#fff;border:1px solid #a56f18;font-weight:700;}
  .apnl-drawer-cta.primary:hover{background:linear-gradient(135deg,#d4a574,#b5894a);border-color:#b5894a;transform:translateY(-1px);box-shadow:0 4px 14px rgba(197,148,45,.35);}
  .apnl-drawer-cta.secondary{background:var(--qm-surface,#fff);color:var(--qm-ink,#173a2f);border:1px solid var(--qm-border,#dfe5e0);}
  .apnl-drawer-cta.secondary:hover{border-color:var(--qm-accent,#1d8a6d);color:var(--qm-accent-text,#15664e);}
  body.theme-modern.dark .apnl-drawer-cta.primary{background:var(--qm-accent,#1d8a6d);color:#0e1714;border-color:var(--qm-accent,#1d8a6d);}
  body.theme-modern.dark .apnl-drawer-cta.secondary{background:rgba(255,255,255,0.04);color:#e8dcc4;border-color:rgba(232,220,196,0.18);}
  .apnl-drawer-cta svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}

  /* ─── سبرنت ج.2 — JS-string inline → classes ─── */
  /* Autocomplete badges */
  .ac-badge-similar{color:var(--qawlat-gold);font-size:0.75rem;font-weight:bold;}
  .ac-badge-count{color:var(--qawlat-text-soft);font-size:0.82rem;font-weight:bold;}
  /* Multi-root suggestion area */
  .suggest-hdr{margin-bottom:12px;}
  .suggest-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
  /* Phrase-search header & cards */
  .phrase-count{color:var(--qawlat-blue-medium);font-size:1.1rem;}
  .entry-num{color:#aaa;font-size:.9rem;}
  /* Focused-reading button (shared base + 2 modifiers) */
  .fr-open-btn{background:transparent;border-radius:8px;padding:3px 10px;font-size:0.82rem;cursor:pointer;transition:background .18s var(--qm-ease-out),color .18s,border-color .18s,box-shadow .18s,transform var(--qm-dur-press) var(--qm-ease-out);flex-shrink:0;}
  .fr-open-btn--phrase{border:1px solid color-mix(in srgb, var(--qawlat-blue-softer) 33%, transparent);color:var(--qawlat-blue-medium);}
  .fr-open-btn--word{border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 33%, transparent);color:var(--qawlat-green-dark-accent);}
  /* Word filter box (root search) */
  .word-filter-box{background:var(--qawlat-surface-strong);border:1px solid color-mix(in srgb, var(--qm-ink) 53%, transparent);border-radius:10px;padding:12px 16px;margin-bottom:16px;}
  .word-filter-label{font-size:.9rem;color:var(--qawlat-text-soft);margin-bottom:8px;}
  .word-filter-chips{display:flex;flex-wrap:wrap;gap:6px;}
  /* Root header counts */
  .root-count{color:var(--qawlat-green-dark-accent);font-size:1.1rem;}
  .root-header--word{border-color:var(--qawlat-green-medium);}
  .root-title--word{color:var(--qawlat-green-medium);}
  .word-count{color:var(--qawlat-green-medium);font-size:1.1rem;}
  /* Highlight match span */
  .hl-match{color:#cc0000;}
  /* WP field section header */
  .wp-section-hdr{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
  .wp-section-lbl{font-size:.85rem;color:var(--qawlat-text-soft);font-weight:bold;}
  /* WP badges */
  .wp-badge-blue{background:color-mix(in srgb, var(--qawlat-blue-medium) 13%, transparent);color:var(--qawlat-blue-medium);border:1px solid color-mix(in srgb, var(--qawlat-blue-medium) 27%, transparent);border-radius:12px;padding:1px 10px;font-size:.8rem;font-weight:bold;}
  .wp-badge-exp{background:color-mix(in srgb, var(--qawlat-gold-bright) 9%, transparent);color:var(--qawlat-gold-dark);border:1px solid color-mix(in srgb, var(--qawlat-gold-bright) 33%, transparent);border-radius:12px;padding:1px 10px;font-size:.75rem;}
  /* WP/APNL meta labels (BEM elements) */
  .wp-flex{flex:1;min-width:0;}
  /* Favorites page elements */
  .fav-hint{font-size:.85rem;margin-top:8px;display:block;}
  .fav-count{color:var(--qawlat-text-soft);font-size:.85rem;font-weight:normal;}
  .badge--root-green{color:var(--qawlat-green-muted);}
  .fav-date{color:#a0c0a0;font-size:.78rem;margin-right:auto;}

  /* ===== Search compact editorial restyle — scoped to this page ===== */
  body.qawlat-search-page{
    --qs-page:var(--qawlat-official-page);
    --qs-panel:var(--qawlat-official-panel);
    --qs-panel-alt:var(--qawlat-official-panel-alt);
    --qs-surface:var(--qawlat-official-surface);
    --qs-ink:var(--qawlat-official-ink);
    --qs-text:var(--qawlat-official-text);
    --qs-soft:var(--qawlat-official-soft);
    --qs-line:var(--qawlat-official-line);
    --qs-line-strong:var(--qawlat-official-line-strong);
    --qs-gold:var(--qawlat-official-gold);
    --qs-gold-soft:var(--qawlat-official-gold-soft);
    --qs-blue:var(--qawlat-official-blue);
    background:linear-gradient(90deg,rgba(18,54,43,.025),transparent 8%,transparent 92%,rgba(18,54,43,.025)),var(--qs-page)!important;
    color:var(--qs-text)!important;
  }
  .qawlat-search-page .search-container,
  .qawlat-search-page .category-tabs,
  .qawlat-search-page #liveCount,
  .qawlat-search-page .stats-bar,
  .qawlat-search-page .chips-area,
  .qawlat-search-page .root-filter-bar,
  .qawlat-search-page .sort-bar,
  .qawlat-search-page .stats-chart,
  .qawlat-search-page .share-bar,
  .qawlat-search-page .toolbar,
  .qawlat-search-page .sidebar-toggle-row,
  .qawlat-search-page .main-with-sidebar{
    width:min(1160px,calc(100vw - 32px))!important;
    max-width:none!important;
    padding-inline:0!important;
  }
  .qawlat-search-page .search-container{margin:18px auto 8px!important;}
  .qawlat-search-page .search-bar{min-height:52px;padding:7px 14px!important;border-radius:10px!important;border:1px solid var(--qs-line-strong)!important;border-inline-start:4px solid var(--qs-ink)!important;background:var(--qs-panel)!important;box-shadow:0 8px 18px rgba(30,42,34,.05)!important;}
  body.dark.qawlat-search-page .search-bar{border-inline-start-color:var(--qs-gold)!important;box-shadow:none!important;}
  .qawlat-search-page .search-bar input{font-size:1.08rem!important;color:var(--qs-ink)!important;line-height:1.5;}
  .qawlat-search-page .search-bar input::placeholder{color:var(--qs-soft);}
  .qawlat-search-page #clearBtn{width:30px;height:30px;border-radius:8px;color:var(--qs-soft);}
  .qawlat-search-page .category-tabs{margin:0 auto 8px!important;padding:4px!important;gap:3px;flex-wrap:nowrap;justify-content:center;overflow-x:auto;scrollbar-width:none;background:rgba(255,255,255,.78)!important;border:1px solid var(--qs-line)!important;border-radius:10px!important;box-shadow:none!important;}
  body.dark.qawlat-search-page .category-tabs{background:rgba(29,43,36,.78)!important;}
  .qawlat-search-page .category-tabs::-webkit-scrollbar{display:none;}
  .qawlat-search-page .cat-tab{flex:0 0 auto;min-height:32px;padding:5px 12px;border-radius:8px!important;font-size:.86rem;color:var(--qs-soft)!important;}
  .qawlat-search-page .cat-tab:hover{background:var(--qs-panel-alt)!important;color:var(--qs-ink)!important;}
  .qawlat-search-page .cat-tab.is-active{background:var(--qs-ink)!important;border-color:var(--qs-ink)!important;color:#fff!important;}
  body.dark.qawlat-search-page .cat-tab.is-active{background:var(--qs-gold)!important;border-color:var(--qs-gold)!important;color:#14211b!important;}
  .qawlat-search-page .cat-badge{min-width:20px;height:20px;padding:0 6px;line-height:20px;background:var(--qs-gold-soft)!important;color:inherit!important;}
  .qawlat-search-page .stats-bar{margin:0 auto 10px!important;font-size:.78rem;color:var(--qs-soft)!important;text-align:left;}
  .qawlat-search-page .chips-area{margin:0 auto 8px!important;gap:6px;}
  .qawlat-search-page .chip,
  .qawlat-search-page .badge,
  .qawlat-search-page .sort-btn,
  .qawlat-search-page .tool-btn,
  .qawlat-search-page .root-filter-chip,
  .qawlat-search-page .root-filter-chip-all{border-radius:999px!important;border-color:var(--qs-line)!important;background:var(--qawlat-surface)!important;color:var(--qs-soft)!important;box-shadow:none!important;}
  body.dark.qawlat-search-page .chip,
  body.dark.qawlat-search-page .badge,
  body.dark.qawlat-search-page .sort-btn,
  body.dark.qawlat-search-page .tool-btn,
  body.dark.qawlat-search-page .root-filter-chip,
  body.dark.qawlat-search-page .root-filter-chip-all{background:rgba(32,47,39,.82)!important;}
  .qawlat-search-page .chip{padding:4px 11px;font-size:.88rem;}
  .qawlat-search-page .chip:hover,
  .qawlat-search-page .chip.active,
  .qawlat-search-page .sort-btn.active,
  .qawlat-search-page .root-filter-chip.active,
  .qawlat-search-page .root-filter-chip-all.active{background:var(--qs-ink)!important;color:#fff!important;border-color:var(--qs-ink)!important;}
  body.dark.qawlat-search-page .chip:hover,
  body.dark.qawlat-search-page .chip.active,
  body.dark.qawlat-search-page .sort-btn.active,
  body.dark.qawlat-search-page .root-filter-chip.active,
  body.dark.qawlat-search-page .root-filter-chip-all.active{background:var(--qs-gold)!important;color:#14211b!important;border-color:var(--qs-gold)!important;}
  .qawlat-search-page .sort-bar,
  .qawlat-search-page .share-bar,
  .qawlat-search-page .toolbar{margin:0 auto 8px!important;gap:7px;font-size:.82rem;color:var(--qs-soft)!important;}
  .qawlat-search-page .sort-btn,
  .qawlat-search-page .tool-btn,
  .qawlat-search-page .share-copy-btn,
  .qawlat-search-page .share-wa-btn{min-height:32px;padding:4px 11px;font-size:.82rem;}
  .qawlat-search-page .tool-btn-analysis{background:var(--qs-ink)!important;color:#fff!important;border-color:var(--qs-ink)!important;}
  .qawlat-search-page .root-filter-inner,
  .qawlat-search-page .stats-chart-inner,
  .qawlat-search-page .word-filter-box,
  .qawlat-search-page .root-suggestions{padding:9px 11px!important;border-radius:8px!important;border:1px solid var(--qs-line)!important;background:var(--qs-panel)!important;box-shadow:none!important;}
  .qawlat-search-page .sidebar-toggle-row{display:none;margin:0 auto 8px!important;}
  .qawlat-search-page.qawlat-search-ready .sidebar-toggle-row{display:flex;justify-content:flex-start;}
  .qawlat-search-page .sidebar-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:32px;padding:4px 12px;border-radius:8px;border:1px solid var(--qs-line);background:var(--qs-panel);color:var(--qs-ink);font-family:inherit;font-size:.84rem;font-weight:700;cursor:pointer;}
  .qawlat-search-page .sidebar-toggle-btn:hover{background:var(--qs-panel-alt);border-color:var(--qs-gold);}
  .qawlat-search-page .sidebar-toggle-state{color:var(--qs-soft);font-weight:600;font-size:.76rem;}
  .qawlat-search-page .main-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;margin:0 auto!important;padding:0 0 34px!important;}
  .qawlat-search-page:not(.sidebar-collapsed) .main-with-sidebar{grid-template-columns:minmax(0,1fr) minmax(248px,276px)!important;}
  .qawlat-search-page.sidebar-collapsed #sidebarCol{display:none!important;}
  .qawlat-search-page .results-area{width:100%!important;margin:0!important;padding:0 0 28px!important;}
  /* لا تُظهر صندوق نتائج أبيض فارغًا في حالة الخمول — لوحة الإرشاد أعلاه هي حالة البدء */
  .qawlat-search-page .results-area:empty{display:none!important;}
  .qawlat-search-page .sidebar-panel,
  .qawlat-search-page .entry-card,
  .qawlat-search-page .field-card,
  .qawlat-search-page .sk-card{margin-bottom:8px!important;border-radius:8px!important;border:1px solid var(--qs-line)!important;background:var(--qs-surface)!important;box-shadow:none!important;overflow:hidden;}
  .qawlat-search-page .sidebar-tab{min-height:34px;padding:6px 4px;font-size:.78rem;}
  .qawlat-search-page .sidebar-tab-content{max-height:300px;}
  .qawlat-search-page .all-section{margin-bottom:14px!important;}
  .qawlat-search-page .all-section-title,
  .qawlat-search-page .sura-group-header,
  .qawlat-search-page .root-header{margin:0 0 8px!important;padding:8px 11px!important;border:1px solid var(--qs-line)!important;border-inline-start:3px solid var(--qs-gold)!important;border-radius:8px!important;background:var(--qs-panel)!important;color:var(--qs-ink)!important;box-shadow:none!important;}
  .qawlat-search-page .root-title{color:var(--qs-ink)!important;font-size:1.45rem!important;line-height:1.2;}
  .qawlat-search-page .root-meta{color:var(--qs-soft)!important;font-size:.78rem;line-height:1.55;}
  .qawlat-search-page .entry-card:hover,
  .qawlat-search-page .field-card:hover{border-color:var(--qs-gold)!important;box-shadow:none!important;transform:none!important;}
  .qawlat-search-page .entry-header{padding:7px 10px!important;gap:7px;background:var(--qs-panel-alt)!important;border-bottom:1px solid var(--qs-line)!important;}
  .qawlat-search-page .entry-word{color:var(--qs-ink)!important;font-size:1.2rem!important;line-height:1.25;}
  .qawlat-search-page .ayah-section{padding:8px 10px 10px!important;background:var(--qs-surface)!important;}
  .qawlat-search-page .ayah-text{margin-bottom:7px!important;padding:10px 12px!important;border-radius:8px!important;border:1px solid var(--qs-line)!important;border-right:3px solid var(--qs-gold)!important;background:var(--qs-panel)!important;color:var(--qs-ink)!important;line-height:2.08!important;box-shadow:none!important;}
  .qawlat-search-page .context-toggle{margin:0 0 5px 6px;padding:4px 9px;border-radius:7px;border-color:var(--qs-line)!important;background:var(--qs-panel-alt)!important;color:var(--qs-soft)!important;font-size:.8rem;}
  .qawlat-search-page .context-body{margin:2px 0 7px;padding:8px 10px;border-radius:7px;border-right:3px solid var(--qs-gold);background:var(--qs-panel)!important;color:var(--qs-text)!important;line-height:1.95;}
  .qawlat-search-page .hl-match{color:#a33626!important;background:rgba(197,148,45,.14);border-radius:4px;padding:0 2px;}
  body.dark.qawlat-search-page .hl-match{color:#ffe08a!important;background:rgba(212,184,143,.14);}
  .qawlat-search-page .load-more-btn{min-height:36px;padding:6px 20px;border-radius:999px!important;border-color:var(--qs-line-strong)!important;background:var(--qs-panel)!important;color:var(--qs-ink)!important;box-shadow:none!important;}
  @media(max-width:1080px){
    .qawlat-search-page .main-with-sidebar,
    .qawlat-search-page:not(.sidebar-collapsed) .main-with-sidebar{grid-template-columns:1fr!important;}
    .qawlat-search-page:not(.sidebar-collapsed) .sidebar-col{order:-1;}
  }
  @media(max-width:760px){
    .qawlat-search-page .search-container,
    .qawlat-search-page .category-tabs,
    .qawlat-search-page #liveCount,
    .qawlat-search-page .stats-bar,
    .qawlat-search-page .chips-area,
    .qawlat-search-page .root-filter-bar,
    .qawlat-search-page .sort-bar,
      .qawlat-search-page .stats-chart,
    .qawlat-search-page .share-bar,
    .qawlat-search-page .toolbar,
    .qawlat-search-page .sidebar-toggle-row,
    .qawlat-search-page .main-with-sidebar{width:min(100vw - 20px,1160px)!important;}
    .qawlat-search-page .search-container{margin-top:10px!important;}
    .qawlat-search-page .search-bar{min-height:48px;padding:6px 10px!important;}
    .qawlat-search-page .search-bar input{font-size:16px!important;}
    .qawlat-search-page .category-tabs{justify-content:flex-start;}
      }

  /* ═══ SVG Icon System (Heroicons-style، unified gold/green accent) ═══ */
  .si {
    width: 1em; height: 1em;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
    display: inline-block;
    vertical-align: -.18em;
  }
  .si--lg { width: 18px; height: 18px; }
  .si--md { width: 16px; height: 16px; }
  .si--sm { width: 14px; height: 14px; }
  .si--gold { color: var(--qawlat-gold, #c5942d); }
  .si--green { color: var(--qawlat-green, #173a2f); }
  /* bookmark stars — outline by default, filled when faved */
  .fav-btn .si--star { width: 18px; height: 18px; }
  .fav-btn.faved .si--star { color: var(--qawlat-gold, #c5942d); fill: currentColor; }
  .sidebar-tab .si,
  .wp-btn .si,
  .tool-btn .si,
  .export-item .si,
  .share-copy-btn .si,
  .fav-action-btn .si,
  .sm-btn .si,
  .fr-icon-btn .si,
  .apnl-save-btn .si,
  .print-btn .si { width: 16px; height: 16px; margin-inline-end: 4px; }
  .all-section-title .si { color: var(--qawlat-gold, #c5942d); margin-inline-end: 6px; }
  .sura-group-header .si { color: var(--qawlat-gold, #c5942d); margin-inline-end: 4px; }
  .word-filter-label .si { color: var(--qawlat-gold, #c5942d); margin-inline-end: 4px; }
  .share-label .si { color: var(--qawlat-gold, #c5942d); margin-inline-end: 4px; }
  .apnl-unsettled-icon .si,
  .apnl-disclaimer-box .si,
  .save-disclaimer .si { width: 16px; height: 16px; margin-inline-end: 4px; color: #b85a3e; vertical-align: -.18em; }
  .favpage-empty .si { width: 32px; height: 32px; color: var(--qawlat-text-soft, #647168); }
  .suggest-tip .si { width: 16px; height: 16px; color: var(--qawlat-gold, #c5942d); margin-inline-end: 6px; vertical-align: -.18em; }
  .search-skip-link { position: fixed; inset-inline-start: 12px; top: 8px; z-index: 2000; transform: translateY(-160%); background: var(--qawlat-green, #173a2f); color: #fff; border-radius: 8px; padding: 7px 12px; text-decoration: none; }
  .search-skip-link:focus { transform: translateY(0); outline: 3px solid var(--qawlat-gold, #c5942d); outline-offset: 2px; }


/* ═══ نظائر ليليّة — نُقلت من <style data-dark-fix> في search.html (2026-07-31) ═══
   🔴 فصلُ القاعدة الليليّة عن نظيرتها النهاريّة في ملفّين يُعمي مدقّقَ الوضع
   الليليّ: يرى `body.dark .init-btn{color:#07100d}` بلا الخلفيّة التي تقابلها
   فيحسب التباين على خلفيّة خاطئة (1.17) ويُبلّغ عن ثمانية أعطاب وهميّة.
   فالزوجُ يبقى في ملفٍّ واحد. الترتيب محفوظ: هذه الكتل كانت بعد الكتلة
   الكبرى فأُلحِقت بذيلها. ═══ */

/* ── نظائر ليليّة (جرد الوضع الليليّ 2026-07-30) ──────────────────────────
   رموز --qm-ink و--qawlat-green* و--qs-ink تنقلب فاتحةً في الوضع الليليّ،
   فيسقط النصّ الأبيض/الكريميّ الثابت فوقها. وألوانٌ داكنة صُمّمت لورق فاتح
   تحتاج نظائر فاتحة على الورق الداكن. */
body.dark .init-btn,
body.dark .fr-nav-btn:hover:not(:disabled),
body.dark .share-copy-btn,
body.dark .chip.word-chip:hover,
body.dark .chip.word-chip.active,
body.dark .copy-btn.copied,
body.dark .load-more-btn:hover { color: #07100d; }
body.dark .search-skip-link { color: #07100d; }  /* خلفيّته --qawlat-green وهي فاتحة ليلًا */
body.dark .fav-action-btn.del:hover { background: rgba(217,68,51,.20); }
body.dark .fav-action-btn.del { color: #f08c8c; }
body.dark .apnl-more-btn:hover { background: rgba(255,255,255,.07); }
body.dark .apnl-sec-final .apnl-block-label { color: #e5bc75; }
body.dark .apnl-sec-common .apnl-block-label { color: #8bc4f4; }
body.dark .apnl-sec-shawahid .apnl-block-label { color: #c3a8ee; }
body.dark .apnl-sec-result .apnl-block-label { color: #e6c462; }
body.dark .apnl-disclaimer-box { color: #a9a998; }
body.dark .apnl-antonym-link { color: #f1d37b; }
body.dark .ctx-text { color: #c4d0c8; }
body.dark .sidebar-clear span { color: #f08c8c; }
body.dark #clearBtn { color: #9aa9a1; }
body.dark #liveCount { color: #9ec4b1; }
body.dark .fr-counter, body.dark .fr-font-lbl { color: #9aa9a1; }
body.dark .search-bar input::placeholder { color: #9aa9a1; }
body.dark.qawlat-search-page .tool-btn-analysis {
  background: #1f3a30 !important; color: #e6c462 !important; border-color: #2c5b4a !important; }

/* دفعة ٢ — نظائر ليليّة */
body.dark .hc-btn, body.dark .fr-icon-btn, body.dark .favpage-close{color:var(--qawlat-text)}