/* ===== ثيم إنديجو/لافندر — نفس ألوان وخلفية الصورة المرجعية، على كل الموقع (الصفحات العامة + الدخول + التطبيق + الأدمن) =====
   بيتحمّل آخر ملف في كل صفحة. الوضع الليلي (html.dark) ما بيتأثرش.
   للتعديل: غيّر المتغيّرات اللي تحت. للرجوع: امسح سطر الـ link لـ theme-indigo.css. */
:root{
  --ix-primary:#1565c0;--ix-primary-d:#0d4fa3;--ix-primary-l:#8fb4e6;--ix-soft:#edf3fb;--ix-soft-2:#f3f7fd;
  --ix-ink:#1e1b4b;--ix-text:#3b3f6b;--ix-mute:#6b7096;--ix-line:#edf3fb;--ix-card:#fff;
  --ix-shadow:0 8px 28px rgba(21,101,192,.08);--ix-shadow-sm:0 2px 10px rgba(21,101,192,.06);--ix-r:18px;
  /* توكنز المشروع */
  --primary:#1565c0;--primary-dark:#0d4fa3;--primary-bright:#8fb4e6;--ink:#1f2022;--text:#2a2b2d;--muted:#6b7096;
  --line:#edf3fb;--line-soft:#eff0fb;--bg:#f4f5ff;--head:#edf3fb;--info:#1565c0;--info-bg:#edf3fb;--violet:#1565c0;--violet-bg:#edf3fb;
  --hdr-bg:rgba(255,255,255,.78);--hdr-radius:0 0 22px 22px;--shadow-pop:0 12px 32px rgba(21,101,192,.14);
  /* theme.css */
  --tw-primary:#1565c0;--tw-primary-d:#0d4fa3;--tw-info:#8fb4e6;--tw-info-d:#1565c0;--tw-head:#edf3fb;--tw-head-text:#0d4fa3;
  --tw-card-top:#edf3fb;--tw-bg:#f4f5ff;--tw-line:#edf3fb;--sb-red:#1565c0;--tw-accent:#1565c0;
  /* tw-yellow (الهوفر + رأس الجدول) */
  --yl:#f3f4ff;--yl-2:#edf3fb;--yl-bd:#c7cbf7;--yl-ink:#1e1b4b;--th-bg:#edf3fb;--th-ink:#0d4fa3;--th-bd:#edf3fb;
  --th-top:#8fb4e6;--th-bot:#1565c0;--td-bd:#ecedfa;--td-col:#f1f2fd;--zebra:#fafaff;
  /* الصفحات العامة */
  --p:#1565c0;--p2:#0d4fa3;--p3:#8fb4e6;--pl:#edf3fb;--navy:#1e1b4b;--ln:#edf3fb;--pu:#1565c0;--te:#8fb4e6;--am:#c7d2fe;
  --dot-color:rgba(21,101,192,.13);--dot-gap:22px;
}
/* ---------- الخلفية (لافندر + بقع ناعمة + نقاط) ---------- */
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) {background:#f3f7fd!important;background-image:radial-gradient(820px 520px at 8% 6%,rgba(143,174,208,.20),transparent 62%),radial-gradient(760px 520px at 96% 98%,rgba(143,174,208,.16),transparent 60%),linear-gradient(180deg,#f8f9ff 0%,#edf3fb 100%)!important;background-attachment:fixed!important;color:#2a2b2d}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body{background:transparent!important;background-image:none!important;color:#2a2b2d}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body:before{--dot-color:rgba(21,101,192,.13)}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) h1,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) h2,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) h3,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) h4,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .tw-title,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .card-title{color:#1f2022}
:where(html:not(.dark)) a{color:#1565c0}
/* ---------- الهيدر ---------- */
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body :is(.topbar,.ap-top,.nav){background:rgba(255,255,255,.78)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0!important;border-bottom:1px solid #eceefb!important;border-radius:0 0 22px 22px!important;box-shadow:0 6px 24px rgba(21,101,192,.06)!important}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body .topbar.twh{background:rgba(255,255,255,.82)!important;border:1px solid #eceefb!important;border-radius:20px!important;margin:10px 14px 0!important;box-shadow:0 6px 24px rgba(21,101,192,.07)!important}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body .nav .nav-in{background:transparent!important}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body .twh .user,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body .topbar.twh .tw-co,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body .topbar.twh .tw-an-app{border-color:#dbe5f0!important}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body .topbar.twh :is(.tw-hi,.tw-an-grid){color:#1565c0}
/* ---------- القائمة الجانبية (كارت أبيض مدوّر) ---------- */
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar .nav,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sb-user,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar-foot,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sb-tools,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .brand:not(.brand-full){background:#fff!important;color:#1f2022!important}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar{border:1px solid #eceefb!important;box-shadow:0 8px 28px rgba(21,101,192,.07)}
@media(min-width:901px){html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar{margin:12px!important;border-radius:22px!important;height:calc(100vh - 24px)!important;height:calc(100dvh - 24px)!important}}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar .nav>.nav-item,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar .nav>.nav-group>.nav-gbtn{background:transparent!important;border-color:transparent!important;color:#1f2022!important;border-radius:14px!important}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar .nav-subitem,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar .nav-sgbtn{background:transparent!important;border-color:transparent!important;color:#2a2b2d!important;border-radius:12px!important}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar .nav .fa-solid,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar .nav-chev{color:#1565c0!important}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar .nav>.nav-group.open>.nav-gbtn,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar .nav>.nav-group>.nav-gbtn.has-active,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar .nav-sg.open>.nav-sgbtn,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar .nav-sgbtn.has-active,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar .nav>.nav-item.active,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar .nav-subitem.active{background:#edf3fb!important;border-color:transparent!important;border-inline-start:0!important;color:#1565c0!important;font-weight:700}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar .nav>.nav-group.open>.nav-gbtn .fa-solid,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar .nav-item.active .fa-solid,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar .nav-subitem.active .fa-solid{color:#1565c0!important}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) .sidebar-foot{color:#6b7096!important}
/* ---------- الكروت والصناديق ---------- */
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body :is(.card,.panel,.box,.tw-box,.tw-card,.kpi,.stat,.tw-kpi,.dash-card){background:#fff!important;border:1px solid #eceefb!important;border-top:1px solid #eceefb!important;border-radius:18px!important;box-shadow:0 8px 28px rgba(21,101,192,.07)!important}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body :is(.card-head,.card-hd,.tw-head){background:transparent!important;color:#1f2022!important;border-color:#eceefb!important}
/* ---------- الجداول ---------- */
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body table thead th,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body .tbl thead th,html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body .rf .rf-t thead th{background:#edf3fb!important;color:#0d4fa3!important;border-color:#edf3fb!important;background-image:none!important}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body table td{border-color:#ecedfa}
/* ---------- الأزرار ---------- */
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body :is(button.primary,.btn-primary,.btn.primary,.twb.pri,.twb.primary,.twb-pri,.btn-main,a.btn:not(.btn-ghost):not(.btn-outline),.cta,.btn.btn-p){background:linear-gradient(135deg,#8fb4e6,#1565c0)!important;border-color:#1565c0!important;color:#fff!important;box-shadow:0 6px 16px rgba(21,101,192,.25)}
/* ---------- الحقول ---------- */
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-color:#edf3fb!important;border-radius:12px}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body :is(input,select,textarea):focus{border-color:#8fb4e6!important;box-shadow:0 0 0 3px rgba(143,174,208,.16)!important;outline:0}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body input[type=checkbox],html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body input[type=radio]{accent-color:#1565c0}
/* ---------- القوايم المنسدلة والنوافذ ---------- */
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) body :is(.tw-an-d,.tw-um,.tw-pop,.modal,.dlg,.st-dlg){border-color:#eceefb!important;border-radius:18px!important;box-shadow:0 14px 40px rgba(21,101,192,.16)!important}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) ::selection{background:#c7d2fe;color:#1f2022}
html:not(.dark):not(#ix1):not(#ix2):not(#ix3):not(#ix4):not(#ix5):not(#ix6):not(#ix7):not(#ix8):not(#ix9):not(#ix10):not(#ix11):not(#ix12):not(#ix13):not(#ix14):not(#ix15):not(#ix16) ::-webkit-scrollbar-thumb{background:#c9cdf3;border-radius:10px}

/* روابط الهيدر والفوتر: قاعدة "كل الروابط نيلي" فوق كانت بتغطي عليها
   (روابط الفوتر كانت زرقاء على كحلي = غير مقروءة، وروابط الهيدر مش بلون النص) */
.nav .links a{color:#2b3547!important}
.ft2 li a{color:#c9d3ea!important}

/* ===== الهيدر الأبيض الموحّد (نفس هيدر الرئيسية) في كل الموقع: الأدمن + الاشتراكات + المستخدمين + التطبيقات ===== */
html:not(.dark):not(#zz) body :is(.topbar,.topbar.twh,.ap-top,.ap-top.twh){background:#fff!important;background-image:none!important;border:0!important;border-bottom:1px solid #e7effa!important;border-radius:0 0 22px 22px!important;box-shadow:0 6px 22px -14px rgba(21,101,192,.25)!important;color:#1f2022!important}
html:not(.dark):not(#zz) body :is(.topbar,.ap-top) :is(a,span,b,i,small,label,strong,.twh-lb,.user-name,.icon-btn,.tw-hi,.tw-ct,.tw-bell){color:#2a2b2d!important}
html:not(.dark):not(#zz) body :is(.topbar,.ap-top) .twh-ic{background:#1565c0!important;box-shadow:0 2px 5px rgba(21,101,192,.22)!important}
html:not(.dark):not(#zz) body :is(.topbar,.ap-top) .twh-ic *{color:#fff!important}
html:not(.dark):not(#zz) body :is(.topbar,.ap-top) :is(.user,select,a[href="choose.php"]){background:#f3f7fd!important;border:1px solid #dbe5f0!important;color:#2a2b2d!important}
html:not(.dark):not(#zz) body :is(.topbar,.ap-top) :is(.btn.primary,.btn-primary,button.primary){background:#1565c0!important;color:#fff!important;border-color:#1565c0!important}
html:not(.dark):not(#zz) body :is(.topbar,.ap-top) :is(.btn.primary,.btn-primary,button.primary) *{color:#fff!important}
/* الوضع الليلي: هيدر داكن محايد (بدون بنفسجي) */
html.dark:not(#zz) body :is(.topbar,.topbar.twh,.ap-top,.ap-top.twh){background:#17181a!important;background-image:none!important;border:0!important;border-bottom:1px solid #26272b!important;border-radius:0 0 22px 22px!important;box-shadow:none!important;color:#eef2f7!important}
html.dark:not(#zz) body :is(.topbar,.ap-top) :is(a,span,b,i,small,label,strong,.twh-lb,.user-name){color:#eef2f7!important}