/* EN: Enterprise desktop floor — below ~1080px effective viewport (high zoom / split windows)
   the layout stops squeezing and the page scrolls horizontally instead, keeping every
   popover/submenu reachable. Served from index.html only (browser runtime, not test env).
   AR: حد أدنى مكتبي مؤسسي — تحت ~1080px من العرض الفعلي (تكبير عالٍ / نوافذ مقسومة) يتوقف
   التخطيط عن الانضغاط وتتمرر الصفحة أفقياً، فتبقى كل قائمة/لوحة منبثقة قابلة للوصول.
   يُحمَّل من index.html فقط (بيئة المتصفح، لا بيئة الاختبار). */
body { min-inline-size: 1080px; }

/* EN: EMERGENCY consumer mitigation (owner-reported, reproduced): the DS v0.2.0 renders the
   DataGrid advanced-filters panel INSIDE the dropdown-menu content, positioned OUTSIDE its
   bounds, while that content clips with overflow:hidden — so the panel paints nowhere on ANY
   screen. Un-clipping menu surfaces makes it visible; remove once the DS re-parents the panel.
   AR: تخفيف طارئ من جهة المستهلك (أبلغه المالك وأُعيد إنتاجه): تُرسم لوحة المرشحات المتقدمة في
   v0.2.0 داخل محتوى القائمة المنسدلة وبموضع خارج حدوده بينما يقص المحتوى بـoverflow:hidden —
   فلا تُرسم اللوحة إطلاقاً في أي شاشة. رفع القصّ عن أسطح القوائم يجعلها مرئية؛ يُزال هذا فور
   إعادة تموضع اللوحة في المكتبة. */
[data-radix-menu-content], [role="menu"] { overflow: visible !important; }

/* EN: Companion to the un-clip above — the advanced-filter builder is a WIDE inline row INSIDE
   the menu content; v0.2.0 keeps the menu at its narrow width so the row overflowed (then
   painted transparent over the page). Widening the hosting menu seats the builder ON the menu's
   own opaque surface, matching the showcase presentation. Remove with the un-clip once the DS
   re-parents the builder.
   AR: مكمل لرفع القصّ أعلاه — باني المرشحات صف عريض داخل محتوى القائمة؛ وv0.2.0 تُبقي القائمة
   بعرضها الضيق فيفيض الصف (ثم يُرسم شفافاً فوق الصفحة). توسيع القائمة الحاضنة يُجلس الباني على
   سطحها المعتم نفسه، مطابقاً عرض الـshowcase. يُزال مع رفع القصّ فور إعادة التموضع في المكتبة. */
[data-radix-menu-content]:has(> div.flex.flex-wrap) {
  min-inline-size: min(760px, 92vw);
  /* EN: SAME theme hue with alpha stripped (relative color syntax) — glass tokens are
     translucent by design, unreadable over a busy grid. AR: نفس لون الثيم مع نزع الشفافية
     (صيغة الألوان النسبية) — رموز الزجاج شفافة بالتصميم وغير مقروءة فوق شبكة صاخبة. */
  /* EN: The DS menu recipe verbatim (surface-gradient + surface-backdrop), gradient stacked 3×:
     the glass thickens over busy content without breaking the glass identity (neo tokens are
     opaque and unaffected). AR: وصفة قائمة المكتبة حرفياً (تدرج السطح + ضبابيته) مع رصّ التدرج
     ثلاث طبقات: يثخُن الزجاج فوق المحتوى الصاخب دون كسر هوية glass (رموز neo معتمة فلا تتأثر). */
  background: var(--surface-gradient), var(--surface-gradient), var(--surface-gradient);
  -webkit-backdrop-filter: var(--surface-backdrop, blur(16px)) !important;
  backdrop-filter: var(--surface-backdrop, blur(16px)) !important;
  border: 1px solid var(--surface-border, rgba(255,255,255,.12));
  border-radius: var(--radius-lg, 12px);
  box-shadow: var(--surface-shadow-raised, 0 14px 50px rgba(0,0,0,.45));
}