/* عزل شاشات Legacy المنقولة (السجلات/التقارير) عن قواعد CSS عامة غير مقيَّدة بملفات أخرى محمَّلة لكل التطبيق —
   dashboard.css (.kpi-card/.kpi-icon/.kpi-label/.kpi-value/.kpi-sub/.status-dot)، app.css (.empty-state/.toast-container)
   وpos-legacy.css (.search-wrap). كُشفت بفحص Chromium آلي (tests/iCareV2.E2E/legacy-qa/css-leaks.js) لأنها كانت تغيّر
   الارتفاعات/الهوامش/لون الحدود عند المرور مقارنة بالـLegacy. كل خاصية هنا تعيد قيمة المتصفح الافتراضية (أو قيمة
   Legacy الصريحة)، وتُحمَّل قبل ملفات الشاشات المنقولة فتغلبها قواعد Legacy المنقولة نفسها (نفس الأولوية، تحميل لاحق).
   لا تعديل على الملفات العامة نفسها (شاشات أخرى مغلقة). */
:is(.rl-root, .nq-root, .po-root, .pr-root, .sr-root, .cr-root, .ir-root, .gr-root, .bkl-root, .dm-root) .kpi-card {
    background: none; border: 0; border-radius: 0; padding: 0; position: static; overflow: visible; transition: none;
}
:is(.rl-root, .nq-root, .po-root, .pr-root, .sr-root, .cr-root, .ir-root, .gr-root, .bkl-root, .dm-root) .kpi-card:hover { transform: none; box-shadow: none; border-color: var(--card-border); }
:is(.rl-root, .nq-root, .po-root, .pr-root, .sr-root, .cr-root, .ir-root, .gr-root, .bkl-root, .dm-root) .kpi-card::before { content: none; inset: auto; background: none; pointer-events: auto; }
:is(.rl-root, .nq-root, .po-root, .pr-root, .sr-root, .cr-root, .ir-root, .gr-root, .bkl-root, .dm-root) .kpi-icon {
    width: auto; height: auto; border-radius: 0; display: block; align-items: normal; justify-content: normal; flex-shrink: 1;
}
:is(.rl-root, .nq-root, .po-root, .pr-root, .sr-root, .cr-root, .ir-root, .gr-root, .bkl-root, .dm-root) .kpi-icon svg { width: 24px; height: 24px; }
:is(.rl-root, .nq-root, .po-root, .pr-root, .sr-root, .cr-root, .ir-root, .gr-root, .bkl-root, .dm-root) .kpi-label {
    font-size: inherit; font-weight: inherit; color: inherit; letter-spacing: normal; text-transform: none;
}
:is(.rl-root, .nq-root, .po-root, .pr-root, .sr-root, .cr-root, .ir-root, .gr-root, .bkl-root, .dm-root) .kpi-value {
    font-size: inherit; font-weight: inherit; color: inherit; margin-top: 0; line-height: normal;
}
:is(.rl-root, .nq-root, .po-root, .pr-root, .sr-root, .cr-root, .ir-root, .gr-root, .bkl-root, .dm-root) .kpi-sub {
    font-size: inherit; font-weight: inherit; color: inherit; margin-top: 0; display: block; align-items: normal; gap: normal;
}
:is(.rl-root, .nq-root, .po-root, .pr-root, .sr-root, .cr-root, .ir-root, .gr-root, .bkl-root, .dm-root) .status-dot { width: auto; height: auto; border-radius: 0; flex-shrink: 1; }
:is(.rl-root, .nq-root, .po-root, .pr-root, .sr-root, .cr-root, .ir-root, .gr-root, .bkl-root, .dm-root) .empty-state { color: inherit; padding: 0; text-align: inherit; }
:is(.rl-root, .nq-root, .po-root, .pr-root, .sr-root, .cr-root, .ir-root, .gr-root, .bkl-root, .dm-root) .toast-container {
    position: static; bottom: auto; left: auto; transform: none; z-index: auto; display: block;
    flex-direction: row; gap: normal; align-items: normal; pointer-events: auto;
}
:is(.rl-root, .nq-root, .po-root, .pr-root, .sr-root, .cr-root, .ir-root, .gr-root, .bkl-root, .dm-root) .search-wrap {
    flex: 0 1 auto; display: block; align-items: normal; gap: normal; background: none; border: 0; border-radius: 0;
    padding: 0; height: auto; transition: none;
}
:is(.rl-root, .nq-root, .po-root, .pr-root, .sr-root, .cr-root, .ir-root, .gr-root, .bkl-root, .dm-root) .search-wrap:focus-within { border-color: var(--border); box-shadow: none; }
/* pos-legacy.css (.summary-row/.summary-val) — يتسرّب لتقرير العملاء. */
:is(.rl-root, .nq-root, .po-root, .pr-root, .sr-root, .cr-root, .ir-root, .gr-root, .bkl-root, .dm-root) .summary-row { justify-content: normal; align-items: normal; padding: 0; }
:is(.rl-root, .nq-root, .po-root, .pr-root, .sr-root, .cr-root, .ir-root, .gr-root, .bkl-root, .dm-root) .summary-val { font-size: inherit; font-weight: inherit; color: inherit; }