/* Medical Mission — تصميم عصري نظيف: فاتح + أزرق + ظلال ناعمة + Responsive */
:root {
  /* ألوان هادئة مريحة للعين - أزرق أنعم وأقل تشبّعاً */
  --mm-primary: #3b6fb0; --mm-primary-dark: #2f5a92; --mm-primary-light: #d8e4f2; --mm-primary-soft: #f0f5fb;
  --mm-secondary: #5b9bc4; --mm-success: #4a9b7f; --mm-success-soft: #dcefe5;
  --mm-warning: #c99343; --mm-warning-soft: #f7ecd6; --mm-danger: #c1675f; --mm-danger-soft: #f5e0dd; --mm-info: #5b9bc4;
  /* خلفية دافئة هادئة بدل الأبيض الناصع المُجهد */
  --mm-bg: #eef1f6; --mm-card: #ffffff; --mm-text: #2d3748; --mm-text-soft: #5a6678;
  --mm-muted: #9aa5b5; --mm-border: #e2e8f0; --mm-border-soft: #eef1f6;
  --mm-shadow-sm: 0 1px 3px rgba(45,55,72,.05); --mm-shadow: 0 3px 14px rgba(45,55,72,.06);
  --mm-shadow-md: 0 6px 24px rgba(45,55,72,.08); --mm-shadow-lg: 0 14px 40px rgba(45,55,72,.12);
  --mm-radius-sm: 10px; --mm-radius: 16px; --mm-radius-lg: 22px; --mm-sidebar-w: 264px; --mm-topbar-h: 68px;
}

/* ============ Dark Mode ============ */
[data-theme="dark"] {
  --mm-bg: #1a1f2e;
  --mm-card: #242b3d;
  --mm-text: #e4e8f0;
  --mm-text-soft: #b4bdcc;
  --mm-muted: #7884a0;
  --mm-border: #353d52;
  --mm-border-soft: #2c3346;
  --mm-primary: #5b8fc7;
  --mm-primary-soft: #2a3a52;
  --mm-primary-light: #3a5278;
  --mm-success-soft: #064e3b;
  --mm-warning-soft: #78350f;
  --mm-danger-soft: #7f1d1d;
  --mm-shadow-sm: 0 1px 3px rgba(0,0,0,.3);
  --mm-shadow: 0 4px 16px rgba(0,0,0,.4);
  --mm-shadow-md: 0 8px 28px rgba(0,0,0,.5);
  --mm-shadow-lg: 0 16px 48px rgba(0,0,0,.6);
}
[data-theme="dark"] .mm-topbar { background: rgba(30,41,59,.85); }
[data-theme="dark"] .mm-badge.ipd { background: #1e3a5f; color: #93c5fd; }
[data-theme="dark"] .mm-badge.opd { background: #064e3b; color: #6ee7b7; }
[data-theme="dark"] .mm-badge.injection { background: #4c1d95; color: #c4b5fd; }
[data-theme="dark"] .mm-badge.active { background: #064e3b; color: #6ee7b7; }
[data-theme="dark"] .mm-badge.planned { background: #78350f; color: #fcd34d; }
[data-theme="dark"] .mm-badge.completed { background: #1e3a5f; color: #93c5fd; }
[data-theme="dark"] .mm-badge.cancelled { background: #7f1d1d; color: #fca5a5; }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #475569; }
[data-theme="dark"] .mm-btn-outline { background: var(--mm-card); }


* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { font-family: 'Segoe UI','Tajawal',system-ui,sans-serif; background: var(--mm-bg); color: var(--mm-text); direction: rtl; font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
.mm-shell { display: flex; min-height: 100vh; position: relative; z-index: 100; background: var(--mm-bg); }
.mm-sidebar { width: var(--mm-sidebar-w); background: var(--mm-card); border-left: 1px solid var(--mm-border); flex-shrink: 0; position: fixed; top: 0; bottom: 0; right: 0; z-index: 1000; display: flex; flex-direction: column; transition: transform .28s cubic-bezier(.4,0,.2,1); box-shadow: var(--mm-shadow-sm); }
.mm-brand { padding: 1.5rem 1.5rem 1.25rem; display: flex; align-items: center; gap: .85rem; border-bottom: 1px solid var(--mm-border-soft); }
.mm-brand-icon { width: 46px; height: 46px; border-radius: 13px; background: linear-gradient(135deg,var(--mm-primary),var(--mm-secondary)); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; box-shadow: 0 6px 16px rgba(37,99,235,.3); flex-shrink: 0; }
.mm-brand-text strong { display: block; font-size: 1.05rem; font-weight: 800; color: var(--mm-text); letter-spacing: -.02em; }
.mm-brand-text span { font-size: .73rem; color: var(--mm-muted); }
.mm-nav { padding: 1rem .85rem; display: flex; flex-direction: column; gap: .2rem; overflow-y: auto; flex: 1; }
.mm-nav-section { font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--mm-muted); padding: .9rem 1rem .4rem; }
.mm-nav-item { display: flex; align-items: center; gap: .8rem; padding: .72rem 1rem; color: var(--mm-text-soft); text-decoration: none; font-size: .92rem; font-weight: 600; border-radius: 12px; transition: all .18s; cursor: pointer; position: relative; }
.mm-nav-item i { width: 22px; text-align: center; font-size: 1rem; color: var(--mm-muted); transition: color .18s; }
.mm-nav-item:hover { background: var(--mm-primary-soft); color: var(--mm-primary); }
.mm-nav-item:hover i { color: var(--mm-primary); }
.mm-nav-item.active { background: linear-gradient(135deg,var(--mm-primary),var(--mm-primary-dark)); color: #fff; box-shadow: 0 6px 18px rgba(37,99,235,.32); }
.mm-nav-item.active i { color: #fff; }
.mm-main { flex: 1; margin-right: var(--mm-sidebar-w); display: flex; flex-direction: column; min-width: 0; min-height: 100vh; }
.mm-topbar { height: var(--mm-topbar-h); background: rgba(255,255,255,.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--mm-border); display: flex; align-items: center; gap: 1rem; padding: 0 1.75rem; position: sticky; top: 0; z-index: 50; }
.mm-toggle { display: none; background: none; border: none; width: 42px; height: 42px; border-radius: 11px; font-size: 1.15rem; color: var(--mm-text-soft); cursor: pointer; transition: background .15s; }
.mm-toggle:hover { background: var(--mm-border-soft); }
.mm-topbar-title { display: flex; flex-direction: column; }
.mm-topbar-title strong { font-size: 1rem; font-weight: 700; }
.mm-topbar-title span { font-size: .78rem; color: var(--mm-muted); }
.mm-topbar-actions { margin-right: auto; display: flex; align-items: center; gap: .5rem; }
.mm-icon-btn { width: 42px; height: 42px; border-radius: 12px; border: 1px solid var(--mm-border); background: var(--mm-card); display: flex; align-items: center; justify-content: center; color: var(--mm-text-soft); text-decoration: none; cursor: pointer; transition: all .15s; }
.mm-icon-btn:hover { background: var(--mm-primary-soft); color: var(--mm-primary); border-color: var(--mm-primary-light); transform: translateY(-1px); }
.mm-user-chip { display: flex; align-items: center; gap: .6rem; padding: .35rem .8rem .35rem .35rem; background: var(--mm-card); border: 1px solid var(--mm-border); border-radius: 14px; }
.mm-user-avatar { width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(135deg,var(--mm-primary),var(--mm-secondary)); color: #fff; font-weight: 700; font-size: .85rem; display: flex; align-items: center; justify-content: center; }
.mm-user-chip span { font-size: .85rem; font-weight: 600; }
.mm-content { padding: 1.75rem; flex: 1; }
.mm-page-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.75rem; flex-wrap: wrap; gap: 1rem; }
.mm-page-title { font-size: 1.6rem; font-weight: 800; letter-spacing: -.02em; display: flex; align-items: center; gap: .6rem; }
.mm-page-sub { font-size: .9rem; color: var(--mm-muted); margin-top: .15rem; }
.mm-card { background: var(--mm-card); border-radius: var(--mm-radius); box-shadow: var(--mm-shadow); border: 1px solid var(--mm-border-soft); overflow: hidden; margin-bottom: 1.5rem; transition: box-shadow .2s, transform .2s; }
.mm-card-header { padding: 1.15rem 1.5rem; border-bottom: 1px solid var(--mm-border-soft); display: flex; align-items: center; gap: .75rem; }
.mm-card-title { font-size: 1.02rem; font-weight: 700; }
.mm-card-body { padding: 1.5rem; }
.mm-card-body.p-0 { padding: 0; }
.mm-quick-actions { display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 1.15rem; margin-bottom: 1.75rem; }
.mm-action-card { display: flex; align-items: center; gap: 1.1rem; padding: 1.4rem 1.5rem; border-radius: var(--mm-radius); border: none; cursor: pointer; text-align: right; color: #fff; transition: transform .2s, box-shadow .2s; position: relative; overflow: hidden; }
.mm-action-card::after { content: ''; position: absolute; top: -50%; left: -20%; width: 120px; height: 200%; background: rgba(255,255,255,.1); transform: rotate(25deg); }
.mm-action-card:hover { transform: translateY(-4px); }
.mm-action-card.primary { background: linear-gradient(135deg,#4a7cb5,#3b6fb0); box-shadow: 0 8px 22px rgba(59,111,176,.28); }
.mm-action-card.success { background: linear-gradient(135deg,#5aa88a,#4a9b7f); box-shadow: 0 8px 22px rgba(74,155,127,.28); }
.mm-action-card.accent { background: linear-gradient(135deg,#9178c4,#7e64b5); box-shadow: 0 8px 22px rgba(126,100,181,.28); }
.mm-action-card.teal { background: linear-gradient(135deg,#5b9bc4,#4a8ab3); box-shadow: 0 8px 22px rgba(91,155,196,.28); }
.mm-action-icon { width: 54px; height: 54px; border-radius: 15px; background: rgba(255,255,255,.22); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; flex-shrink: 0; position: relative; z-index: 1; }
.mm-action-text { flex: 1; position: relative; z-index: 1; }
.mm-action-text strong { font-size: 1.08rem; font-weight: 700; display: block; }
.mm-action-text span { font-size: .82rem; opacity: .92; }
.mm-action-arrow { font-size: 1rem; opacity: .8; position: relative; z-index: 1; }
.mm-stats-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(195px,1fr)); gap: 1.15rem; margin-bottom: 1.75rem; }
.mm-stat-card { background: var(--mm-card); border-radius: var(--mm-radius); padding: 1.4rem 1.5rem; box-shadow: var(--mm-shadow); border: 1px solid var(--mm-border-soft); position: relative; overflow: hidden; transition: transform .2s, box-shadow .2s; }
.mm-stat-card:hover { transform: translateY(-3px); box-shadow: var(--mm-shadow-md); }
.mm-stat-card::before { content: ''; position: absolute; top: 0; right: 0; width: 5px; height: 100%; background: var(--mm-primary); }
.mm-stat-card.success::before { background: var(--mm-success); }
.mm-stat-card.warning::before { background: var(--mm-warning); }
.mm-stat-card.danger::before { background: var(--mm-danger); }
.mm-stat-card.accent::before { background: #8b5cf6; }
.mm-stat-card.teal::before { background: var(--mm-secondary); }
.mm-stat-label { font-size: .76rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--mm-muted); }
.mm-stat-value { font-size: 1.7rem; font-weight: 800; margin: .35rem 0 .2rem; letter-spacing: -.02em; }
.mm-stat-sub { font-size: .8rem; color: var(--mm-muted); }
.mm-table { width: 100%; border-collapse: collapse; }
.mm-table thead th { background: var(--mm-border-soft); padding: .85rem 1.1rem; font-size: .76rem; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--mm-text-soft); text-align: right; white-space: nowrap; }
.mm-table tbody td { padding: .9rem 1.1rem; border-bottom: 1px solid var(--mm-border-soft); font-size: .9rem; }
.mm-table tbody tr { transition: background .15s; }
.mm-table tbody tr:hover { background: var(--mm-primary-soft); }
.mm-table tbody tr:last-child td { border-bottom: none; }
.mm-table tfoot td, .mm-total-row td { padding: .9rem 1.1rem; font-weight: 700; background: var(--mm-border-soft); border-top: 2px solid var(--mm-border); }
.mm-badge { display: inline-flex; align-items: center; gap: .3rem; padding: .3rem .7rem; border-radius: 9999px; font-size: .74rem; font-weight: 700; }
.mm-badge.ipd { background: var(--mm-primary-light); color: var(--mm-primary-dark); }
.mm-badge.opd { background: var(--mm-success-soft); color: #047857; }
.mm-badge.injection { background: #ede9fe; color: #6d28d9; }
.mm-badge.active { background: var(--mm-success-soft); color: #047857; }
.mm-badge.planned { background: var(--mm-warning-soft); color: #b45309; }
.mm-badge.completed { background: var(--mm-primary-light); color: var(--mm-primary-dark); }
.mm-badge.cancelled { background: var(--mm-danger-soft); color: #b91c1c; }
.mm-btn { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; padding: .6rem 1.25rem; border-radius: 12px; font-size: .9rem; font-weight: 600; cursor: pointer; border: none; transition: all .17s; text-decoration: none; white-space: nowrap; }
.mm-btn-primary { background: var(--mm-primary); color: #fff; box-shadow: 0 4px 12px rgba(37,99,235,.25); }
.mm-btn-primary:hover { background: var(--mm-primary-dark); transform: translateY(-1px); box-shadow: 0 6px 18px rgba(37,99,235,.35); }
.mm-btn-success { background: var(--mm-success); color: #fff; box-shadow: 0 4px 12px rgba(16,185,129,.25); }
.mm-btn-success:hover { background: #059669; transform: translateY(-1px); }
.mm-btn-outline { background: var(--mm-card); color: var(--mm-primary); border: 1.5px solid var(--mm-border); }
.mm-btn-outline:hover { border-color: var(--mm-primary); background: var(--mm-primary-soft); }
.mm-btn-danger { background: var(--mm-danger-soft); color: #b91c1c; }
.mm-btn-danger:hover { background: #fecaca; }
.mm-btn-sm { padding: .4rem .8rem; font-size: .82rem; border-radius: 9px; }
.mm-btn:disabled { opacity: .6; cursor: not-allowed; }
.mm-form-group { margin-bottom: 1.1rem; }
.mm-form-label { display: block; font-size: .85rem; font-weight: 600; color: var(--mm-text-soft); margin-bottom: .45rem; }
.mm-form-control { width: 100%; padding: .65rem .95rem; border-radius: 11px; border: 1.5px solid var(--mm-border); font-size: .92rem; font-family: inherit; background: var(--mm-card); transition: border-color .15s, box-shadow .15s; }
.mm-form-control:focus { outline: none; border-color: var(--mm-primary); box-shadow: 0 0 0 3.5px var(--mm-primary-soft); }
textarea.mm-form-control { resize: vertical; }
.mm-empty { text-align: center; padding: 3.5rem 1.5rem; color: var(--mm-muted); }
.mm-empty i { font-size: 2.8rem; opacity: .3; display: block; margin-bottom: 1rem; }
.amt-positive { color: var(--mm-success); font-weight: 700; }
.amt-negative { color: var(--mm-danger); font-weight: 700; }
.amt-neutral { color: var(--mm-text); font-weight: 700; }
.mm-avatar { width: 38px; height: 38px; border-radius: 11px; background: linear-gradient(135deg,var(--mm-primary),var(--mm-secondary)); color: #fff; font-weight: 700; font-size: .9rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.mm-modal-backdrop { position: fixed; inset: 0; background: rgba(15,23,42,.5); backdrop-filter: blur(4px); z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 1rem; animation: mmFade .2s; }
@keyframes mmFade { from { opacity: 0; } to { opacity: 1; } }
.mm-modal { background: var(--mm-card); border-radius: var(--mm-radius-lg); width: 100%; max-width: 720px; max-height: 92vh; overflow-y: auto; box-shadow: var(--mm-shadow-lg); animation: mmSlide .25s cubic-bezier(.4,0,.2,1); }
@keyframes mmSlide { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.mm-modal-header { padding: 1.35rem 1.6rem; border-bottom: 1px solid var(--mm-border-soft); display: flex; align-items: center; justify-content: space-between; }
.mm-modal-header h5 { font-weight: 700; font-size: 1.15rem; }
.mm-modal-body { padding: 1.6rem; }
.mm-modal-footer { padding: 1.1rem 1.6rem; border-top: 1px solid var(--mm-border-soft); display: flex; justify-content: flex-end; gap: .6rem; }
.mm-btn-close { background: var(--mm-border-soft); border: none; width: 36px; height: 36px; border-radius: 10px; font-size: 1.3rem; cursor: pointer; color: var(--mm-text-soft); display: flex; align-items: center; justify-content: center; transition: background .15s; }
.mm-btn-close:hover { background: var(--mm-danger-soft); color: var(--mm-danger); }
.mm-share-section { background: var(--mm-primary-soft); border-radius: var(--mm-radius); padding: 1.25rem; border: 1px solid var(--mm-primary-light); margin-bottom: 1.1rem; margin-top: .4rem; }
.mm-share-title { font-size: .82rem; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--mm-primary-dark); margin-bottom: .8rem; }
.mm-radio { display: flex; align-items: center; justify-content: center; gap: .5rem; padding: .7rem 1rem; border: 1.5px solid var(--mm-border); border-radius: 12px; cursor: pointer; font-size: .88rem; font-weight: 600; background: var(--mm-card); transition: all .15s; text-align: center; }
.mm-radio:hover { border-color: var(--mm-primary-light); }
.mm-radio:has(input:checked) { border-color: var(--mm-primary); background: var(--mm-primary-soft); color: var(--mm-primary); box-shadow: 0 2px 8px rgba(59,111,176,.12); }
.mm-radio input { accent-color: var(--mm-primary); width: 17px; height: 17px; flex-shrink: 0; }
.mm-staff-check { display: flex; align-items: center; gap: .65rem; padding: .75rem .9rem; border: 1.5px solid var(--mm-border); border-radius: 12px; cursor: pointer; background: var(--mm-card); transition: all .15s; height: 100%; }
.mm-staff-check:hover { border-color: var(--mm-primary-light); background: var(--mm-primary-soft); }
.mm-staff-check:has(input:checked) { border-color: var(--mm-primary); background: var(--mm-primary-soft); box-shadow: 0 2px 8px rgba(59,111,176,.12); }
.mm-staff-check input { accent-color: var(--mm-primary); width: 18px; height: 18px; flex-shrink: 0; }
.mm-staff-check > span { display: flex; flex-direction: column; gap: .15rem; min-width: 0; }
.mm-staff-check strong { font-size: .88rem; line-height: 1.2; }
.mm-staff-check small { font-size: .73rem; color: var(--mm-muted); }
@media (max-width: 992px) {
  .mm-sidebar { transform: translateX(100%); }
  .mm-sidebar.open { transform: translateX(0); }
  .mm-main { margin-right: 0; }
  .mm-toggle { display: flex; }
  .mm-content { padding: 1.25rem; }
  .mm-page-title { font-size: 1.35rem; }
}
@media (max-width: 768px) {
  .mm-stats-grid { grid-template-columns: repeat(2,1fr); gap: .85rem; }
  .mm-quick-actions { grid-template-columns: 1fr; }
  .mm-stat-value { font-size: 1.4rem; }
  .mm-content { padding: 1rem; }
  .mm-user-chip span { display: none; }
  .mm-table { font-size: .82rem; }
  .mm-table thead th, .mm-table tbody td { padding: .65rem .6rem; }
}
@media (max-width: 480px) { .mm-stats-grid { grid-template-columns: 1fr; } }
.mm-overlay { display: none; position: fixed; inset: 0; background: rgba(15,23,42,.4); z-index: 999; }
.mm-overlay.show { display: block; }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--mm-muted); }
.mb-3 { margin-bottom: 1rem; } .mt-2 { margin-top: .5rem; } .mt-3 { margin-top: 1rem; }
.text-muted { color: var(--mm-muted); } .text-center { text-align: center; }
.fw-semibold { font-weight: 600; } .d-flex { display: flex; }
.gap-1 { gap: .3rem; } .gap-2 { gap: .5rem; } .gap-3 { gap: .75rem; }
.align-items-center { align-items: center; } .align-items-end { align-items: flex-end; }
.flex-wrap { flex-wrap: wrap; } .w-100 { width: 100%; }
.py-4 { padding: 1.5rem 0; } .py-5 { padding: 3rem 0; }
.opacity-25 { opacity: .25; } .ms-auto { margin-right: auto; }
/* نظام Grid صحيح - 12 عمود مثل Bootstrap */
.row { display: flex; flex-wrap: wrap; margin: 0 -.4rem; }
.row > [class*="col"] { padding: 0 .4rem; }
.g-2 { row-gap: .6rem; } .g-3 { row-gap: .85rem; }
.col, .col-12, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-lg-5, .col-lg-7 { flex: 0 0 auto; width: 100%; }
.col-md-3 { width: 25%; }
.col-md-4 { width: 33.3333%; }
.col-md-5 { width: 41.6667%; }
.col-md-6 { width: 50%; }
.col-md-7 { width: 58.3333%; }
.col-md-8 { width: 66.6667%; }
.col-lg-5 { width: 41.6667%; }
.col-lg-7 { width: 58.3333%; }
.col-12 { width: 100%; }
.col { flex: 1 1 0; width: auto; }
/* على الموبايل: كل الأعمدة عرض كامل */
@media (max-width: 768px) {
  .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-lg-5, .col-lg-7 { width: 100%; }
}
.form-check { display: flex; align-items: center; gap: .5rem; }
.form-check-input { width: 17px; height: 17px; accent-color: var(--mm-primary); cursor: pointer; }
.form-check-label { font-size: .9rem; cursor: pointer; }
.spinner-border { display: inline-block; width: 1.2rem; height: 1.2rem; border: 2.5px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: mmSpin .7s linear infinite; }
.spinner-border-sm { width: .9rem; height: .9rem; border-width: 2px; }
@keyframes mmSpin { to { transform: rotate(360deg); } }
.text-primary { color: var(--mm-primary); } .text-success { color: var(--mm-success); } .text-warning { color: var(--mm-warning); }
.h-100 { height: 100%; } .me-1 { margin-left: .25rem; } .mb-0 { margin-bottom: 0; } .mt-1 { margin-top: .25rem; }

/* ============ القوائم المنسدلة (Sub-menu) ============ */
.mm-nav-group { margin-bottom: .15rem; }
.mm-nav-parent {
  display: flex; align-items: center; gap: .8rem;
  width: 100%; padding: .72rem 1rem;
  background: none; border: none; cursor: pointer;
  color: var(--mm-text-soft); font-size: .92rem; font-weight: 600;
  font-family: inherit; border-radius: 12px; transition: all .18s;
}
.mm-nav-parent i:first-child { width: 22px; text-align: center; font-size: 1rem; color: var(--mm-muted); }
.mm-nav-parent:hover { background: var(--mm-primary-soft); color: var(--mm-primary); }
.mm-nav-parent:hover i:first-child { color: var(--mm-primary); }
.mm-nav-chevron { margin-right: auto; font-size: .72rem; transition: transform .25s; color: var(--mm-muted); }
.mm-nav-parent.open .mm-nav-chevron { transform: rotate(180deg); }
.mm-nav-sub {
  max-height: 0; overflow: hidden;
  transition: max-height .28s cubic-bezier(.4,0,.2,1);
  padding-right: .5rem;
}
.mm-nav-sub.open { max-height: 400px; }
.mm-nav-subitem {
  display: flex; align-items: center; gap: .7rem;
  padding: .6rem 1rem .6rem 1rem;
  margin: .12rem 0;
  color: var(--mm-text-soft); text-decoration: none;
  font-size: .87rem; font-weight: 500;
  border-radius: 10px; transition: all .15s;
  position: relative;
}
.mm-nav-subitem::before {
  content: ''; position: absolute; right: -.3rem; top: 50%;
  width: 5px; height: 5px; border-radius: 50%;
  background: var(--mm-border); transform: translateY(-50%);
}
.mm-nav-subitem i { width: 18px; text-align: center; font-size: .88rem; color: var(--mm-muted); }
.mm-nav-subitem:hover { background: var(--mm-primary-soft); color: var(--mm-primary); }
.mm-nav-subitem:hover i { color: var(--mm-primary); }
.mm-nav-subitem.active {
  background: linear-gradient(135deg, var(--mm-primary), var(--mm-primary-dark));
  color: #fff; box-shadow: 0 4px 14px rgba(37,99,235,.3);
}
.mm-nav-subitem.active i { color: #fff; }
.mm-nav-subitem.active::before { background: #fff; }

/* ============ إصلاح Checkboxes (RTL) ============ */
.mm-staff-check input[type="checkbox"],
.form-check-input,
.mm-radio input[type="radio"] {
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin: 0 !important;
  cursor: pointer;
  accent-color: var(--mm-primary);
}
.mm-staff-check { align-items: center; }
.mm-staff-check span { flex: 1; }
.form-check {
  display: flex; align-items: center; gap: .5rem;
  flex-direction: row;
}
.form-check-label { margin: 0; user-select: none; }
/* منع التمدد العام لأي input checkbox/radio */
input[type="checkbox"], input[type="radio"] {
  width: 18px; height: 18px; flex-shrink: 0;
}

/* ============ لمسات احترافية إضافية ============ */
/* انتقال ناعم لتبديل الثيم */
* { transition: background-color .25s ease, border-color .25s ease, color .15s ease; }
.mm-action-card, .mm-stat-card, .mm-nav-item, .mm-btn, .mm-nav-subitem { transition: all .2s cubic-bezier(.4,0,.2,1); }

/* تحسين قراءة النصوص - ارتفاع سطر مريح */
body { letter-spacing: .01em; }
.mm-table tbody td { line-height: 1.5; }

/* حدود أنعم للبطاقات */
.mm-card { border: 1px solid var(--mm-border); }
.mm-stat-card { border: 1px solid var(--mm-border); }

/* تقليل حدّة الظلال الملونة */
.mm-btn-primary { box-shadow: 0 2px 8px rgba(59,111,176,.2); }
.mm-btn-primary:hover { box-shadow: 0 4px 14px rgba(59,111,176,.28); }

/* الشريط الجانبي - فاصل أنعم */
.mm-sidebar { border-left: 1px solid var(--mm-border); }

/* تحسين التباين للنصوص الخفيفة */
.mm-stat-label { color: var(--mm-text-soft); opacity: .85; }
.mm-page-sub { opacity: .9; }

/* hover أنعم للصفوف */
.mm-table tbody tr:hover { background: var(--mm-primary-soft); }

/* الأزرار السريعة - تأثير لمعان أخف */
.mm-action-card::after { background: rgba(255,255,255,.07); }

/* ============ تحسينات النماذج النهائية ============ */
/* توزيع الـ radio buttons بالتساوي */
.d-flex.gap-3 > .mm-radio,
.d-flex.gap-2 > .mm-radio { flex: 1; }

/* مسافة أفضل بين عناصر النموذج */
.mm-modal-body .row { margin-bottom: .3rem; }
.mm-modal-body .mm-form-group:last-child { margin-bottom: 0; }

/* عنوان القسم بمسافة أوضح */
.mm-share-title { margin-bottom: 1rem; display: flex; align-items: center; gap: .5rem; }

/* الحقول الرقمية محاذاة لليمين في RTL */
.mm-form-control[type="number"] { text-align: right; }

/* تحسين النص داخل الحقول */
.mm-form-control::placeholder { color: var(--mm-muted); opacity: .7; }

/* قسم الموظفين: ارتفاع متساوي للبطاقات */
.mm-share-section .row { align-items: stretch; }
.mm-share-section .col-md-4 { display: flex; }

/* عنوان داخل المودال أوضح */
.mm-modal-body .mm-form-label { margin-bottom: .4rem; }

/* ============ محدد الفرع في الشريط العلوي ============ */
.mm-branch-selector {
  display: flex; align-items: center; gap: .5rem;
  padding: .35rem .85rem;
  background: var(--mm-primary-soft);
  border: 1.5px solid var(--mm-primary-light);
  border-radius: 12px;
  transition: all .15s;
}
.mm-branch-selector:hover { border-color: var(--mm-primary); }
.mm-branch-selector i { color: var(--mm-primary); font-size: .9rem; }
.mm-branch-selector select {
  border: none; background: transparent;
  font-size: .88rem; font-weight: 600; color: var(--mm-primary);
  font-family: inherit; cursor: pointer; outline: none;
  padding: .15rem .2rem; min-width: 110px;
}
.mm-branch-selector select option { color: var(--mm-text); font-weight: 500; }
@media (max-width: 768px) {
  .mm-branch-selector select { min-width: 80px; font-size: .8rem; }
}

/* ============ ترقيم الصفحات (Pager) ============ */
.mm-pager {
  display: flex; align-items: center; justify-content: space-between;
  padding: 1rem 1.5rem; flex-wrap: wrap; gap: 1rem;
  border-top: 1px solid var(--mm-border-soft);
}
.mm-pager-info { font-size: .85rem; color: var(--mm-muted); font-weight: 500; }
.mm-pager-controls { display: flex; align-items: center; gap: .3rem; }
.mm-pager-btn {
  min-width: 38px; height: 38px;
  display: flex; align-items: center; justify-content: center;
  padding: 0 .5rem;
  border: 1.5px solid var(--mm-border);
  background: var(--mm-card); color: var(--mm-text-soft);
  border-radius: 10px; font-size: .88rem; font-weight: 600;
  cursor: pointer; transition: all .15s;
}
.mm-pager-btn:hover:not(:disabled):not(.active) {
  border-color: var(--mm-primary); background: var(--mm-primary-soft); color: var(--mm-primary);
}
.mm-pager-btn.active {
  background: var(--mm-primary); color: #fff; border-color: var(--mm-primary);
  box-shadow: 0 2px 8px rgba(59,111,176,.25);
}
.mm-pager-btn:disabled { opacity: .4; cursor: not-allowed; }
.mm-pager-dots { padding: 0 .3rem; color: var(--mm-muted); font-weight: 700; }
@media (max-width: 768px) {
  .mm-pager { justify-content: center; }
  .mm-pager-info { width: 100%; text-align: center; }
}

/* ============ المساعد الذكي (الشات) ============ */
.mm-chat-container {
  display: flex; flex-direction: column;
  height: calc(100vh - 200px); min-height: 400px;
  background: var(--mm-card); border-radius: var(--mm-radius);
  border: 1px solid var(--mm-border); overflow: hidden;
}
.mm-chat-messages {
  flex: 1; overflow-y: auto; padding: 1.5rem;
  display: flex; flex-direction: column; gap: 1rem;
}
.mm-chat-welcome { text-align: center; margin: auto; color: var(--mm-text-soft); }
.mm-chat-welcome h4 { color: var(--mm-text); margin-bottom: 1.25rem; }
.mm-chat-suggestions { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: center; max-width: 480px; }
.mm-chat-chip {
  padding: .6rem 1rem; border: 1.5px solid var(--mm-border);
  background: var(--mm-bg); color: var(--mm-text); border-radius: 20px;
  font-size: .85rem; cursor: pointer; transition: all .15s; font-family: inherit;
}
.mm-chat-chip:hover { border-color: var(--mm-primary); background: var(--mm-primary-soft); color: var(--mm-primary); }

.mm-chat-msg { display: flex; gap: .75rem; max-width: 85%; }
.mm-chat-msg.user { flex-direction: row-reverse; align-self: flex-start; margin-right: auto; }
.mm-chat-msg.assistant { align-self: flex-start; }
.mm-chat-avatar {
  width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: var(--mm-primary-soft); font-size: 1.1rem;
}
.mm-chat-bubble {
  padding: .85rem 1.1rem; border-radius: 16px; line-height: 1.6;
  font-size: .92rem; white-space: pre-wrap; word-break: break-word;
}
.mm-chat-msg.user .mm-chat-bubble {
  background: var(--mm-primary); color: #fff; border-top-right-radius: 4px;
}
.mm-chat-msg.assistant .mm-chat-bubble {
  background: var(--mm-bg); color: var(--mm-text); border-top-left-radius: 4px;
  border: 1px solid var(--mm-border-soft);
}
.mm-chat-typing { display: flex; gap: 4px; align-items: center; }
.mm-chat-typing span {
  width: 8px; height: 8px; border-radius: 50%; background: var(--mm-muted);
  animation: mm-typing 1.4s infinite ease-in-out;
}
.mm-chat-typing span:nth-child(2) { animation-delay: .2s; }
.mm-chat-typing span:nth-child(3) { animation-delay: .4s; }
@@keyframes mm-typing {
  0%, 60%, 100% { transform: translateY(0); opacity: .4; }
  30% { transform: translateY(-6px); opacity: 1; }
}
.mm-chat-input {
  display: flex; gap: .6rem; padding: 1rem 1.25rem;
  border-top: 1px solid var(--mm-border); background: var(--mm-card);
}
.mm-chat-input input {
  flex: 1; padding: .75rem 1rem; border: 1.5px solid var(--mm-border);
  border-radius: 12px; font-size: .92rem; font-family: inherit;
  background: var(--mm-bg); color: var(--mm-text); outline: none;
}
.mm-chat-input input:focus { border-color: var(--mm-primary); }
.mm-chat-input .mm-btn { padding: .75rem 1.1rem; }

/* شارة AI في القائمة */
.mm-nav-ai-badge {
  margin-right: auto; font-size: .65rem; font-weight: 700;
  background: linear-gradient(135deg,#7e64b5,#5b8fc7); color: #fff;
  padding: .15rem .45rem; border-radius: 6px; letter-spacing: .5px;
}

/* ============ شجرة الحسابات (Tree) ============ */
.mm-tree { display: flex; flex-direction: column; }
.mm-tree-node { display: flex; flex-direction: column; }
.mm-tree-node.root > .mm-tree-row { background: var(--mm-primary-soft); font-weight: 600; border-radius: 10px; margin-bottom: .3rem; }
.mm-tree-row {
  display: flex; align-items: center; gap: .6rem;
  padding: .6rem .8rem; border-radius: 8px;
  transition: background .12s; position: relative;
}
.mm-tree-row:hover { background: var(--mm-bg); }
.mm-tree-node.root > .mm-tree-row:hover { background: var(--mm-primary-light); }

.mm-tree-toggle {
  width: 24px; height: 24px; flex-shrink: 0;
  border: none; background: transparent; cursor: pointer;
  color: var(--mm-text-soft); border-radius: 6px;
  display: flex; align-items: center; justify-content: center;
  font-size: .75rem; transition: all .12s;
}
.mm-tree-toggle:hover { background: var(--mm-primary-soft); color: var(--mm-primary); }
.mm-tree-leaf {
  width: 24px; flex-shrink: 0; text-align: center;
  color: var(--mm-muted); font-size: .4rem;
}
.mm-tree-code {
  font-family: monospace; font-weight: 700; font-size: .82rem;
  min-width: 48px; padding: .1rem .4rem; border-radius: 5px;
}
.mm-tree-code.sec-asset { color: #4a9b7f; background: var(--mm-success-soft); }
.mm-tree-code.sec-liab  { color: #c99343; background: var(--mm-warning-soft); }
.mm-tree-code.sec-rev   { color: #3b6fb0; background: var(--mm-primary-soft); }
.mm-tree-code.sec-exp   { color: #c1675f; background: var(--mm-danger-soft); }

.mm-tree-name { flex: 1; font-size: .9rem; }
.mm-tree-name.group { font-weight: 600; }
.mm-tree-balance {
  font-family: monospace; font-weight: 600; font-size: .85rem;
  color: var(--mm-text); min-width: 100px; text-align: left;
}
.mm-tree-actions { display: flex; gap: .2rem; opacity: 0; transition: opacity .12s; }
.mm-tree-row:hover .mm-tree-actions { opacity: 1; }
.mm-tree-act {
  width: 28px; height: 28px; border: none; background: transparent;
  cursor: pointer; border-radius: 6px; color: var(--mm-text-soft);
  display: flex; align-items: center; justify-content: center; font-size: .75rem;
  transition: all .12s;
}
.mm-tree-act:hover { background: var(--mm-primary-soft); color: var(--mm-primary); }
.mm-tree-act.danger:hover { background: var(--mm-danger-soft); color: var(--mm-danger); }
@media (max-width: 768px) {
  .mm-tree-balance { min-width: 70px; font-size: .78rem; }
  .mm-tree-actions { opacity: 1; }
}

/* ============ تقرير الوفد (ورقة بيضاء دائماً — للطباعة) ============ */
.report-wrapper {
  background: #ffffff !important;
  color: #1a1f2e !important;
  max-width: 900px; margin: 0 auto;
  padding: 2.5rem 3rem; border-radius: 14px;
  box-shadow: 0 4px 24px rgba(0,0,0,.08);
  font-family: 'Cairo', 'Segoe UI', sans-serif;
  line-height: 1.6;
}
/* كل عناصر التقرير ألوانها ثابتة بغض النظر عن الوضع */
.report-wrapper * { color: inherit; }

.report-header {
  display: flex; align-items: center; gap: 1.25rem;
  padding-bottom: 1.5rem; margin-bottom: 1.5rem;
  border-bottom: 3px solid #3b6fb0;
}
.report-logo {
  font-size: 2.5rem; width: 64px; height: 64px;
  display: flex; align-items: center; justify-content: center;
  background: #eef3fa; border-radius: 14px; flex-shrink: 0;
}
.report-title { font-size: 1.6rem; font-weight: 800; color: #1a1f2e !important; margin: 0; }
.report-subtitle { font-size: 1.05rem; font-weight: 600; color: #3b6fb0 !important; margin: .2rem 0 0; }
.report-meta { margin-right: auto; text-align: left; font-size: .82rem; color: #555 !important; }
.report-meta strong { color: #1a1f2e !important; }

.report-section { margin-bottom: 1.75rem; }
.report-section-title {
  font-size: 1.05rem; font-weight: 700; color: #1a1f2e !important;
  padding: .5rem .85rem; background: #f3f6fb; border-right: 4px solid #3b6fb0;
  border-radius: 6px; margin-bottom: 1rem;
}

/* بطاقات الملخص التنفيذي */
.exec-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.exec-box {
  padding: 1.1rem; border-radius: 12px; text-align: center;
  border: 1.5px solid #e5e9f0; background: #fafbfd;
}
.exec-box.revenue { border-color: #2e9b7f; background: #effaf6; }
.exec-box.expense { border-color: #c1675f; background: #fdf2f1; }
.exec-box.profit  { border-color: #3b6fb0; background: #eef3fa; }
.exec-box.loss    { border-color: #c1675f; background: #fdf2f1; }
.exec-box.final   { border-color: #c99343; background: #fef8ee; }
.exec-label { font-size: .78rem; color: #666 !important; margin-bottom: .4rem; }
.exec-value { font-size: 1.3rem; font-weight: 800; color: #1a1f2e !important; }
.exec-sub { font-size: .72rem; color: #888 !important; margin-top: .3rem; }

/* جداول التقرير */
.r-table { width: 100%; border-collapse: collapse; font-size: .85rem; }
.r-table thead th {
  background: #f3f6fb; color: #1a1f2e !important; font-weight: 700;
  padding: .65rem .8rem; text-align: right; border-bottom: 2px solid #d8e0ec;
}
.r-table tbody td { padding: .6rem .8rem; border-bottom: 1px solid #eef1f6; color: #2a2f3e !important; }
.r-table tbody tr:nth-child(even) { background: #fafbfd; }
.r-table tfoot td {
  padding: .7rem .8rem; font-weight: 800; color: #1a1f2e !important;
  background: #eef3fa; border-top: 2px solid #3b6fb0;
}

/* شارات نوع العملية */
.r-badge { padding: .2rem .55rem; border-radius: 6px; font-size: .72rem; font-weight: 700; }
.r-badge.ipd { background: #e3effc; color: #2563a8 !important; }
.r-badge.opd { background: #e6f7ef; color: #1f8a5f !important; }
.r-badge.injection { background: #f3e8fc; color: #8b4db5 !important; }

.report-footer {
  display: flex; justify-content: space-between;
  padding-top: 1.25rem; margin-top: 1.5rem;
  border-top: 1px solid #e5e9f0; font-size: .78rem; color: #888 !important;
}

/* عند الطباعة: بدون ظلال وهوامش */
@media print {
  /* إخفاء كل عناصر التطبيق عند الطباعة */
  .no-print,
  .mm-topbar,
  .mm-sidebar,
  .mm-nav,
  .mm-brand,
  .mm-branch-selector,
  .mm-user-chip,
  .mm-icon-btn,
  .mm-topbar-actions,
  .mm-page-header { display: none !important; }

  /* المحتوى ياخذ الصفحة كاملة بدون هوامش التطبيق */
  .mm-shell,
  .mm-main { margin: 0 !important; padding: 0 !important; display: block !important; }
  .mm-content { padding: 0 !important; margin: 0 !important; max-width: 100% !important; animation: none !important; }

  /* التقرير: ورقة نظيفة */
  .report-wrapper {
    box-shadow: none !important; padding: .5rem 1rem !important;
    max-width: 100% !important; margin: 0 !important; border-radius: 0 !important;
  }

  /* خلفية بيضاء + إجبار طباعة الألوان */
  body, html {
    background: #fff !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* تجنّب قطع الجداول بين الصفحات */
  table { page-break-inside: auto; }
  tr { page-break-inside: avoid; page-break-after: auto; }
  .report-section { page-break-inside: avoid; }

  @page { margin: 1cm; }
}

/* جدول التسوية + صفوف خاصة في التقرير */
.settlement-table { width: 100%; border-collapse: collapse; font-size: .85rem; }
.settlement-table th {
  background: #f3f6fb; color: #1a1f2e !important; font-weight: 700;
  padding: .65rem .8rem; text-align: right; border-bottom: 2px solid #d8e0ec;
}
.settlement-table td { padding: .6rem .8rem; border-bottom: 1px solid #eef1f6; color: #2a2f3e !important; }
.settlement-table .subtotal-row td { background: #f7f9fc; font-weight: 700; color: #1a1f2e !important; }
.settlement-table .final-row td,
.r-table .final-row td {
  background: #eef3fa !important; font-weight: 800; color: #1a1f2e !important;
  border-top: 2px solid #3b6fb0; font-size: .95rem;
}
.settlement-table .separator td { padding: .2rem; background: transparent; border: none; }

/* مبالغ موجبة/سالبة داخل التقرير */
.report-wrapper .amt-positive { color: #1f8a5f !important; font-weight: 700; }
.report-wrapper .amt-negative { color: #c1675f !important; font-weight: 700; }
.report-wrapper .ps-3 { padding-right: 1rem; }
.report-wrapper .fw-semibold { font-weight: 600; }

/* تجاوب جداول التقرير على الشاشات الصغيرة */
.report-section { overflow-x: auto; }
.r-table, .settlement-table { min-width: 600px; }
@media (max-width: 768px) {
  .report-wrapper { padding: 1.25rem; }
  .exec-grid { grid-template-columns: repeat(2, 1fr); }
  .report-header { flex-wrap: wrap; }
  .report-meta { margin-right: 0; width: 100%; text-align: right; margin-top: .75rem; }
}

/* ============ تخطيط مدمج وعملي (استغلال المساحة) ============ */

/* رأس الصفحة: أصغر وأكثر إحكاماً */
.mm-page-header {
  margin-bottom: 1rem !important;
  padding-bottom: .85rem;
  border-bottom: 1px solid var(--mm-border-soft);
}
.mm-page-title {
  font-size: 1.25rem !important;   /* كان 1.6 */
  font-weight: 700 !important;
}
.mm-page-sub {
  font-size: .8rem !important;
  margin-top: .1rem !important;
}

/* شريط الفلتر المدمج — بدون بطاقة كبيرة، سطر واحد نظيف */
.mm-filter-bar {
  display: flex; align-items: center; gap: .6rem;
  flex-wrap: wrap; margin-bottom: 1rem;
  padding: .65rem .85rem;
  background: var(--mm-card);
  border: 1px solid var(--mm-border);
  border-radius: 12px;
}
.mm-filter-bar .mm-form-control,
.mm-filter-bar .mm-form-select {
  height: 38px; margin: 0;
}
.mm-filter-bar .filter-grow { flex: 1; min-width: 180px; }
.mm-filter-bar .filter-fixed { width: 160px; }
.mm-filter-bar .mm-form-label { display: none; } /* نشيل الـ labels لتوفير المساحة */

/* عندما يُستخدم mm-card كفلتر: نضغط المساحة الداخلية */
.mm-card.mm-filter-card { margin-bottom: 1rem; }
.mm-card.mm-filter-card .mm-card-body { padding: .7rem .9rem; }
.mm-card.mm-filter-card .mm-form-label {
  font-size: .72rem; margin-bottom: .2rem; opacity: .7;
}
.mm-card.mm-filter-card .mm-form-control,
.mm-card.mm-filter-card select { height: 38px; }

/* الهيدر العلوي: استغلال أفضل — عنوان الصفحة يبان أوضح */
.mm-topbar-title strong { font-size: 1rem; font-weight: 700; }
.mm-topbar-title span { font-size: .72rem; opacity: .7; }

/* محتوى الصفحة: هوامش أقل = مساحة أكبر للبيانات */
.mm-content { padding: 1.25rem 1.5rem !important; }

@media (max-width: 768px) {
  .mm-filter-bar { flex-direction: column; align-items: stretch; }
  .mm-filter-bar .filter-fixed { width: 100%; }
  .mm-content { padding: 1rem !important; }
}

/* ══════════════════════════════════════════════════════════
   ترقية احترافية — هوية بصرية قوية + استغلال أمثل للمساحة
   ══════════════════════════════════════════════════════════ */

/* ---- 1. الطباعة: خط عربي احترافي + مقياس دقيق ---- */
html, body {
  font-family: 'IBM Plex Sans Arabic', 'Cairo', system-ui, sans-serif !important;
  font-size: 14px !important;
  letter-spacing: -0.01em;
}
.mm-page-title,
.mm-brand-text strong,
.mm-stat-value,
h1, h2, h3, h4 {
  font-family: 'Cairo', sans-serif !important;
  letter-spacing: -0.02em;
}

/* ---- 2. هوية لونية أعمق (يتجاوز القديم) ---- */
:root {
  --mm-primary: #2563a8;
  --mm-primary-dark: #1d4e85;
  --mm-secondary: #4d96c4;
  --mm-radius: 14px;
  --mm-radius-sm: 9px;
  --mm-sidebar-w: 252px;
  --mm-topbar-h: 60px;
  --mm-ink: #1e2a3d;
}

/* ---- 3. الشريط الجانبي: أنظف وأكثف ---- */
.mm-sidebar { box-shadow: 1px 0 0 var(--mm-border-soft); }
.mm-brand { padding: 1.15rem 1.35rem 1rem; }
.mm-brand-icon {
  width: 42px; height: 42px; border-radius: 12px;
  box-shadow: 0 4px 14px rgba(37,99,235,.28);
}
.mm-brand-text strong { font-size: 1rem; font-weight: 800; }
.mm-nav { padding: .5rem .7rem; }
.mm-nav-item {
  padding: .62rem .85rem; font-size: .875rem; font-weight: 600;
  border-radius: 10px; margin-bottom: 1px;
}
.mm-nav-item.active {
  box-shadow: 0 4px 14px rgba(37,99,235,.28);
}
.mm-nav-item i { width: 20px; font-size: .95rem; }
.mm-nav-parent { padding: .62rem .85rem; font-size: .875rem; border-radius: 10px; }
.mm-nav-group .mm-nav-item { padding-right: 2.4rem; font-size: .83rem; }

/* ---- 4. الهيدر العلوي: زجاجي ومحكم ---- */
.mm-topbar {
  height: var(--mm-topbar-h);
  padding: 0 1.5rem;
  box-shadow: 0 1px 0 var(--mm-border-soft);
}
.mm-topbar-title strong { font-size: .98rem; font-weight: 700; color: var(--mm-text); }
.mm-topbar-title span { font-size: .7rem; }
.mm-branch-selector,
.mm-icon-btn,
.mm-user-chip { height: 38px; }
.mm-icon-btn {
  width: 38px; border-radius: 10px;
  border: 1px solid var(--mm-border); background: var(--mm-card);
  transition: all .15s;
}
.mm-icon-btn:hover { border-color: var(--mm-primary); color: var(--mm-primary); }

/* ---- 5. المحتوى: مساحة أوسع، هوامش محسوبة ---- */
.mm-content { padding: 1.4rem 1.6rem !important; max-width: 1600px; }

/* ---- 6. البطاقات: حواف أدق وظل أنعم ---- */
.mm-card {
  border-radius: var(--mm-radius);
  border: 1px solid var(--mm-border);
  box-shadow: 0 1px 2px rgba(30,42,61,.04), 0 4px 16px rgba(30,42,61,.04);
  margin-bottom: 1.1rem;
}
.mm-card-body { padding: 1.25rem; }

/* ---- 7. بطاقات الإحصاء: مدمجة وأنيقة ---- */
.mm-stats-grid { gap: .85rem; }
.mm-stat-card {
  padding: 1.1rem 1.25rem; border-radius: var(--mm-radius);
  border: 1px solid var(--mm-border);
  box-shadow: 0 1px 2px rgba(30,42,61,.04);
}
.mm-stat-card::before { width: 4px; }
.mm-stat-label { font-size: .78rem; font-weight: 600; color: var(--mm-text-soft); }
.mm-stat-value {
  font-size: 1.55rem; font-weight: 800; color: var(--mm-ink);
  letter-spacing: -.03em; line-height: 1.2; margin-top: .15rem;
}
.mm-stat-sub { font-size: .72rem; color: var(--mm-muted); margin-top: .15rem; }
[data-theme="dark"] .mm-stat-value { color: var(--mm-text); }

/* ---- 8. الجداول: كثافة احترافية + قراءة مريحة ---- */
.mm-table thead th {
  padding: .7rem 1rem; font-size: .72rem; font-weight: 700;
  letter-spacing: .02em; background: var(--mm-bg);
  border-bottom: 1px solid var(--mm-border);
}
.mm-table tbody td { padding: .72rem 1rem; font-size: .86rem; }
.mm-table tbody tr:hover { background: var(--mm-primary-soft); }

/* ---- 9. الأزرار: حضور أقوى ---- */
.mm-btn {
  padding: .55rem 1.05rem; font-size: .86rem; font-weight: 600;
  border-radius: 10px; letter-spacing: -.01em;
}
.mm-btn-primary {
  background: linear-gradient(135deg, var(--mm-primary), var(--mm-primary-dark));
  border: none; box-shadow: 0 3px 12px rgba(37,99,235,.24);
}
.mm-btn-primary:hover { box-shadow: 0 5px 18px rgba(37,99,235,.34); transform: translateY(-1px); }
.mm-btn-sm { padding: .4rem .7rem; font-size: .78rem; }

/* ---- 10. الشارات: أنظف ---- */
.mm-badge { padding: .26rem .65rem; font-size: .72rem; font-weight: 700; }

/* ---- 11. النماذج: حقول أنيقة ---- */
.mm-form-control {
  padding: .55rem .85rem; border-radius: 10px; font-size: .88rem;
  border: 1.5px solid var(--mm-border);
}
.mm-form-control:focus {
  border-color: var(--mm-primary);
  box-shadow: 0 0 0 3px var(--mm-primary-soft);
}
.mm-form-label { font-size: .8rem; font-weight: 600; margin-bottom: .35rem; }

/* ---- 12. رأس الصفحة: متماسك ---- */
.mm-page-header { margin-bottom: 1.1rem; padding-bottom: .9rem; }
.mm-page-title { font-size: 1.3rem; font-weight: 800; }
.mm-page-sub { font-size: .82rem; }

/* ---- 13. لمسات دقيقة: تمرير ناعم + تحديد ---- */
* { scrollbar-width: thin; scrollbar-color: var(--mm-border) transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: var(--mm-border); border-radius: 8px; }
*::-webkit-scrollbar-thumb:hover { background: var(--mm-muted); }
::selection { background: var(--mm-primary-light); color: var(--mm-primary-dark); }

/* ---- 14. حركة دخول ناعمة للمحتوى ---- */
.mm-content > * { animation: mm-fade-in .35s ease both; }
@keyframes mm-fade-in {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .mm-content > * { animation: none; }
}

/* ---- 15. الأرقام المالية: محاذاة جدولية احترافية ---- */
.mm-stat-value, .mm-tree-balance, .mm-table td,
.amt-positive, .amt-negative, [class*="balance"] {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

/* ---- 16. أزرار الإجراءات السريعة (الدشبورد) ---- */
.mm-quick-actions { gap: .85rem; margin-bottom: 1.4rem; }
.mm-action-card {
  padding: 1rem 1.15rem; border-radius: var(--mm-radius);
  border: 1px solid var(--mm-border);
  box-shadow: 0 1px 2px rgba(30,42,61,.04);
  transition: all .2s cubic-bezier(.4,0,.2,1);
}
.mm-action-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(30,42,61,.1);
  border-color: var(--mm-primary);
}
.mm-action-icon {
  width: 44px; height: 44px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.2rem;
}

/* ---- 17. الأفاتار والشيب ---- */
.mm-avatar {
  border-radius: 10px;
  background: linear-gradient(135deg, var(--mm-primary-soft), var(--mm-primary-light));
  color: var(--mm-primary-dark); font-weight: 700;
}
.mm-user-chip {
  border: 1px solid var(--mm-border); border-radius: 10px;
  background: var(--mm-card); padding: 0 .65rem 0 .85rem;
}
.mm-user-avatar {
  width: 28px; height: 28px; border-radius: 8px;
  background: linear-gradient(135deg, var(--mm-primary), var(--mm-primary-dark));
  font-weight: 700; font-size: .8rem;
}

/* ---- 18. التبويبات والفلتر بار ---- */
.mm-filter-bar {
  box-shadow: 0 1px 2px rgba(30,42,61,.04);
  border-radius: var(--mm-radius);
}

/* ---- 19. الحالة الفارغة: أنيقة ---- */
.mm-empty {
  padding: 3rem 1.5rem; text-align: center; color: var(--mm-muted);
}
.mm-empty i { font-size: 2.5rem; opacity: .35; display: block; margin-bottom: .85rem; }

/* ---- 20. تماسك الوضع الليلي ---- */
[data-theme="dark"] .mm-table thead th { background: var(--mm-border-soft); }
[data-theme="dark"] .mm-btn-primary { box-shadow: 0 3px 12px rgba(0,0,0,.4); }
[data-theme="dark"] .mm-icon-btn:hover { background: var(--mm-primary-soft); }

/* ---- 21. إعادة تثبيت متغيّرات الدارك مود (بعد :root الجديد) ---- */
[data-theme="dark"] {
  --mm-primary: #5b8fc7;
  --mm-primary-dark: #4d7eb5;
  --mm-primary-soft: #2a3a52;
  --mm-primary-light: #3a5278;
  --mm-ink: #e4e8f0;
  --mm-secondary: #6ba3d0;
}

/* ============ تبويبات التقارير المالية ============ */
.mm-report-tabs {
  display: flex; gap: .4rem; flex-wrap: wrap; margin-bottom: 1rem;
  padding: .4rem; background: var(--mm-card);
  border: 1px solid var(--mm-border); border-radius: var(--mm-radius);
}
.mm-rtab {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .5rem .9rem; border: none; background: transparent;
  color: var(--mm-text-soft); font-size: .84rem; font-weight: 600;
  font-family: inherit; border-radius: 9px; cursor: pointer;
  transition: all .15s; white-space: nowrap;
}
.mm-rtab:hover { background: var(--mm-bg); color: var(--mm-text); }
.mm-rtab.active {
  background: linear-gradient(135deg, var(--mm-primary), var(--mm-primary-dark));
  color: #fff; box-shadow: 0 3px 10px rgba(37,99,235,.25);
}
.mm-rtab i { font-size: .82rem; }

/* عنوان قسم في التقرير */
.mm-rsection-title {
  padding: .75rem 1.25rem; font-size: .92rem; font-weight: 700;
  border-bottom: 1px solid var(--mm-border-soft);
  display: flex; align-items: center; gap: .5rem;
}
.mm-rsection-title.success { color: #4a9b7f; background: var(--mm-success-soft); }
.mm-rsection-title.danger  { color: #c1675f; background: var(--mm-danger-soft); }

/* شارة الفترة في الفلتر */
.mm-filter-lbl {
  display: inline-flex; align-items: center; gap: .4rem;
  font-size: .82rem; font-weight: 600; color: var(--mm-text-soft);
  white-space: nowrap;
}

/* حالة توازن الميزانية */
.mm-balance-status {
  display: flex; align-items: center; gap: .65rem; flex-wrap: wrap;
  padding: .85rem 1.25rem; border-radius: var(--mm-radius);
  font-weight: 700; font-size: .92rem;
}
.mm-balance-status.ok { background: var(--mm-success-soft); color: #2e7d5b; }
.mm-balance-status.warn { background: var(--mm-warning-soft); color: #9a6a1a; }
.mm-balance-status span {
  margin-right: auto; font-weight: 600; font-size: .82rem; opacity: .85;
  font-variant-numeric: tabular-nums;
}

/* ══════════════════════════════════════════════════════════
   التجاوب الشامل (Responsive) — موبايل · تابلت · ديسكتوب
   ══════════════════════════════════════════════════════════ */

/* ---- 1. الجداول: تمرير أفقي بدل الطفح ---- */
.mm-card-body:has(> .mm-table),
.mm-card-body:has(> table) { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.mm-card-body.p-0 { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.mm-table { min-width: 640px; }   /* تضمن قراءة مريحة، تتمرر أفقياً لو أصغر */
/* الجداول الصغيرة (عمودين-ثلاثة) ما تحتاج عرض كبير */
.mm-table.mm-table-sm { min-width: auto; }

/* ---- 2. التابلت (≤ 1024px) ---- */
@media (max-width: 1024px) {
  .mm-content { padding: 1.1rem 1.2rem !important; }
  .mm-stats-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ---- 3. الموبايل الكبير (≤ 768px) ---- */
@media (max-width: 768px) {
  .mm-content { padding: .9rem !important; }

  /* رأس الصفحة + الأكشن: عمودي */
  .mm-page-header { flex-direction: column; align-items: stretch; gap: .75rem; }
  .mm-page-header > div:last-child,
  .mm-page-header .d-flex { width: 100%; }
  .mm-page-header .mm-btn { flex: 1; justify-content: center; }
  .mm-page-title { font-size: 1.15rem; }

  /* الهيدر العلوي: مدمج */
  .mm-topbar { padding: 0 .85rem; gap: .5rem; }
  .mm-topbar-title { display: none; }   /* العنوان يبان برأس الصفحة */
  .mm-branch-selector { max-width: 130px; font-size: .78rem; }
  .mm-user-chip span { display: none; }  /* نخلي الأفاتار بس */

  /* البطاقات الإحصائية: عمود واحد أو اثنين */
  .mm-stats-grid { grid-template-columns: repeat(2, 1fr) !important; gap: .6rem; }
  .mm-stat-value { font-size: 1.25rem; }
  .mm-stat-label { font-size: .72rem; }

  /* الأعمدة المتجاورة (row/col) تتكدّس */
  .row > [class*="col-md-"] { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }

  /* تبويبات التقارير: تمرير أفقي */
  .mm-report-tabs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .mm-rtab { flex-shrink: 0; }

  /* المودال: عرض كامل تقريباً */
  .mm-modal { max-width: 95vw !important; margin: .5rem; }

  /* شريط الفلتر: عمودي */
  .mm-filter-bar { flex-direction: column; align-items: stretch; }
  .mm-filter-bar .filter-fixed,
  .mm-filter-bar .filter-grow { width: 100% !important; }
  .mm-filter-bar .mm-btn { width: 100%; justify-content: center; }

  /* الشجرة (الحسابات): إزاحة أقل */
  .mm-tree-balance { min-width: 70px; font-size: .76rem; }
  .mm-tree-actions { opacity: 1; }   /* الأزرار ظاهرة دائماً على اللمس */
}

/* ---- 4. الموبايل الصغير (≤ 480px) ---- */
@media (max-width: 480px) {
  .mm-stats-grid { grid-template-columns: 1fr !important; }
  .mm-content { padding: .7rem !important; }
  .mm-page-title { font-size: 1.05rem; }
  .mm-card-body { padding: .9rem; }

  /* الشات (المساعد الذكي) */
  .mm-chat-msg { max-width: 92%; }
  .mm-chat-container { height: calc(100vh - 160px); }

  /* الأزرار أصغر */
  .mm-btn { padding: .5rem .8rem; font-size: .82rem; }
}

/* ---- 5. لمسات للّمس (touch targets أكبر) ---- */
@media (hover: none) and (pointer: coarse) {
  .mm-btn, .mm-nav-item, .mm-rtab, .mm-tree-toggle, .mm-icon-btn {
    min-height: 40px;   /* أسهل للّمس */
  }
  .mm-table tbody td { padding: .85rem 1rem; }  /* صفوف أوسع للّمس */
}

/* ============ صفحة صرف المستحقات ============ */
.mm-payout-alert {
  display: flex; align-items: center; gap: .6rem;
  padding: .8rem 1.1rem; border-radius: var(--mm-radius);
  font-weight: 600; font-size: .88rem; margin-bottom: 1rem;
}
.mm-payout-alert.ok  { background: var(--mm-success-soft); color: #2e7d5b; }
.mm-payout-alert.err { background: var(--mm-danger-soft); color: #b91c1c; }

.mm-payout-target {
  display: flex; align-items: center; gap: .85rem;
  padding: 1rem; border-radius: var(--mm-radius);
  background: var(--mm-primary-soft);
}
.mm-payout-target i {
  width: 42px; height: 42px; border-radius: 11px;
  display: flex; align-items: center; justify-content: center;
  background: var(--mm-primary); color: #fff; font-size: 1.1rem; flex-shrink: 0;
}
.mm-payout-target strong { display: block; font-size: 1rem; }
.mm-payout-target span { font-size: .8rem; color: var(--mm-text-soft); }

/* ============ شارة الرمز (كود الطبيب/الموظف/الوفد) ============ */
.mm-code-badge {
  display: inline-flex; align-items: center;
  padding: .12rem .5rem; border-radius: 6px;
  font-family: 'IBM Plex Sans Arabic', monospace; font-size: .72rem; font-weight: 700;
  background: var(--mm-primary-soft); color: var(--mm-primary);
  letter-spacing: .02em; white-space: nowrap;
}
[data-theme="dark"] .mm-code-badge { background: var(--mm-primary-soft); color: var(--mm-primary-light); }

/* ============ شاشة الصلاحيات (عرض هرمي احترافي) ============ */
.mm-perm-group {
  border: 1px solid var(--mm-border);
  border-radius: var(--mm-radius);
  margin-bottom: .85rem;
  overflow: hidden;
}
.mm-perm-group-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: .7rem 1rem;
  background: var(--mm-bg);
  border-bottom: 1px solid var(--mm-border-soft);
}
.mm-perm-group-title {
  display: flex; align-items: center; gap: .55rem;
  font-weight: 700; font-size: .9rem; color: var(--mm-text);
}
.mm-perm-group-title i { color: var(--mm-primary); font-size: .85rem; }
.mm-perm-count {
  font-size: .72rem; font-weight: 600;
  padding: .12rem .5rem; border-radius: 20px;
  background: var(--mm-primary-soft); color: var(--mm-primary);
  font-variant-numeric: tabular-nums;
}
.mm-perm-toggle-all {
  border: 1px solid var(--mm-border); background: var(--mm-card);
  color: var(--mm-primary); font-size: .75rem; font-weight: 600;
  padding: .3rem .7rem; border-radius: 8px; cursor: pointer;
  font-family: inherit; transition: all .15s; white-space: nowrap;
}
.mm-perm-toggle-all:hover { background: var(--mm-primary-soft); border-color: var(--mm-primary); }

.mm-perm-list { padding: .4rem .5rem; display: flex; flex-direction: column; gap: 1px; }
.mm-perm-item {
  display: flex !important; align-items: center; gap: .6rem;
  padding: .45rem .65rem !important; border-radius: 9px; cursor: pointer;
  transition: background .12s; margin-bottom: 0 !important;
  border: none !important; background: transparent !important;
  min-height: auto !important; width: 100% !important;
}
.mm-perm-item:hover { background: var(--mm-bg) !important; }
.mm-perm-item.child { padding-right: 2rem !important; }
.mm-perm-item input[type="checkbox"] {
  width: 17px !important; height: 17px !important;
  accent-color: var(--mm-primary); cursor: pointer; flex-shrink: 0; margin: 0;
}
.mm-perm-name { font-size: .85rem; font-weight: 500; color: var(--mm-text); }
.mm-perm-item.parent .mm-perm-name { font-weight: 700; }
.mm-perm-child-icon {
  font-size: .65rem; color: var(--mm-muted);
  margin-left: .3rem; transform: scaleX(-1);
}
.mm-perm-check { display: none !important; }

/* ============ رسالة خطأ التقرير (بارزة وواضحة) ============ */
.mm-report-error {
  display: flex; align-items: center; gap: .85rem;
  padding: 1rem 1.25rem; margin-bottom: 1rem;
  background: var(--mm-danger-soft);
  border: 1px solid #f0a8a8; border-right: 4px solid #d14343;
  border-radius: var(--mm-radius); color: #b91c1c;
}
.mm-report-error > i { font-size: 1.3rem; flex-shrink: 0; }
.mm-report-error > div { flex: 1; display: flex; flex-direction: column; gap: .15rem; }
.mm-report-error strong { font-size: .92rem; font-weight: 700; }
.mm-report-error span { font-size: .82rem; opacity: .85; }
.mm-report-error-close {
  background: none; border: none; color: #b91c1c; font-size: 1.4rem;
  cursor: pointer; padding: 0 .3rem; line-height: 1; opacity: .6;
}
.mm-report-error-close:hover { opacity: 1; }
[data-theme="dark"] .mm-report-error { background: rgba(220,38,38,.15); border-color: rgba(220,38,38,.4); color: #fca5a5; }
[data-theme="dark"] .mm-report-error-close { color: #fca5a5; }

/* ============ أزرار وصول الصناديق ============ */
.mm-access-options { display: flex; gap: .4rem; flex-wrap: wrap; }
.mm-access-btn {
  display: inline-flex; align-items: center; gap: .35rem;
  padding: .35rem .7rem; border-radius: 8px;
  border: 1px solid var(--mm-border); background: var(--mm-card);
  color: var(--mm-text-soft); font-size: .78rem; font-weight: 600;
  cursor: pointer; font-family: inherit; transition: all .15s; white-space: nowrap;
}
.mm-access-btn:hover { border-color: var(--mm-primary); }
.mm-access-btn.active.none { background: var(--mm-danger-soft); color: #b91c1c; border-color: #f0a8a8; }
.mm-access-btn.active.view { background: var(--mm-warning-soft, #fef3cd); color: #92660e; border-color: #f0d68a; }
.mm-access-btn.active.full { background: var(--mm-success-soft); color: #2e7d5b; border-color: #9fd9bf; }

/* ============ قسم عُهدة الوفد ============ */
.mm-custody-card { border-right: 3px solid var(--mm-primary); }
.mm-custody-head {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: .8rem; margin-bottom: .85rem;
}
.mm-custody-head h5 { font-size: 1rem; }
.mm-custody-head h5 i { color: var(--mm-primary); }
.mm-custody-sub { font-size: .78rem; color: var(--mm-text-soft); }
.mm-custody-actions { display: flex; gap: .5rem; }
.mm-custody-stats {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem;
}
.mm-custody-stat {
  display: flex; flex-direction: column; gap: .2rem;
  padding: .7rem .9rem; border-radius: 10px; background: var(--mm-bg);
}
.mm-custody-stat .lbl { font-size: .75rem; color: var(--mm-text-soft); }
.mm-custody-stat .val { font-size: 1.05rem; font-weight: 700; font-variant-numeric: tabular-nums; }
@media (max-width: 600px) { .mm-custody-stats { grid-template-columns: 1fr; } }

/* ============ مودال التأكيد الموحّد ============ */
.mm-confirm { text-align: center; padding: 1.8rem 1.5rem 1.4rem; }
.mm-confirm-icon {
  width: 64px; height: 64px; margin: 0 auto 1rem;
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  background: var(--mm-primary-soft); color: var(--mm-primary); font-size: 1.7rem;
}
.mm-confirm-icon.danger { background: var(--mm-danger-soft); color: #d14343; }
.mm-confirm-title { font-size: 1.1rem; font-weight: 700; margin-bottom: .5rem; color: var(--mm-text); }
.mm-confirm-msg { font-size: .88rem; color: var(--mm-text-soft); margin-bottom: 1.4rem; line-height: 1.6; }
.mm-confirm-actions { display: flex; gap: .7rem; justify-content: center; }
.mm-confirm-actions .mm-btn { min-width: 110px; }

/* ============ شريط البحث ============ */
.mm-search-bar {
  display: flex; align-items: center; gap: .6rem;
  background: var(--mm-card); border: 1px solid var(--mm-border);
  border-radius: var(--mm-radius); padding: .1rem .9rem;
}
.mm-search-bar > i { color: var(--mm-muted); font-size: .9rem; }
.mm-search-bar input {
  border: none !important; background: transparent !important;
  flex: 1; padding: .6rem 0 !important; box-shadow: none !important;
}
.mm-search-bar input:focus { outline: none; }
.mm-search-clear {
  border: none; background: none; color: var(--mm-muted); cursor: pointer;
  padding: .3rem; border-radius: 6px; font-size: .85rem;
}
.mm-search-clear:hover { background: var(--mm-bg); color: var(--mm-text); }

/* ============ تنبيه لوحة التحكم ============ */
.mm-dashboard-alert {
  display: flex; align-items: center; gap: 1rem;
  background: var(--mm-warning-soft, #fef3cd); border: 1px solid #f0d68a;
  border-right: 4px solid #d99e0b; border-radius: var(--mm-radius);
  padding: 1rem 1.25rem; margin: 1rem 0; cursor: pointer;
  transition: transform .12s;
}
.mm-dashboard-alert:hover { transform: translateX(-3px); }
.mm-dashboard-alert > i:first-child { font-size: 1.4rem; color: #92660e; flex-shrink: 0; }
.mm-dashboard-alert > div { flex: 1; display: flex; flex-direction: column; gap: .15rem; }
.mm-dashboard-alert strong { font-size: .92rem; color: #92660e; }
.mm-dashboard-alert span { font-size: .82rem; color: #a87d28; }
.mm-dashboard-alert-arrow { color: #92660e; opacity: .6; }
[data-theme="dark"] .mm-dashboard-alert { background: rgba(217,158,11,.12); border-color: rgba(217,158,11,.3); }

/* ============ مكوّن الحالة الفارغة ============ */
.mm-empty-state { text-align: center; padding: 3rem 1.5rem; }
.mm-empty-state > i { font-size: 2.6rem; color: var(--mm-muted); opacity: .35; display: block; margin-bottom: 1rem; }
.mm-empty-title { font-size: .95rem; font-weight: 600; color: var(--mm-text); margin-bottom: .3rem; }
.mm-empty-msg { font-size: .82rem; color: var(--mm-muted); margin-bottom: 1rem; }
.mm-empty-action { margin-top: 1rem; }

/* ============ أحجام المودال ============ */
.mm-modal-sm { max-width: 420px; }
.mm-modal-lg { max-width: 820px; }

/* ============ أيقونات شجرة الفروع ============ */
.mm-avatar-group { background: linear-gradient(135deg, #2563a8, #1e4f8a) !important; color: #fff !important; }
.mm-avatar-company { background: linear-gradient(135deg, #0d9488, #0f766e) !important; color: #fff !important; }