/* Shared shell and reporting components for operational modules. */
.nile-brand-link{padding:2px 10px 2px 4px;border-inline-end:1px solid rgba(255,255,255,.22);flex:0 0 auto;color:#fff!important}
.nile-brand-link .brand-img-wrap{width:46px!important;height:46px!important;padding:3px!important;border-radius:12px!important;display:grid!important;place-items:center;overflow:hidden}
.nile-brand-link .brand-img-wrap img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;aspect-ratio:1/1}
.nile-brand-copy{display:flex;flex-direction:column;line-height:1.15;color:#fff;white-space:nowrap}.nile-brand-copy b{font-size:13px}.nile-brand-copy small{font-size:0.6875rem;opacity:.75;letter-spacing:.08em}
.system-welcome-banner{min-height:34px;padding:6px clamp(10px,2vw,22px);display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border-bottom:1px solid var(--border-soft);color:var(--text);font-size:12px}.system-welcome-banner span{font-weight:800}.system-welcome-banner i{color:var(--nile-green)}.system-welcome-banner small{color:var(--text-dim)}
.erp-module{display:grid;gap:12px}.erp-module .erp-card{background:var(--surface)!important;border:1px solid var(--border-soft)!important;border-radius:var(--radius-lg,12px)!important;box-shadow:var(--shadow-card)!important;overflow:visible!important}.erp-card-head{min-height:45px;padding:10px 14px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.erp-card-head h2,.erp-card-head h5{font-size:14px;margin:0;font-weight:900}.erp-card-body{padding:12px 14px}.erp-kpis{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px}.erp-kpi{padding:10px 12px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-alt)}.erp-kpi small{display:block;color:var(--text-dim);font-size:0.6875rem}.erp-kpi b{display:block;margin-top:3px;font-size:16px;color:var(--text)}.erp-filters{display:grid;grid-template-columns:repeat(6,minmax(125px,1fr));gap:8px;align-items:end}.erp-field{display:flex;flex-direction:column;gap:4px;min-width:0}.erp-field label{font-size:0.6875rem;font-weight:800;color:var(--text-dim)}.erp-field input,.erp-field select,.erp-field textarea{width:100%;min-height:36px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface);color:var(--text);padding:6px 8px}.erp-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.erp-table-wrap{position:relative;overflow-x:auto;overflow-y:visible}.erp-table{width:100%;border-collapse:collapse;min-width:850px}.erp-table th,.erp-table td{padding:8px 9px;border-bottom:1px solid var(--border-soft);font-size:11.5px;text-align:right;vertical-align:top}.erp-table th{background:var(--surface-alt);color:var(--text-dim);white-space:nowrap;font-weight:900}.erp-table tbody tr:hover{background:color-mix(in srgb,var(--nile-green) 4%,transparent)}
.erp-module .vr-secondary,.erp-module .pex-secondary,.erp-module .psr-secondary{background:var(--surface-alt)!important;color:var(--text)!important;border:1px solid var(--border-soft)!important}.erp-module .vr-head,.erp-module .pex-head,.erp-module .psr-head{padding:10px 14px!important}.erp-module .vr-body,.erp-module .pex-body,.erp-module .psr-body{padding:12px 14px!important}
.erp-card .searchable-select,.erp-card .select-search-wrap,.erp-card .choices,.erp-card .select2-container{position:relative;z-index:30}.erp-card .searchable-select.open,.erp-card .select-search-wrap.open,.erp-card .choices.is-open,.erp-card .select2-container--open{z-index:1200}.erp-card .dropdown-menu,.erp-card .select-dropdown,.erp-card .choices__list--dropdown{z-index:1300!important}
@media(max-width:900px){.nile-brand-copy{display:none}.nile-brand-link .brand-img-wrap{width:40px!important;height:40px!important}.erp-kpis{grid-template-columns:repeat(2,1fr)}.erp-filters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.nile-brand-link{padding-inline:2px 6px}.nile-brand-link .brand-img-wrap{width:36px!important;height:36px!important}.system-welcome-banner{font-size:11px}.system-welcome-banner small{display:none}.erp-kpis,.erp-filters{grid-template-columns:1fr}.erp-card-body{padding:10px}.erp-card-head{padding:9px 10px}}

/* =============================================================================
   طبقة التكثيف (Compact Layer) — توحيد كثافة الشاشات الجديدة مع باقي النظام
   =============================================================================
   الشاشات الجديدة (مرتجعات الموردين، صادرات الصيدلية، الانتدابات) اتبنت بمقاسات
   أكبر من باقي النظام: خانات 36px وكروت بمسافات 12-14px وجداول بصفوف عالية، بينما
   شاشة تقفيل الوردية وباقي النظام شغالين بكثافة أعلى بكتير (خانات 26px). الفرق ده
   كان بيخلي الشاشات الجديدة شكلها من نظام تاني.
   الطبقة دي بتصغّر المسافات والمقاسات بس - مفيش أي تغيير فى الألوان أو الهوية أو
   ترتيب العناصر، وكل القواعد متخصصة تحت .erp-module عشان ماتأثرش على أي شاشة تانية. */
.erp-module{gap:8px}
.erp-module .erp-card-head{min-height:32px;padding:6px 10px;gap:7px}
.erp-module .erp-card-head h2,.erp-module .erp-card-head h5{font-size:12.5px}
.erp-module .erp-card-body{padding:8px 10px}
.erp-module .erp-kpis{gap:6px}
.erp-module .erp-kpi{padding:7px 9px;border-radius:8px}
.erp-module .erp-kpi small{font-size:0.6875rem}
.erp-module .erp-kpi b{margin-top:2px;font-size:14px}
.erp-module .erp-filters{gap:6px}
.erp-module .erp-field{gap:2px}
.erp-module .erp-field label{font-size:0.6875rem}
.erp-module .erp-field input,
.erp-module .erp-field select,
.erp-module .erp-field textarea{min-height:28px;padding:4px 7px;font-size:12px;border-radius:7px}
.erp-module .erp-field textarea{min-height:52px}
.erp-module .erp-actions{gap:5px}
.erp-module .erp-actions .btn,.erp-module .erp-card-head .btn{min-height:28px;padding:3px 10px;font-size:11.5px}
.erp-module .erp-table th,.erp-module .erp-table td{padding:5px 7px;font-size:11px;vertical-align:middle}
.erp-module .erp-table td small{font-size:0.6875rem;line-height:1.35}
.erp-module .erp-table .btn{min-height:24px;padding:2px 8px;font-size:0.6875rem}
.erp-module .erp-table input,.erp-module .erp-table select{min-height:26px;padding:3px 6px;font-size:11px}

/* الشاشات الجديدة بتعرّف ستايلاتها الخاصة (vr-* / pex-* / psr-*) جوّه القالب نفسه
   بمقاسات أكبر من باقي النظام. القواعد دي بتتغلب عليها بالتخصيصية (كلاسين مقابل كلاس
   واحد) من غير ما نلمس القوالب، وبتوحّد كثافتها مع شاشة تقفيل الوردية. */
.erp-module .vr-page,.erp-module .pex-page,.erp-module .psr-page{gap:8px}
.erp-module .vr-head,.erp-module .pex-head,.erp-module .psr-head{padding:6px 10px!important;min-height:32px;gap:7px}
.erp-module .vr-head h2,.erp-module .pex-head h2,.erp-module .psr-head h2{font-size:12.5px}
.erp-module .vr-body,.erp-module .pex-body,.erp-module .psr-body{padding:8px 10px!important}
.erp-module .vr-grid,.erp-module .pex-grid,.erp-module .psr-grid,
.erp-module .vr-filters,.erp-module .pex-filters{gap:6px}
.erp-module .vr-field,.erp-module .pex-field,.erp-module .psr-field{gap:2px}
.erp-module .vr-field label,.erp-module .pex-field label,.erp-module .psr-field label{font-size:0.6875rem}
.erp-module .vr-field input,.erp-module .vr-field select,.erp-module .vr-field textarea,
.erp-module .pex-field input,.erp-module .pex-field select,.erp-module .pex-field textarea,
.erp-module .psr-field input,.erp-module .psr-field select,.erp-module .psr-field textarea{
  min-height:28px;padding:4px 7px;font-size:12px;border-radius:7px}
.erp-module .vr-field textarea,.erp-module .pex-field textarea{min-height:52px}
.erp-module .vr-btn,.erp-module .pex-btn,.erp-module .psr-btn{padding:4px 10px;font-size:11.5px;border-radius:7px}
.erp-module .vr-sm,.erp-module .pex-sm,.erp-module .psr-sm{padding:2px 7px;font-size:0.6875rem}
.erp-module .vr-actions,.erp-module .pex-actions,.erp-module .psr-actions{gap:5px}
.erp-module .vr-table th,.erp-module .vr-table td,
.erp-module .pex-table th,.erp-module .pex-table td,
.erp-module .psr-table th,.erp-module .psr-table td{padding:5px 7px;font-size:11px;vertical-align:middle}
.erp-module .vr-table input,.erp-module .vr-table select,
.erp-module .pex-table input,.erp-module .pex-table select{min-height:26px;padding:3px 6px;font-size:11px}
.erp-module .vr-total{font-size:14px}
.erp-module .vr-status,.erp-module .pex-status{padding:2px 6px;font-size:0.6875rem}
.erp-module .vr-mini,.erp-module .pex-note{padding:6px;margin-top:5px}
.erp-module .vr-decision{gap:4px;min-width:180px}
.erp-module .vr-decision input{padding:4px}
.erp-module .pex-kpis{gap:6px}
.erp-module .pex-kpi{padding:7px 9px}