/* ═══════════════════════════════════════════════════════════════════════════
   منتقي السمات — أنماط مشتركة بين التطبيقات الخمسة.
   ⚠️ **مكتفٍ ذاتياً بلا اعتماد على لوحة أي تطبيق**: يُحمَّل بعمليات المصنع
   (لوحة `--card`/`--text`) وبالأربعة الحديثة (`--sh-*`/`--c-*`/…) وبالمالية
   (`--fin-*`)، فكل قيمة لها **سلسلة سقوط** تنتهي بلونٍ صريح. متغيّرٌ مفقود
   بتطبيقٍ واحد كان سيُنتج قائمةً بلا خلفية — لا خطأً يظهر.
   ═══════════════════════════════════════════════════════════════════════════ */
.wt-menu{
  display:none; position:fixed; z-index:9999; min-inline-size:186px; padding:5px;
  border-radius:8px; overflow:hidden;
  background:var(--sh-card, var(--c-card, var(--fin-card, var(--card, #fff))));
  color:var(--sh-ink, var(--c-ink, var(--fin-ink, var(--text, #242424))));
  border:1px solid var(--sh-line, var(--c-line, var(--fin-line, var(--border, #e5e4e3))));
  box-shadow:0 6.4px 14.4px rgba(0,0,0,.13), 0 1.2px 3.6px rgba(0,0,0,.10);
  font:13px/1.5 "Segoe UI", Tahoma, Arial, sans-serif;
}
.wt-menu.open{display:block}
.wt-item{
  display:flex; align-items:center; gap:9px; padding:8px 11px; border-radius:5px;
  cursor:pointer; white-space:nowrap; user-select:none;
}
.wt-item:hover{background:var(--sh-hover, var(--c-hover, var(--bg, #f5f5f5)))}
/*  ⚠️ إطارُ تركيزٍ ظاهر إلزامي: البنود تُبلَغ بلوحة المفاتيح (`tabindex` +
    Enter/Space)، وبلا مؤشّرٍ مرئي يصير التنقّل عمياً. */
.wt-item:focus-visible{
  outline:2px solid var(--sh-accent, var(--c-accent, var(--fin-accent, var(--primary, #0f6cbd))));
  outline-offset:-2px;
}
.wt-item.on{font-weight:600}
/*  علامة الاختيار **إضافةٌ إلى** الوزن لا بديلٌ عنه: الوزن وحده فرقٌ خفيّ. */
.wt-item.on::after{content:"✓"; margin-inline-start:auto; opacity:.8}
.wt-dot{
  inline-size:13px; block-size:13px; border-radius:50%; flex:0 0 auto;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.22);
}