/* =========================================================================
   PCM CRM — هوية العلامة (Brand Identity Skin)
   -------------------------------------------------------------------------
   مستمَدّة مباشرةً من شعار PCM CRM:
     • الأخضر  #009444  (لون الشعار الأساسي)
     • الحبر   #231F20  (لون الشعار الداكن)
   نظام مؤسسي نظيف: خلفية رمادية فاتحة · بطاقات بيضاء · شريط جانبي داكن ·
   لمسات خضراء للتأكيد. تُحمَّل بعد app.css فتفوز بالـ cascade.
   لا تلمس engine.js. تدعم الوضع الداكن وRTL وتقليل الحركة.
   ========================================================================= */

/* ----------------------------------------------------------------------- *
 *  1) رموز الهوية
 * ----------------------------------------------------------------------- */
:root{
  /* ألوان الشعار */
  --brand:#009444;            /* أخضر PCM */
  --brand-600:#00803A;
  --brand-700:#006B31;
  --brand-soft:#E6F4EC;
  --brand-tint:#F2FAF6;
  --logo-ink:#231F20;         /* حبر الشعار */

  /* تعيين متغيّرات app.css على الهوية */
  --bg:#F4F6F8;               /* خلفية الصفحة */
  --surface:#FFFFFF;          /* البطاقات */
  --surface-2:#F7F9FA;
  --ink:#1A2027;              /* نص أساسي (مشتق من حبر الشعار) */
  --ink-2:#3C4650;
  --muted:#6B7683;
  --muted-2:#9AA4AF;
  --line:#E6EAEE;
  --line-2:#F0F3F5;
  --slate:#4A5560;
  --slate-soft:#F0F3F5;

  --primary:var(--brand);
  --primary-dark:var(--brand-600);
  --primary-soft:var(--brand-soft);
  --brass:var(--brand);       /* توحيد اللمسات على الأخضر */

  /* دلالات */
  --green:#009444; --green-soft:#E6F4EC;
  --red:#D92D20;   --red-soft:#FEE4E2;
  --amber:#DC6803; --amber-soft:#FEF0C7;
  --sky:#0B7EC8;   --sky-soft:#E0F2FE;

  /* سطح داكن (الشريط الجانبي والترويسات) */
  --nav:#1C2434;
  --nav-2:#28324A;

  --radius-card:14px;
  --radius-btn:10px;
  --ring:rgba(0,148,68,.22);
  --shadow-xs:0 1px 2px rgba(16,24,40,.05);
  --shadow-sm:0 1px 3px rgba(16,24,40,.08),0 1px 2px rgba(16,24,40,.04);
  --shadow-md:0 8px 20px -6px rgba(16,24,40,.14),0 3px 8px -4px rgba(16,24,40,.08);
  --shadow-lg:0 24px 48px -12px rgba(16,24,40,.24);
  --ease:cubic-bezier(.22,1,.36,1);
}
html[data-theme="dark"]{
  --bg:#0E141B;
  --surface:#161E28;
  --surface-2:#1C2632;
  --ink:#E8EDF2;
  --ink-2:#CBD5E0;
  --muted:#94A3B0;
  --muted-2:#6B7683;
  --line:#26313E;
  --line-2:#1F2933;
  --slate:#B4C0CC;
  --slate-soft:#1F2933;
  --brand-soft:#0C3A24;
  --primary-soft:#0C3A24;
  --brand-tint:#0A2C1C;
  --green-soft:#0C3A24; --red-soft:#3B1614; --amber-soft:#3A2408; --sky-soft:#0A2C42;
  --nav:#111823; --nav-2:#1C2634;
  --shadow-sm:0 1px 3px rgba(0,0,0,.5);
  --shadow-md:0 10px 26px -8px rgba(0,0,0,.65);
  --shadow-lg:0 26px 54px -14px rgba(0,0,0,.75);
}

/* ----------------------------------------------------------------------- *
 *  2) الخطوط — مؤسسية نظيفة (أرقام Sans لا Serif)
 * ----------------------------------------------------------------------- */
html[lang="ar"] body{font-family:'Tajawal','IBM Plex Sans Arabic',system-ui,sans-serif}
html[lang="en"] body{font-family:'Inter',system-ui,sans-serif}
/* توحيد كل الأرقام على Inter (تتجاوز أي font-family:Fraunces مضمّن) */
[style*="Fraunces"],[style*="fraunces"],
.kpi-value,.stat-card-val,.act-donut-num,.dl-pts,.dw-time,
.pcm-bc-r b,.pcm-bd-head .ttl b,.pcm-lb-pts,.pcm-lb-rank,.pcm-lb-av,
.pcm-fc-kpi b,.pcm-fc-scenbox b,.pcm-fc-row .val b,.pcm-fc-deal .v b,
.pcm-q-score b,.pcm-q-badge,.pcm-lx-sc,.pcm-lx-seg b,.pcm-og-st b,
.pcm-dl-days b,.pcm-lr-kpi b,.pcm-co-h .rd b,.pcm-co-row .rd,
.pcm-dc-tab b,.pcm-ac-lg,.pcm-wc-hero .clk{
  font-family:'Inter',system-ui,-apple-system,sans-serif!important;
  font-variant-numeric:tabular-nums;letter-spacing:-.02em;
}
.page-title{font-family:'Tajawal',sans-serif;font-weight:800;letter-spacing:-.01em}

/* ----------------------------------------------------------------------- *
 *  3) خلفية نظيفة (بلا شبكة/زخرفة)
 * ----------------------------------------------------------------------- */
body.pcm-app-body{background:var(--bg);background-image:none}
html[data-theme="dark"] body.pcm-app-body{background:var(--bg);background-image:none}

::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#CBD3DA;border-radius:8px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:var(--brand);background-clip:padding-box}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#2E3947;background-clip:padding-box}

/* ----------------------------------------------------------------------- *
 *  4) الترويسة العلوية
 * ----------------------------------------------------------------------- */
.app-header{
  height:60px;background:var(--nav);border-bottom:1px solid rgba(255,255,255,.06);
  box-shadow:0 1px 2px rgba(16,24,40,.06);position:sticky;top:0;z-index:50;
}
.header-nav-item{
  color:rgba(255,255,255,.72);border-radius:8px;font-weight:600;position:relative;padding:8px 14px;
  transition:color .16s var(--ease),background .16s;
}
.header-nav-item:hover{color:#fff;background:rgba(255,255,255,.07)}
.header-nav-item.active{color:#fff;background:rgba(0,148,68,.22)}
.header-nav-item.active::after{
  content:'';position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;background:var(--brand);
}
.header-icon-btn{transition:background .15s,transform .15s var(--ease)}
.header-icon-btn:hover{background:rgba(255,255,255,.09)}
.header-icon-btn .dot{border-color:var(--nav);background:var(--brand)}
.header-avatar{background:var(--brand);color:#fff;border-radius:9px;font-weight:800}
.header-avatar:hover{background:var(--brand-600)}
.lang-toggle{border-color:rgba(255,255,255,.16);border-radius:8px}
.lang-toggle button.active{background:var(--brand);color:#fff}

/* ----------------------------------------------------------------------- *
 *  5) رأس الصفحة
 * ----------------------------------------------------------------------- */
.breadcrumb{font-weight:600;color:var(--muted)}
.breadcrumb a{color:var(--brand)}
.page-title{font-size:26px;color:var(--ink)}
.page-title i{color:var(--brand);-webkit-text-fill-color:currentColor}
.page-title::before{content:none}

/* ----------------------------------------------------------------------- *
 *  6) البطاقات
 * ----------------------------------------------------------------------- */
.card,.chart-card,.table-wrap,.filter-panel,.set-card,.pref-card,.int-card,
.inv-card,.rule-card,.cal-wrap,.mk-list{
  border-radius:var(--radius-card);box-shadow:var(--shadow-sm);border-color:var(--line);
  transition:box-shadow .22s var(--ease),transform .22s var(--ease),border-color .18s;
}
.kpi-card{
  border-radius:var(--radius-card);box-shadow:var(--shadow-sm);background:var(--surface);
  position:relative;overflow:hidden;padding:20px;
  transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .18s;
}
.kpi-card::before{
  content:'';position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--brand);
  transform:scaleY(0);transform-origin:top;transition:transform .3s var(--ease);
}
.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.kpi-card:hover::before{transform:scaleY(1)}
.kpi-icon{
  background:var(--brand-soft);color:var(--brand);border-radius:10px;width:40px;height:40px;border:0;
  transition:transform .25s var(--ease);
}
.kpi-card:hover .kpi-icon{transform:scale(1.06)}
.kpi-label{font-size:13px;font-weight:700;color:var(--ink);text-transform:none;letter-spacing:0}
.kpi-value{font-size:32px;font-weight:700;color:var(--ink);margin-top:6px}
.kpi-trend,.trend-up{color:var(--brand);font-weight:700}
.trend-down{color:var(--red)}

.stat-card{border-radius:12px;box-shadow:var(--shadow-xs);background:var(--surface);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.stat-card-val{font-size:26px;font-weight:700;color:var(--ink)}
.stat-card-pct{color:var(--brand);font-weight:700}

.dash-welcome{background:var(--nav)!important;color:#fff;border:0;border-radius:var(--radius-card);box-shadow:var(--shadow-md);position:relative;overflow:hidden}
.dash-welcome::before{content:'';position:absolute;inset-inline-end:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(0,148,68,.35),transparent 70%)}
.dash-welcome::after{content:none}
.dw-avatar{background:var(--brand);border:0;font-weight:800}
.dl-pts{color:var(--brand)}
.dl-rank.r1{background:var(--brand-soft);color:var(--brand-700)}

/* ----------------------------------------------------------------------- *
 *  7) الأزرار
 * ----------------------------------------------------------------------- */
.btn{border-radius:var(--radius-btn);font-weight:600;transition:all .16s var(--ease)}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 1px 2px rgba(16,24,40,.08)}
.btn-primary:hover{background:var(--brand-600);border-color:var(--brand-600);box-shadow:0 4px 10px -3px rgba(0,148,68,.45)}
.btn-success{background:var(--brand);border-color:var(--brand);color:#fff}
.fab{background:var(--brand);box-shadow:0 6px 18px -5px rgba(0,148,68,.55)}
.fab:hover{background:var(--brand-600);transform:scale(1.06)}

/* ----------------------------------------------------------------------- *
 *  8) الحقول
 * ----------------------------------------------------------------------- */
.input,.select,.textarea{border-radius:9px;background:var(--surface);border-color:var(--line);
  transition:border-color .16s,box-shadow .16s}
.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}
.toggle.on{background:var(--brand)}

/* ----------------------------------------------------------------------- *
 *  9) الجداول
 * ----------------------------------------------------------------------- */
.table-wrap{overflow:hidden}
.table thead th{background:var(--surface-2);color:var(--muted);letter-spacing:.03em;border-bottom-color:var(--line)}
.table tbody tr:hover{background:var(--brand-tint)}
html[dir="rtl"] .table tbody tr:hover td:first-child{box-shadow:inset -3px 0 0 var(--brand)}
html[dir="ltr"] .table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--brand)}
.avatar{background:var(--brand);color:#fff;box-shadow:none}
.la-btn{transition:transform .15s var(--ease),box-shadow .15s}
.la-btn:hover{transform:scale(1.1)}

/* ----------------------------------------------------------------------- *
 *  10) المهام / كانبان / المودال
 * ----------------------------------------------------------------------- */
.task-col,.kanban-col{border-radius:var(--radius-card);box-shadow:var(--shadow-xs);background:var(--surface-2)}
.task-item,.kanban-card{transition:transform .16s var(--ease),box-shadow .18s,border-color .18s;border-radius:10px}
.task-item:hover,.kanban-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.kanban-col.drag-over{background:var(--brand-soft);border-color:var(--brand)}
.modal{border-radius:16px;box-shadow:var(--shadow-lg);animation:pcmModalIn .26s var(--ease)}
.modal-bg{backdrop-filter:blur(2px);background:rgba(16,24,40,.45)}
@keyframes pcmModalIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.empty-state i{opacity:.45;color:var(--muted-2)}

/* ----------------------------------------------------------------------- *
 *  11) الشريط الجانبي — علامة الشعار
 * ----------------------------------------------------------------------- */
/* ملاحظة: وحدات JS تحقن أنماطها بعد هذا الملف، لذا نرفع الخصوصية (body #…) لنفوز. */
body #pcm-sb{background:var(--nav);border-inline-end:1px solid rgba(255,255,255,.06)}
body #pcm-sb .pcm-sb-brand{border-bottom:1px solid rgba(255,255,255,.07)}
body #pcm-sb .logo{
  background-color:#fff;border-radius:9px;
  background-image:url('../img/pcm-logo.svg');background-size:66% 66%;
  background-position:center;background-repeat:no-repeat;
}
body #pcm-sb .logo i{display:none}
body #pcm-sb .pcm-sb-item.active{background:var(--brand);box-shadow:0 4px 12px -4px rgba(0,148,68,.6)}
body #pcm-sb .pcm-sb-item:hover{background:rgba(255,255,255,.07)}
body #pcm-sb .pcm-sb-item.active:hover{background:var(--brand)}
body #pcm-sb .pcm-sb-lbl{color:rgba(255,255,255,.38)}

/* ----------------------------------------------------------------------- *
 *  12) لوحة التحكم — بطاقات على نمط المرجع (العنوان أعلى ثم الرقم والنسبة)
 * ----------------------------------------------------------------------- */
body #pcm-board .pcm-bc{
  flex-direction:column-reverse;      /* العنوان أولاً ثم الرقم — مطابق للمرجع */
  gap:12px;padding:20px 18px 17px;border-radius:var(--radius-card);
  background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-sm);
}
body #pcm-board .pcm-bc::before{background:var(--brand)}
body #pcm-board .pcm-bc:hover{box-shadow:var(--shadow-md);border-color:var(--line)}
body #pcm-board .pcm-bc-l{font-size:14px;font-weight:700;color:var(--ink);line-height:1.4}
body #pcm-board .pcm-bc-l .ic{color:var(--brand)}
body #pcm-board .pcm-bc-r{justify-content:space-between;align-items:center;width:100%}
body #pcm-board .pcm-bc-r b{font-size:30px;font-weight:700;color:var(--ink)}
body #pcm-board .pcm-bc-r i{color:var(--brand);font-weight:700;font-size:12.5px}
body #pcm-board .pcm-bc-r i::before{content:'\2191';margin-inline-end:2px}

body #pcm-board .pcm-bd-head{border-radius:var(--radius-card);box-shadow:var(--shadow-sm);border-color:var(--line)}
body #pcm-board .pcm-bd-head .ttl b{color:var(--brand)}
body #pcm-board .pcm-wc-hero{background:var(--nav)}
body #pcm-board .pcm-wc-hero::after{background:radial-gradient(circle,rgba(0,148,68,.4),transparent 70%)}
body #pcm-board .pcm-wc-hero .av{background:var(--brand);border:0}
body #pcm-board .pcm-wc-hero .av i{color:#fff}
body #pcm-board .pcm-wc-hero em{color:#5FD08C}
body #pcm-board .pcm-wc-tabs button.on{background:var(--brand);border-color:transparent}
body #pcm-board .pcm-wc-row>i{color:var(--brand)}
body #pcm-board .pcm-lb-h b i,body #pcm-board .pcm-lb-pts i{color:var(--brand)}
body #pcm-board .pcm-lb-av{background:var(--brand);color:#fff}
body #pcm-board .pcm-lb-row.top{background:linear-gradient(90deg,var(--brand-soft),transparent);border-radius:9px}
body #pcm-board .pcm-lb-row.top .pcm-lb-rank{color:var(--brand)}
body #pcm-board .pcm-lb-pts{color:var(--brand)}

/* ----------------------------------------------------------------------- *
 *  13) توحيد وحدات الطبقات على الهوية
 * ----------------------------------------------------------------------- */
.pcm-panel{border-radius:16px;box-shadow:var(--shadow-lg)}
.pcm-ov{background:rgba(16,24,40,.45);backdrop-filter:blur(2px)}
.pcm-b.primary,.pcm-lf-foot .pcm-b.primary{background:var(--brand);border-color:var(--brand)}
.pcm-b.primary:hover{background:var(--brand-600);border-color:var(--brand-600)}
.pcm-lx-seg.on,.pcm-dc-tab.on,.pcm-og-tab.on,.pcm-dl-tab.on,.pcm-q-seg button.on{background:var(--nav);border-color:var(--nav)}
.pcm-lx-seg.on b,.pcm-dc-tab.on b,.pcm-dl-tab.on b{color:#7BE0A6}
.pcm-lx-fbtn.on{background:var(--brand);border-color:var(--brand)}
.pcm-lx-exp{background:var(--nav);border-color:var(--nav)}
.pcm-lx-card.sel,.pcm-lx-tbl tr.sel{background:var(--brand-soft);border-color:var(--brand)}
.pcm-lx-sc,.pcm-lx-nm b:hover,.pcm-lf-h b,.pcm-lf-cell.set label{color:var(--brand)}
.pcm-lf-cell.set .pcm-lf-in{border-color:var(--brand)}
.pcm-lx-selbar,.pcm-bb-bar,#pcm-bulk-bar{background:var(--nav);border-color:var(--brand)}
.pcm-lx-selbar b,#pcm-bulk-bar .pcm-bb-count b{color:#7BE0A6}
.pcm-fchip{background:var(--nav)}
.pcm-fchip b{color:#7BE0A6}
.pcm-co,.pcm-lr{border-color:var(--brand);background:var(--brand-tint)}
.pcm-co-h>i,.pcm-lr-h i,.pcm-co-say .lbl,.pcm-lr-sec>b i{color:var(--brand)}
.pcm-co-ob .s{border-inline-start-color:var(--brand);background:var(--surface-2)}
.pcm-lr-rec{border-color:var(--brand);color:var(--brand)}
.pcm-lr-rec:hover{background:var(--brand);color:#fff}
.pcm-as-fab{background:var(--nav)}
.pcm-as-fab i,#pcm-as-fab i{color:#fff}
#pcm-as-fab{background:var(--brand)}
#pcm-as-fab::after{border-color:var(--brand)}
.pcm-as-h{background:var(--nav);border-bottom-color:var(--brand)}
.pcm-as-av{border-color:var(--brand);color:var(--brand)}
.pcm-as-msg.me,.pcm-as-send{background:var(--brand)}
.pcm-as-chip{border-color:var(--brand);color:var(--brand)}
.pcm-as-chip:hover{background:var(--brand);color:#fff}
.pcm-cmdk-top{border-bottom-color:var(--brand)}
.pcm-cmdk-top>i,.pcm-cmdk-it.sel .ic{color:var(--brand)}
.pcm-cmdk-it.sel{background:var(--brand-soft)}
.pcm-og-role .ic,.pcm-og-lvl .node .av{background:var(--brand);color:#fff}
.pcm-q-a.call,.pcm-q-prog>i{background:var(--brand)}
.pcm-fc-scenbox.main{border-color:var(--brand)}
.pcm-dl-h b i{color:var(--red)}

/* ----------------------------------------------------------------------- *
 *  14) الحركة
 * ----------------------------------------------------------------------- */
@media (prefers-reduced-motion:no-preference){
  .pcm-reveal{opacity:0;transform:translateY(12px)}
  .pcm-reveal.pcm-in{opacity:1;transform:none;transition:opacity .45s var(--ease),transform .45s var(--ease)}
  .kpi-grid>*,.dash-stats>*,.pcm-bgrid>*{animation:pcmRise .42s var(--ease) backwards}
  .pcm-bgrid>*:nth-child(1){animation-delay:.02s}.pcm-bgrid>*:nth-child(2){animation-delay:.05s}
  .pcm-bgrid>*:nth-child(3){animation-delay:.08s}.pcm-bgrid>*:nth-child(4){animation-delay:.11s}
  .pcm-bgrid>*:nth-child(5){animation-delay:.14s}.pcm-bgrid>*:nth-child(6){animation-delay:.17s}
  .pcm-bgrid>*:nth-child(7){animation-delay:.20s}.pcm-bgrid>*:nth-child(8){animation-delay:.23s}
  @keyframes pcmRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  .content.fade-in{animation:pcmPage .35s var(--ease)}
  @keyframes pcmPage{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
  .pcm-reveal{opacity:1!important;transform:none!important}
}

/* ----------------------------------------------------------------------- *
 *  15) الكرسر المخصّص (بلون العلامة)
 * ----------------------------------------------------------------------- */
.pcm-cursor-dot,.pcm-cursor-ring{
  position:fixed;top:0;left:0;z-index:2147483646;pointer-events:none;border-radius:50%;
  will-change:transform;opacity:0;transition:opacity .22s}
.pcm-cursor-dot{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;background:var(--brand);box-shadow:0 0 8px rgba(0,148,68,.5)}
.pcm-cursor-ring{width:30px;height:30px;margin:-15px 0 0 -15px;border:1.5px solid rgba(0,148,68,.5);background:rgba(0,148,68,.05);
  transition:width .2s var(--ease),height .2s var(--ease),margin .2s var(--ease),background .2s,border-color .2s,opacity .22s}
body.pcm-cursor-on.pcm-cursor-ready .pcm-cursor-dot,
body.pcm-cursor-on.pcm-cursor-ready .pcm-cursor-ring{opacity:1}
/* الأداء: cursor وراثيّ — نُخفيه على body ونتجاوز العناصر التفاعلية فقط */
body.pcm-cursor-on{cursor:none}
body.pcm-cursor-on a,body.pcm-cursor-on button,body.pcm-cursor-on .btn,
body.pcm-cursor-on select,body.pcm-cursor-on label,body.pcm-cursor-on summary,
body.pcm-cursor-on [onclick],body.pcm-cursor-on [role="button"],
body.pcm-cursor-on .toggle,body.pcm-cursor-on .task-item,body.pcm-cursor-on .kanban-card,
body.pcm-cursor-on .stat-card,body.pcm-cursor-on .kpi-card,body.pcm-cursor-on .la-btn,
body.pcm-cursor-on .status-pill,body.pcm-cursor-on .chip{cursor:none!important}
body.pcm-cursor-on input,body.pcm-cursor-on textarea,
body.pcm-cursor-on [contenteditable="true"]{cursor:text!important}
body.pcm-cursor-hot .pcm-cursor-ring{width:46px;height:46px;margin:-23px 0 0 -23px;border-color:var(--brand);background:rgba(0,148,68,.09)}
body.pcm-cursor-hot .pcm-cursor-dot{background:var(--brand-600)}
body.pcm-cursor-text .pcm-cursor-dot,body.pcm-cursor-text .pcm-cursor-ring{opacity:0!important}
body.pcm-cursor-click .pcm-cursor-ring{animation:pcmClick .36s var(--ease)}
@keyframes pcmClick{0%{transform:translate(var(--cx,0),var(--cy,0)) scale(1)}45%{transform:translate(var(--cx,0),var(--cy,0)) scale(.62)}100%{transform:translate(var(--cx,0),var(--cy,0)) scale(1)}}

/* ----------------------------------------------------------------------- *
 *  16) إصلاح أيقونات المحرّك المفقودة في Tabler 2.47.0
 * ----------------------------------------------------------------------- */
.ti-megaphone::before,.ti-megaphone-off::before{content:"\ed61"}
.ti-buildings::before{content:"\ebf6"}
.ti-users-off::before{content:"\ecf9"}

/* ----------------------------------------------------------------------- *
 *  17) الوضع الداكن
 * ----------------------------------------------------------------------- */
html[data-theme="dark"] .app-header{background:var(--nav)}
html[data-theme="dark"] .table thead th{background:var(--surface-2)}
html[data-theme="dark"] .table tbody tr:hover{background:rgba(0,148,68,.10)}
html[data-theme="dark"] .kpi-icon{background:var(--brand-soft);color:#5FD08C}
html[data-theme="dark"] .pcm-bc,html[data-theme="dark"] .card{background:var(--surface)}