/* تصليحات الثيم المشتركة لكل التخطيطات (النواة وكل الوحدات وبواباتها)، من فحص الثيم 2026/10/21.
   كل قاعدة هنا لأن صفحة معينة كانت بتتمرر بالعرض أو بتتكسر على الموبايل، والسبب مكرر في أكتر من وحدة. */

@media (max-width: 760px) {
    /* جدول جوه إطار من غير حاوية تمرير (الأدوار، ربط الحسابات): الجدول بيتمرر لوحده بدل ما يوسع الصفحة */
    .panel > table, .panel-body > table, .card > table, .card-body > table, form.panel > table {
        display: block;
        max-inline-size: 100%;
        overflow-x: auto;
    }

    /* خانة عليها أقل عرض ثابت في الصفحة نفسها (النسخ الاحتياطي: 360px) */
    .field[style*="min-width"], .field[style*="min-inline-size"] {
        min-inline-size: 0 !important;
        min-width: 0 !important;
    }

    /* التبويبات بتنزل سطر جديد بدل ما تطلع برا الشاشة (مراقبة الربط، المخزون الموحد) */
    .tabs, .inv-tabs { flex-wrap: wrap; }
    .tabs > *, .inv-tabs > * { white-space: nowrap; }

    /* عنصر جوه شبكة بياخد عرض محتواه لو مالوش حد أدنى صفر (لوحة IT Helpdesk) */
    .grid > *, .g-2-1 > *, .g-1-2 > * { min-inline-size: 0; }

    /* رأس الصفحة وأزراره بينزلوا سطر جديد (كشف حساب الخزينة: الأزرار كانت 564px) */
    .page-head, .page-head .actions { flex-wrap: wrap; }

    /* زرار جوه جدول بيتمرر: سطر واحد بدل تلات سطور جوه خلية ضيقة (الفترات المحاسبية) */
    td .btn, td button { white-space: nowrap; }

    /* نموذج فلترة جوه رأس الصفحة (كشف حساب الخزينة) بينزل سطر جديد */
    .page-head .d-flex, .page-head form { flex-wrap: wrap; }

    /* رأس الكارت فيه عنوان طويل وزرار: بينزل سطر جديد والزرار سطر واحد (السنة المالية في الفترات المحاسبية) */
    .card-header.d-flex { flex-wrap: wrap; gap: 8px; }
    .card-header .btn { white-space: nowrap; }
}