/* =====================================================================
   ERP_Online — أنماط الأنظمة (ثيمات كاملة)
   odoo · oracle · sap · tally · win98 · win7 · win11
   كل ثيم: متغيرات الألوان للوضع الفاتح والداكن (تنطبق أيضًا في الطباعة)، ثم شكل العناصر المشتركة
   (الهيدر، القائمة، البطاقات، الأزرار، الحقول، الجداول، التبويبات، النوافذ، شريط الحالة، الدخول)
   داخل @media screen حتى تبقى الطباعة بتنسيقها الرسمي. المصدر الواحد لقائمة الثيمات: App\Core\Themes.
   ===================================================================== */

/* =====================================================================
   1) نمط أودو (17) — شريط علوي أبيض، أزرار إجراء بنفسجية، روابط تركوازية، قائمة تطبيقات بمربعات بيضاء
   ===================================================================== */
[data-theme="odoo"] {
  --bg:#FFFFFF; --surface:#FFFFFF; --surface-2:#F8F9FA; --surface-3:#E9ECEF;
  --border:#DEE2E6; --border-strong:#CED4DA;
  --text:#212529; --text-2:#495057; --text-muted:#6C757D;
  --brand:#714B67; --brand-hover:#624159; --brand-dark:#5A3C52; --brand-ring:#E4D9E2;
  --brand-soft:#E6F2F3; --brand-text:#017E84; --on-brand:#FFFFFF;
  --ok:#28A745; --ok-bg:#D4EDDA; --ok-border:#C3E6CB;
  --danger:#D44C59; --danger-bg:#F8D7DA; --danger-border:#F5C6CB;
  --warn:#9A6700; --warn-bg:#FFF3CD; --warn-border:#FFEEBA;
  --info:#117A8B; --info-bg:#D1ECF1; --info-border:#BEE5EB;
  --radius:4px; --radius-sm:3px; --radius-lg:4px; --radius-xl:8px;
  --shadow-sm:none; --shadow-md:0 .25rem .75rem rgba(0,0,0,.08); --shadow-lg:0 .5rem 1rem rgba(0,0,0,.15);
  --header-h:46px; --session-bar-h:36px;
  --odoo-nav:#FFFFFF; --odoo-nav-text:#374151; --odoo-nav-hover:rgba(0,0,0,.05); --odoo-nav-border:#DEE2E6;
  --odoo-action:#017E84; --odoo-row-select:#D9EDEE; --odoo-sorted:#F1F3F5;
  --odoo-btn:#E7E9ED; --odoo-btn-hover:#D8DADD; --odoo-btn-text:#111827;
  --odoo-home:linear-gradient(118deg, #D9D4E4 0%, #E2DDEA 47%, #EAE6F1 47.2%, #E4DFED 100%);
  --odoo-tile:#FFFFFF; --odoo-tile-shadow:0 1px 2px rgba(0,0,0,.08), 0 3px 8px rgba(64,46,82,.10);
}
[data-mode="dark"][data-theme="odoo"] {
  --bg:#1B1D26; --surface:#262A36; --surface-2:#2A2E3B; --surface-3:#323644;
  --border:#3C3E4B; --border-strong:#4D5061;
  --text:#E4E4E4; --text-2:#C9CCD2; --text-muted:#9A9CA5;
  --brand:#8F6A86; --brand-hover:#A07896; --brand-dark:#3A2836; --brand-ring:#4A3646;
  --brand-soft:#173638; --brand-text:#3FC1C9; --on-brand:#FFFFFF;
  --ok:#5CCB76; --ok-bg:#183223; --ok-border:#2B5A3A; --danger:#F07A85; --danger-bg:#3A1B20; --danger-border:#6B2B33;
  --warn:#F0B95A; --warn-bg:#3A2C12; --warn-border:#6B5220; --info:#5FC6D8; --info-bg:#123038; --info-border:#225764;
  --odoo-nav:#262A36; --odoo-nav-text:#E4E4E4; --odoo-nav-hover:rgba(255,255,255,.06); --odoo-nav-border:#3C3E4B;
  --odoo-action:#3FC1C9; --odoo-row-select:#173638; --odoo-sorted:#2E3240;
  --odoo-btn:#3A3E4D; --odoo-btn-hover:#454A5B; --odoo-btn-text:#E4E4E4;
  --odoo-home:linear-gradient(118deg, #1F2230 0%, #252938 47%, #2A2E3E 47.2%, #262A39 100%);
  --odoo-tile:#323644; --odoo-tile-shadow:0 1px 2px rgba(0,0,0,.4), 0 3px 8px rgba(0,0,0,.3);
}
@media screen {
  html[data-theme="odoo"] body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Ubuntu", Roboto, "Noto Sans", Arial, "Noto Sans Arabic", Tahoma, sans-serif; font-size: 14px; }
  html[data-theme="odoo"] input[type="checkbox"], html[data-theme="odoo"] input[type="radio"] { accent-color: var(--odoo-action); }
  /* أدنى أولوية (مثل وسم a العادي) حتى تحتفظ المكونات بألوانها، مثل زر الفترة النشط الأبيض على البنفسجي */
  :where([data-theme="odoo"]) a:where(:not(.btn):not(.sb-link):not(.fn-item):not(.tab):not(.pager-btn):not(.hdr-btn):not(.hdr-app-link)) { color: var(--odoo-action); }
  /* الشريط العلوي الأبيض */
  [data-theme="odoo"] .app-header { background: var(--odoo-nav); color: var(--odoo-nav-text); border-bottom: 1px solid var(--odoo-nav-border); box-shadow: none; padding: 0 6px; gap: 2px; }
  [data-theme="odoo"] .app-header .hdr-btn { width: 40px; height: var(--header-h); flex-basis: 40px; border-radius: 0; color: var(--odoo-nav-text); }
  [data-theme="odoo"] .app-header .hdr-btn:hover { background: var(--odoo-nav-hover); color: var(--text); }
  [data-theme="odoo"] .app-header .hdr-name { color: var(--text); font-size: 17px; font-weight: 400; }
  [data-theme="odoo"] .app-header .hdr-slogan { display: none; }
  [data-theme="odoo"] .app-header .hdr-badge { background: #E05561; }
  [data-theme="odoo"] .app-header .screen-guide-play { background: transparent; color: var(--odoo-action); animation: none; box-shadow: none; }
  [data-theme="odoo"] .app-header .screen-guide-play:hover { background: var(--odoo-nav-hover); color: var(--odoo-action); }
  [data-theme="odoo"] .btn-menu .ico-menu { display: none; }
  [data-theme="odoo"] .btn-menu .ico-apps { display: block; }
  [data-theme="odoo"] .theme-menu, [data-theme="odoo"] .language-menu { border-radius: 0 0 4px 4px; top: var(--header-h); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); }
  /* القائمة الجانبية = شاشة التطبيقات فوق الصفحة على كل الشاشات */
  [data-theme="odoo"] .app-header, [data-theme="odoo"] .app-main { margin-inline-start: 0 !important; }
  [data-theme="odoo"] .app-main { width: 100% !important; margin-inline: auto !important; }
  [data-theme="odoo"] .session-statusbar { inset-inline-start: 0 !important; }
  [data-theme="odoo"] .sidebar, html[dir="ltr"][data-theme="odoo"] .app .sidebar, [data-theme="odoo"] .app .sidebar {
    inset: var(--header-h) 0 0 0; width: auto !important; max-width: none !important; height: auto !important;
    transform: none !important; opacity: 0; visibility: hidden; pointer-events: none; z-index: 95;
    background: var(--odoo-home); border: 0; box-shadow: none; transition: opacity .16s ease, visibility .16s;
  }
  [data-theme="odoo"] .sidebar.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
  [data-theme="odoo"] .sb-head, [data-theme="odoo"] .sb-overlay, [data-theme="odoo"] .sb-body > .divider { display: none !important; }
  /* التمرير لشاشة التطبيقات كلها (شريطه على حافة الشاشة) وليس للمحتوى المتوسط، فلا يظهر شريط تمرير في منتصف الصفحة */
  [data-theme="odoo"] .sidebar { overflow-y: auto; overscroll-behavior: contain; }
  [data-theme="odoo"] .sb-body { flex: none; overflow: visible; width: 100%; max-width: 1080px; margin: 0 auto; padding: 30px 18px 120px; }
  [data-theme="odoo"] .sb-group { margin-bottom: 22px; }
  [data-theme="odoo"] .sb-group-title, html[data-theme="odoo"].sidebar-collapsed .sb-group-title { display: flex !important; pointer-events: none; font-size: 13px; font-weight: 600; color: var(--text-2); padding: 4px 8px 10px; }
  [data-theme="odoo"] .sb-group-chevron { display: none; }
  [data-theme="odoo"] .sidebar .sb-group-links, [data-theme="odoo"] .sidebar .sb-group-links[hidden] { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 22px 10px; }
  [data-theme="odoo"] .sb-link, html[data-theme="odoo"].sidebar-collapsed .sb-link {
    position: relative; flex-direction: column; justify-content: flex-start; gap: 9px; min-height: 0; padding: 6px 4px;
    border-radius: 8px; color: var(--text); font-size: 13.5px; font-weight: 400; text-align: center; white-space: normal; line-height: 1.3;
  }
  html[data-theme="odoo"].sidebar-collapsed .sb-link > span { display: block !important; }
  [data-theme="odoo"] .sb-body > .sb-link { display: inline-flex; width: 112px; vertical-align: top; }
  /* مربع أبيض مستدير بأيقونة ملونة مثل أيقونات تطبيقات أودو */
  [data-theme="odoo"] .sb-link .ico, html[data-theme="odoo"].sidebar-collapsed .sb-link .ico {
    width: 70px; height: 70px; flex: 0 0 70px; padding: 18px; border-radius: 10px; opacity: 1; stroke-width: 2.1;
    background: var(--odoo-tile); box-shadow: var(--odoo-tile-shadow); color: #714B67; transition: transform .15s ease, box-shadow .15s ease;
  }
  [data-theme="odoo"] .sb-group-links > .sb-link:nth-child(9n+1) .ico { color: #F06050; }
  [data-theme="odoo"] .sb-group-links > .sb-link:nth-child(9n+2) .ico { color: #1BA39C; }
  [data-theme="odoo"] .sb-group-links > .sb-link:nth-child(9n+3) .ico { color: #8E44AD; }
  [data-theme="odoo"] .sb-group-links > .sb-link:nth-child(9n+4) .ico { color: #F39C12; }
  [data-theme="odoo"] .sb-group-links > .sb-link:nth-child(9n+5) .ico { color: #2E86DE; }
  [data-theme="odoo"] .sb-group-links > .sb-link:nth-child(9n+6) .ico { color: #E84393; }
  [data-theme="odoo"] .sb-group-links > .sb-link:nth-child(9n+7) .ico { color: #714B67; }
  [data-theme="odoo"] .sb-group-links > .sb-link:nth-child(9n+8) .ico { color: #27AE60; }
  [data-theme="odoo"] .sb-group-links > .sb-link:nth-child(9n+9) .ico { color: #E67E22; }
  [data-theme="odoo"] .sb-link:hover { background: transparent; color: var(--text); text-decoration: none; }
  [data-theme="odoo"] .sb-link:hover .ico { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(0,0,0,.1), 0 8px 18px rgba(64,46,82,.16); }
  [data-theme="odoo"] .sb-link.is-active { background: transparent; color: var(--text); font-weight: 700; }
  [data-theme="odoo"] .sb-link.is-active .ico { box-shadow: 0 0 0 3px var(--odoo-action), var(--odoo-tile-shadow); }
  /* لوحة التحكم: عنوان الصفحة وأزرار الإجراء */
  [data-theme="odoo"] .page-head { background: var(--surface); margin: -14px -14px 0; padding: 9px 14px; border-bottom: 1px solid var(--border); }
  [data-theme="odoo"] .page-head + * { margin-top: 14px; }
  [data-theme="odoo"] .page-title { font-size: 18px; font-weight: 400; color: var(--text); }
  [data-theme="odoo"] .page-title .ico { display: none; }
  [data-theme="odoo"] .page-sub { font-size: 12.5px; }
  /* البطاقات مسطحة بحد رمادي */
  [data-theme="odoo"] .card, [data-theme="odoo"] .stat { border-radius: 4px; box-shadow: none; }
  [data-theme="odoo"] .card-head { background: var(--surface); padding: 10px 16px; }
  [data-theme="odoo"] .card-title { font-size: 15px; font-weight: 600; }
  [data-theme="odoo"] .card-title .ico, [data-theme="odoo"] .stat-ico { color: var(--odoo-action); }
  [data-theme="odoo"] .card-foot { background: var(--surface); }
  /* الأزرار: الإجراءات بنفسجي والباقي رمادي */
  [data-theme="odoo"] .btn { min-height: 34px; padding: 0 12px; border-radius: 4px; font-size: 14px; font-weight: 500; background: var(--odoo-btn); border-color: var(--odoo-btn); color: var(--odoo-btn-text); }
  [data-theme="odoo"] .btn:hover { background: var(--odoo-btn-hover); border-color: var(--odoo-btn-hover); }
  [data-theme="odoo"] .btn:active { transform: none; }
  [data-theme="odoo"] .btn-primary, [data-theme="odoo"] .page-actions .btn:not(.btn-ghost):not(.btn-danger) { background: var(--brand); border-color: var(--brand); color: #fff; }
  [data-theme="odoo"] .btn-primary:hover, [data-theme="odoo"] .page-actions .btn:not(.btn-ghost):not(.btn-danger):hover { background: var(--brand-hover); border-color: var(--brand-hover); }
  [data-theme="odoo"] .btn-ghost { background: transparent; border-color: transparent; color: var(--odoo-action); }
  [data-theme="odoo"] .btn-ghost:hover { background: var(--odoo-btn); color: var(--odoo-action); }
  [data-theme="odoo"] .btn-soft { background: var(--brand-soft); border-color: transparent; color: var(--odoo-action); }
  [data-theme="odoo"] .btn-danger { background: var(--danger); border-color: var(--danger); color: #fff; }
  [data-theme="odoo"] .btn-ok { background: var(--ok); border-color: var(--ok); color: #fff; }
  [data-theme="odoo"] .btn-sm { min-height: 29px; padding: 0 9px; font-size: 13px; }
  [data-theme="odoo"] .btn-lg { min-height: 42px; padding: 0 18px; font-size: 15px; }
  [data-theme="odoo"] .btn-icon { width: 34px; min-height: 34px; flex-basis: 34px; padding: 0; }
  /* الحقول: خط سفلي يتلون بالتركواز عند الكتابة */
  [data-theme="odoo"] .label { color: var(--text); font-weight: 600; }
  [data-theme="odoo"] .input, [data-theme="odoo"] .select { min-height: 34px; border-width: 0 0 1px; border-radius: 0; background-color: transparent; padding: 4px; font-size: 14px; }
  [data-theme="odoo"] .select { padding-inline-end: 28px; }
  [data-theme="odoo"] .textarea { border-radius: 4px; font-size: 14px; }
  [data-theme="odoo"] .input:focus, [data-theme="odoo"] .select:focus, [data-theme="odoo"] .textarea:focus { border-color: var(--odoo-action); box-shadow: 0 1px 0 0 var(--odoo-action); }
  [data-theme="odoo"] .smart-select-control { border-width: 0 0 1px; border-radius: 0; background: transparent; min-height: 34px; }
  [data-theme="odoo"] .smart-select.is-open .smart-select-control, [data-theme="odoo"] .smart-select-control:focus-within { border-color: var(--odoo-action); box-shadow: 0 1px 0 0 var(--odoo-action); }
  [data-theme="odoo"] .toolbar .input, [data-theme="odoo"] .filters .input, [data-theme="odoo"] .filters .select, [data-theme="odoo"] .toolbar .select,
  [data-theme="odoo"] .filters .smart-select-control, [data-theme="odoo"] .toolbar .smart-select-control { border-width: 1px; border-radius: 4px; background-color: var(--surface); }
  [data-theme="odoo"] .smart-select-menu { border-radius: 4px; padding: .25rem 0; }
  [data-theme="odoo"] .smart-select-option { border-radius: 0; }
  [data-theme="odoo"] .smart-select-option:hover, [data-theme="odoo"] .smart-select-option.is-active { background: var(--surface-2); border-color: transparent; }
  [data-theme="odoo"] .filters { background: var(--surface); border-radius: 4px; }
  /* قائمة السجلات: رؤوس عريضة، صفوف مضغوطة بخطوط فاصلة، تحديد تركوازي فاتح */
  [data-theme="odoo"] .table th, [data-theme="odoo"] .table td { padding: 9px 10px; }
  [data-theme="odoo"] .table thead th { background: var(--surface); color: var(--text); font-size: 14px; font-weight: 700; border-bottom: 1px solid var(--border); }
  [data-theme="odoo"] .table thead th:hover { background: var(--odoo-sorted); }
  [data-theme="odoo"] .table tbody tr { border-bottom-color: var(--border); }
  [data-theme="odoo"] .table tbody tr:hover { background: var(--surface-2); }
  [data-theme="odoo"] .table tbody tr:has(input[type="checkbox"]:checked) { background: var(--odoo-row-select); }
  [data-theme="odoo"] .table tfoot td { background: var(--surface); }
  [data-theme="odoo"] .badge { border-radius: 999px; font-weight: 500; font-size: 12px; padding: 2px 10px; }
  [data-theme="odoo"] .badge-brand { background: #EDE6EC; color: var(--brand); }
  [data-mode="dark"][data-theme="odoo"] .badge-brand { background: #3A2836; color: #D8B8D0; }
  [data-theme="odoo"] .alert { border-radius: 4px; }
  /* دفتر التبويبات */
  [data-theme="odoo"] .tabs { gap: 0; padding-bottom: 0; }
  [data-theme="odoo"] .tab { border: 1px solid transparent; border-bottom: 0; margin-bottom: -1px; border-radius: 4px 4px 0 0; padding: 8px 16px; color: var(--odoo-action); font-weight: 500; }
  [data-theme="odoo"] .tab:hover { border-color: var(--surface-3) var(--surface-3) transparent; }
  [data-theme="odoo"] .tab.is-active { color: var(--text); background: var(--surface); border-color: var(--border); border-bottom-color: var(--surface); }
  [data-theme="odoo"] .pager-btn { border-radius: 4px; min-width: 32px; height: 32px; border-color: transparent; background: transparent; }
  [data-theme="odoo"] .pager-btn:hover { background: var(--odoo-btn); }
  [data-theme="odoo"] .pager-btn.is-active { background: var(--odoo-btn); color: var(--text); border-color: transparent; font-weight: 700; }
  [data-theme="odoo"] .modal { border-radius: 4px; }
  [data-theme="odoo"] .modal-head strong { font-size: 18px; font-weight: 500; }
  [data-theme="odoo"] .modal-foot { background: var(--surface); }
  [data-theme="odoo"] .toast { border-radius: 4px; }
  /* شريط الحالة: رفيع وهادئ */
  [data-theme="odoo"] .session-statusbar { border-top: 1px solid var(--border); box-shadow: none; }
  [data-theme="odoo"] .session-status-item { border-inline-end-color: var(--border); }
  [data-theme="odoo"] .session-status-moment { background: transparent; border: 0; }
  [data-theme="odoo"] .session-status-user { background: var(--surface-3); }
  [data-theme="odoo"] .session-status-item b, [data-theme="odoo"] .session-status-item strong, [data-theme="odoo"] .session-status-time,
  [data-theme="odoo"] .session-status-gregorian, [data-theme="odoo"] .session-status-date time { color: var(--text); }
  [data-theme="odoo"] .activity-meter > i, [data-theme="odoo"] .erp-loadbar > i { background: var(--odoo-action); box-shadow: none; }
  [data-theme="odoo"] .footer-nav { background: var(--surface); border: 1px solid var(--border); }
  [data-theme="odoo"] .fn-item { color: var(--text-muted); }
  [data-theme="odoo"] .fn-item:hover, [data-theme="odoo"] .fn-item.is-active { color: var(--brand); }
  [data-theme="odoo"] .fn-item.is-active .fn-icon { box-shadow: 0 0 0 6px var(--brand-ring); }
  [data-theme="odoo"] .fn-badge { border-color: var(--surface); }
  /* الدخول */
  [data-theme="odoo"] .body-blank { background: var(--odoo-home); }
  [data-theme="odoo"] .login-card, [data-theme="odoo"] .err-card { border-radius: 8px; box-shadow: var(--odoo-tile-shadow); }
  [data-theme="odoo"] .login-logo { border-radius: 12px; background: var(--odoo-tile); color: var(--brand); box-shadow: var(--odoo-tile-shadow); }
}

/* =====================================================================
   2) نمط أوراكل (Primavera / ADF) — شريط تبويب رمادي أزرق، لوحات بعناوين زرقاء لامعة، جداول بخطوط وأعمدة
   ===================================================================== */
[data-theme="oracle"] {
  --bg:#E9EDF1; --surface:#FFFFFF; --surface-2:#F5F7F9; --surface-3:#E4EAF0;
  --border:#C7D2DD; --border-strong:#9AAFC4;
  --text:#1F2D3D; --text-2:#33495F; --text-muted:#667A8F;
  --brand:#3D6A9E; --brand-hover:#30588A; --brand-dark:#2E4560; --brand-ring:#9AB6D6;
  --brand-soft:#DCE8F5; --brand-text:#2B5687; --on-brand:#FFFFFF;
  --ok:#3C7D22; --ok-bg:#E6F2DF; --ok-border:#B3D39F;
  --danger:#C0392B; --danger-bg:#FBE5E2; --danger-border:#EDB2AB;
  --warn:#975400; --warn-bg:#FFF2DA; --warn-border:#EBCF9A;
  --info:#2B5687; --info-bg:#E2ECF7; --info-border:#B6CCE6;
  --radius:3px; --radius-sm:3px; --radius-lg:4px; --radius-xl:6px;
  --shadow-sm:0 1px 3px rgba(31,45,61,.12); --shadow-md:0 2px 8px rgba(31,45,61,.16); --shadow-lg:0 8px 28px rgba(31,45,61,.28);
  --header-h:48px; --session-bar-h:34px;
  --or-band:linear-gradient(180deg, #5E7896 0%, #47627F 55%, #3E5876 100%);
  --or-portlet:linear-gradient(180deg, #86A9D3 0%, #5A86BA 50%, #4C78AD 51%, #5480B4 100%);
  --or-grid-head:linear-gradient(180deg, #F6F8FB 0%, #DDE5EE 100%);
  --or-btn:linear-gradient(180deg, #FFFFFF 0%, #E4EAF1 100%); --or-btn-hover:linear-gradient(180deg, #FFFFFF 0%, #D6E4F3 100%);
  --or-accordion:linear-gradient(180deg, #F6F8FB 0%, #DEE6EE 100%);
  --or-grid:#D3DCE6; --or-zebra:#F7F9FB; --or-hover:#E4EDF7; --or-title:#2C4A6E; --or-line:#7F99B6;
}
[data-mode="dark"][data-theme="oracle"] {
  --bg:#18202A; --surface:#212B37; --surface-2:#253140; --surface-3:#2C394A;
  --border:#38485B; --border-strong:#526A84;
  --text:#E5ECF4; --text-2:#C3D1E0; --text-muted:#90A3B8;
  --brand:#6F9FD8; --brand-hover:#8DB4E3; --brand-dark:#141B24; --brand-soft:#243E5E; --brand-text:#A6C6EC; --on-brand:#FFFFFF;
  --ok:#86C76B; --ok-bg:#1B301A; --ok-border:#30562C; --danger:#F08B7E; --danger-bg:#3A1C19; --danger-border:#6A2E28;
  --warn:#E9B86A; --warn-bg:#352812; --warn-border:#664A1F; --info:#A6C6EC; --info-bg:#243E5E; --info-border:#345A85;
  --or-band:linear-gradient(180deg, #34465C 0%, #2A3A4E 55%, #243345 100%);
  --or-portlet:linear-gradient(180deg, #4F78A8 0%, #3B6290 50%, #33598A 51%, #375D8C 100%);
  --or-grid-head:linear-gradient(180deg, #2E3B4C 0%, #273342 100%);
  --or-btn:linear-gradient(180deg, #33445A 0%, #2A394C 100%); --or-btn-hover:linear-gradient(180deg, #3D5A7E 0%, #31496A 100%);
  --or-accordion:linear-gradient(180deg, #2C394A 0%, #253140 100%);
  --or-grid:#34435A; --or-zebra:#253140; --or-hover:#2C4566; --or-title:#C9DCF2; --or-line:#3E5672;
}
@media screen {
  html[data-theme="oracle"] body { font-family: Tahoma, Arial, "Segoe UI", "Noto Sans Arabic", sans-serif; font-size: 12.5px; }
  /* شريط التطبيق مثل شريط تبويبات Primavera */
  [data-theme="oracle"] .app-header { background: var(--or-band); color: #fff; border-bottom: 3px solid #8FB1D9; box-shadow: 0 1px 3px rgba(0,0,0,.25); padding: 0 8px; }
  [data-theme="oracle"] .app-header .hdr-name { color: #fff; font-size: 14.5px; font-weight: 700; text-shadow: 0 1px 1px rgba(0,0,0,.25); }
  [data-theme="oracle"] .app-header .hdr-slogan { color: #D5E2F1; }
  [data-theme="oracle"] .app-header .hdr-btn { color: #fff; border-radius: 3px; width: 36px; height: 34px; flex-basis: 36px; }
  [data-theme="oracle"] .app-header .hdr-btn:hover { background: rgba(255,255,255,.16); color: #fff; }
  [data-theme="oracle"] .app-header .hdr-bot { color: #fff; }
  [data-theme="oracle"] .app-header .screen-guide-play { background: #8FB1D9; color: #1F2D3D; animation: none; box-shadow: none; }
  /* لوحة التنقل بأقسام قابلة للطي */
  [data-theme="oracle"] .sidebar { background: var(--surface-2); border-inline-end: 1px solid var(--border-strong); }
  [data-theme="oracle"] .sb-head { background: var(--or-band); color: #fff; border-bottom: 3px solid #8FB1D9; }
  [data-theme="oracle"] .sb-head .hdr-name { color: #fff; }
  [data-theme="oracle"] .sb-head .hdr-slogan { color: #D5E2F1; }
  [data-theme="oracle"] .sb-head .hdr-btn { color: #fff; }
  [data-theme="oracle"] .sb-body { padding: 6px 6px 20px; }
  [data-theme="oracle"] .sb-group { margin-bottom: 3px; }
  [data-theme="oracle"] .sb-group-title { background: var(--or-accordion); border: 1px solid var(--border); border-radius: 3px; color: var(--or-title); font-size: 12.5px; font-weight: 700; padding: 7px 10px; letter-spacing: 0; }
  [data-theme="oracle"] .sb-group-title:hover { background: var(--or-btn-hover); color: var(--or-title); }
  [data-theme="oracle"] .sb-link { position: relative; border-radius: 2px; color: var(--text); font-size: 12.5px; font-weight: 400; padding: 6px 12px; }
  [data-theme="oracle"] .sb-link .ico { color: var(--brand); }
  [data-theme="oracle"] .sb-link:hover { background: var(--or-hover); color: var(--text); }
  [data-theme="oracle"] .sb-link.is-active { background: var(--brand-soft); color: var(--brand-text); font-weight: 700; box-shadow: inset 3px 0 0 var(--brand); }
  html[dir="rtl"][data-theme="oracle"] .sb-link.is-active { box-shadow: inset -3px 0 0 var(--brand); }
  /* عنوان الصفحة */
  [data-theme="oracle"] .page-head { border-bottom: 1px solid var(--border-strong); padding-bottom: 8px; }
  [data-theme="oracle"] .page-title { font-size: 18px; font-weight: 700; color: var(--or-title); }
  [data-theme="oracle"] .page-title .ico { color: var(--brand); }
  /* اللوحات (Portlets) */
  [data-theme="oracle"] .card { border: 1px solid var(--or-line); border-radius: 4px 4px 3px 3px; box-shadow: var(--shadow-sm); }
  [data-theme="oracle"] .stat { border: 1px solid var(--border-strong); border-radius: 3px; box-shadow: var(--shadow-sm); }
  [data-theme="oracle"] .card-head { background: var(--or-portlet); border-bottom: 1px solid #3E6694; padding: 6px 10px; min-height: 30px; }
  [data-theme="oracle"] .card-title { color: #fff; font-size: 13px; font-weight: 700; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
  [data-theme="oracle"] .card-title .ico { color: #fff; }
  [data-theme="oracle"] .card-head .text-muted, [data-theme="oracle"] .card-head .muted, [data-theme="oracle"] .card-head .hint { color: #E3EDF8 !important; }
  [data-theme="oracle"] .card-head .btn { min-height: 22px; padding: 0 8px; font-size: 11.5px; }
  [data-theme="oracle"] .card-head .btn-ghost { color: #fff; }
  [data-theme="oracle"] .card-foot { background: var(--surface-2); }
  [data-theme="oracle"] .stat-ico { border-radius: 3px; }
  /* الأزرار */
  [data-theme="oracle"] .btn { min-height: 28px; padding: 0 12px; border: 1px solid var(--border-strong); border-radius: 3px; background: var(--or-btn); color: var(--text-2); font-size: 12.5px; font-weight: 700; }
  [data-theme="oracle"] .btn:hover { background: var(--or-btn-hover); border-color: #5480B4; color: var(--text); }
  [data-theme="oracle"] .btn:active { transform: none; box-shadow: inset 0 1px 2px rgba(0,0,0,.2); }
  [data-theme="oracle"] .btn-primary { background: var(--or-portlet); border-color: #3E6694; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.25); }
  [data-theme="oracle"] .btn-primary:hover { background: linear-gradient(180deg, #96B6DC 0%, #6893C5 50%, #5A86BA 51%, #6290C2 100%); border-color: #3E6694; color: #fff; }
  [data-theme="oracle"] .btn-ghost { background: transparent; border-color: transparent; color: var(--brand-text); }
  [data-theme="oracle"] .btn-ghost:hover { background: var(--or-hover); border-color: var(--border); }
  [data-theme="oracle"] .btn-soft { background: var(--or-btn); color: var(--brand-text); }
  [data-theme="oracle"] .btn-danger { background: linear-gradient(180deg, #E07A6E 0%, #C94A3B 50%, #BB3A2C 51%, #C2483A 100%); border-color: #93281C; color: #fff; }
  [data-theme="oracle"] .btn-ok { background: linear-gradient(180deg, #8EC46F 0%, #5C9C3A 50%, #4E8E2D 51%, #579834 100%); border-color: #3A6E1F; color: #fff; }
  [data-theme="oracle"] .btn-danger:hover, [data-theme="oracle"] .btn-ok:hover { filter: brightness(1.06); color: #fff; }
  [data-theme="oracle"] .btn-sm { min-height: 24px; padding: 0 9px; font-size: 12px; }
  /* الحقول */
  [data-theme="oracle"] .label { color: var(--text-2); font-weight: 700; font-size: 12.5px; }
  [data-theme="oracle"] .input, [data-theme="oracle"] .select, [data-theme="oracle"] .textarea, [data-theme="oracle"] .smart-select-control { min-height: 28px; border-radius: 2px; border-color: var(--border-strong); font-size: 12.5px; padding-block: 3px; }
  [data-theme="oracle"] .input:focus, [data-theme="oracle"] .select:focus, [data-theme="oracle"] .textarea:focus,
  [data-theme="oracle"] .smart-select.is-open .smart-select-control, [data-theme="oracle"] .smart-select-control:focus-within { border-color: #4C78AD; box-shadow: 0 0 0 2px rgba(76,120,173,.22); }
  [data-theme="oracle"] .smart-select-menu { border-radius: 3px; }
  [data-theme="oracle"] .smart-select-option { border-radius: 2px; }
  [data-theme="oracle"] .smart-select-option:hover, [data-theme="oracle"] .smart-select-option.is-active { background: var(--or-hover); border-color: transparent; }
  [data-theme="oracle"] .filters { background: var(--surface-2); border: 1px solid var(--border-strong); border-radius: 3px; }
  /* الجداول بخطوط شبكية */
  [data-theme="oracle"] .table { font-size: 12.5px; }
  [data-theme="oracle"] .table th, [data-theme="oracle"] .table td { padding: 6px 9px; border-inline-end: 1px solid var(--or-grid); }
  [data-theme="oracle"] .table thead th { background: var(--or-grid-head); color: var(--or-title); font-weight: 700; font-size: 12.5px; border-bottom: 1px solid var(--border-strong); }
  [data-theme="oracle"] .table tbody tr { border-bottom: 1px solid var(--or-grid); }
  [data-theme="oracle"] .table tbody tr:nth-child(even) { background: var(--or-zebra); }
  [data-theme="oracle"] .table tbody tr:hover { background: var(--or-hover); }
  [data-theme="oracle"] .table tfoot td { background: var(--or-grid-head); color: var(--or-title); border-top: 1px solid var(--border-strong); }
  [data-theme="oracle"] .badge { border-radius: 3px; }
  /* التبويبات */
  [data-theme="oracle"] .tabs { gap: 2px; border-bottom: 1px solid var(--border-strong); padding: 0 4px; }
  [data-theme="oracle"] .tab { margin-bottom: -1px; padding: 6px 14px; border: 1px solid var(--border-strong); border-bottom: 0; border-radius: 4px 4px 0 0; background: var(--or-grid-head); color: var(--text-2); font-weight: 700; font-size: 12.5px; }
  [data-theme="oracle"] .tab:hover { background: var(--or-btn-hover); color: var(--text); }
  [data-theme="oracle"] .tab.is-active { background: var(--surface); color: var(--or-title); border-bottom: 1px solid var(--surface); box-shadow: inset 0 2px 0 var(--brand); }
  [data-theme="oracle"] .pager-btn { border-radius: 3px; background: var(--or-btn); border-color: var(--border-strong); color: var(--text-2); height: 28px; min-width: 28px; }
  [data-theme="oracle"] .pager-btn.is-active { background: var(--or-portlet); border-color: #3E6694; color: #fff; }
  /* النوافذ */
  [data-theme="oracle"] .modal { border: 1px solid var(--or-line); border-radius: 4px; }
  [data-theme="oracle"] .modal-head { background: var(--or-portlet); border-bottom-color: #3E6694; color: #fff; }
  [data-theme="oracle"] .modal-head strong { color: #fff; font-size: 14px; }
  [data-theme="oracle"] .modal-head .muted, [data-theme="oracle"] .modal-x { color: #fff; }
  [data-theme="oracle"] .modal-foot { background: var(--surface-2); justify-content: flex-end; }
  [data-theme="oracle"] .alert, [data-theme="oracle"] .toast { border-radius: 3px; }
  /* شريط الحالة بلون شريط التطبيق */
  [data-theme="oracle"] .session-statusbar, [data-theme="oracle"] .session-statusbar .session-status-activity { background: var(--or-band); color: #E3EDF8; }
  [data-theme="oracle"] .session-statusbar { border-top: 1px solid #2E4560; box-shadow: none; }
  [data-theme="oracle"] .session-status-item { color: #E3EDF8; border-inline-end-color: rgba(255,255,255,.18); }
  [data-theme="oracle"] .session-status-item b, [data-theme="oracle"] .session-status-item strong, [data-theme="oracle"] .session-status-time,
  [data-theme="oracle"] .session-status-gregorian, [data-theme="oracle"] .session-status-date time, [data-theme="oracle"] .session-statusbar .activity-label { color: #fff; }
  [data-theme="oracle"] .session-status-moment, [data-theme="oracle"] .session-status-user { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.18); border-radius: 3px; }
  [data-theme="oracle"] .session-statusbar .activity-meter { background: rgba(255,255,255,.2); }
  [data-theme="oracle"] .activity-meter > i, [data-theme="oracle"] .erp-loadbar > i { background: #8FB1D9; box-shadow: none; }
  [data-theme="oracle"] .footer-nav { background: var(--or-band); border-radius: 6px; }
  [data-theme="oracle"] .fn-item.is-active .fn-icon { background: var(--or-portlet); color: #fff; box-shadow: 0 0 0 6px rgba(143,177,217,.4), 0 6px 14px rgba(0,0,0,.28); }
  [data-theme="oracle"] .body-blank { background: linear-gradient(180deg, #D7E1EC 0%, var(--bg) 60%); }
  [data-theme="oracle"] .login-card, [data-theme="oracle"] .err-card { border-radius: 4px; border: 1px solid var(--or-line); border-top: 28px solid #4C78AD; box-shadow: var(--shadow-md); }
  [data-theme="oracle"] .login-logo { border-radius: 4px; background: var(--or-portlet); box-shadow: none; }
}

/* =====================================================================
   3) نمط SAP (SAP GUI) — أشرطة رمادية زرقاء متدرجة، شجرة تنقل، شبكة بيانات بخطوط، أزرار مربعة، شريط حالة سفلي
   ===================================================================== */
[data-theme="sap"] {
  --bg:#E8EEF4; --surface:#FFFFFF; --surface-2:#F4F7FA; --surface-3:#E2E9F1;
  --border:#B6C7D9; --border-strong:#8EA6C0;
  --text:#10202F; --text-2:#2B3F55; --text-muted:#5D7086;
  --brand:#2F6CA8; --brand-hover:#24578A; --brand-dark:#294A6E; --brand-ring:#9EB8D4;
  --brand-soft:#DCE8F5; --brand-text:#1E4F80; --on-brand:#FFFFFF;
  --ok:#2E7D32; --ok-bg:#E5F2E6; --ok-border:#A9CFAB;
  --danger:#C62828; --danger-bg:#FBE6E6; --danger-border:#EBB1B1;
  --warn:#8F5B00; --warn-bg:#FFF5DB; --warn-border:#E9D39A;
  --info:#1E5C99; --info-bg:#E3EEF9; --info-border:#B4CDE8;
  --radius:2px; --radius-sm:2px; --radius-lg:3px; --radius-xl:4px;
  --shadow-sm:none; --shadow-md:0 2px 6px rgba(16,32,47,.18); --shadow-lg:0 6px 22px rgba(16,32,47,.28);
  --header-h:40px; --session-bar-h:30px;
  --sap-band:linear-gradient(180deg, #F3F7FB 0%, #DFE8F1 55%, #CFDCEA 100%);
  --sap-head:linear-gradient(180deg, #F6F9FC 0%, #DCE5EE 100%);
  --sap-btn:linear-gradient(180deg, #FFFFFF 0%, #E3EAF2 100%); --sap-btn-hover:linear-gradient(180deg, #FFFFFF 0%, #D2E2F3 100%);
  --sap-panel:#EEF3F8; --sap-grid:#D5DFE9; --sap-zebra:#F6F9FC; --sap-select:#CFE1F5; --sap-title:#0F2C4C; --sap-line:#9DB1C8;
}
[data-mode="dark"][data-theme="sap"] {
  --bg:#1C2530; --surface:#24303D; --surface-2:#283544; --surface-3:#2F3E4F;
  --border:#3E5063; --border-strong:#58708A;
  --text:#E6EEF6; --text-2:#C5D3E1; --text-muted:#93A6BA;
  --brand:#6AA6E8; --brand-hover:#8AB9EE; --brand-dark:#16202B; --brand-soft:#26405F; --brand-text:#A9CDF5; --on-brand:#FFFFFF;
  --ok:#7CCB72; --ok-bg:#1B3020; --ok-border:#2E5A38; --danger:#F08A8A; --danger-bg:#3A1C1C; --danger-border:#6B2E2E;
  --warn:#EAC567; --warn-bg:#352A10; --warn-border:#665020; --info:#A9CDF5; --info-bg:#26405F; --info-border:#36577D;
  --sap-band:linear-gradient(180deg, #3A4C60 0%, #2E3E50 55%, #28374A 100%);
  --sap-head:linear-gradient(180deg, #34455A 0%, #2B3A4B 100%);
  --sap-btn:linear-gradient(180deg, #3A4B5E 0%, #2E3D4E 100%); --sap-btn-hover:linear-gradient(180deg, #44617F 0%, #34506D 100%);
  --sap-panel:#26323F; --sap-grid:#3A4A5C; --sap-zebra:#283544; --sap-select:#2D4A6B; --sap-title:#E6EEF6; --sap-line:#4A5F76;
}
@media screen {
  html[data-theme="sap"] body { font-family: Tahoma, "Segoe UI", Arial, "Noto Sans Arabic", sans-serif; font-size: 12.5px; }
  /* شريط العنوان والأدوات */
  [data-theme="sap"] .app-header { background: var(--sap-band); color: var(--sap-title); border-bottom: 1px solid var(--sap-line); box-shadow: inset 0 1px 0 rgba(255,255,255,.6); padding: 0 8px; gap: 3px; }
  [data-theme="sap"] .app-header .hdr-name { color: var(--sap-title); font-size: 14px; font-weight: 700; }
  [data-theme="sap"] .app-header .hdr-slogan { color: var(--text-muted); font-size: 11px; }
  [data-theme="sap"] .app-header .hdr-btn { width: 32px; height: 30px; flex-basis: 32px; border: 1px solid transparent; border-radius: 2px; color: var(--sap-title); }
  [data-theme="sap"] .app-header .hdr-btn:hover { background: var(--sap-btn-hover); border-color: var(--border-strong); color: var(--sap-title); }
  [data-theme="sap"] .app-header .screen-guide-play { background: var(--sap-btn); border-color: var(--border-strong); color: var(--brand); animation: none; box-shadow: none; }
  [data-theme="sap"] .app-header .hdr-bot { color: var(--brand); }
  /* شجرة التنقل */
  [data-theme="sap"] .sidebar { background: var(--surface); border-inline-end: 1px solid var(--sap-line); }
  [data-theme="sap"] .sb-head { background: var(--sap-band); border-bottom: 1px solid var(--sap-line); }
  [data-theme="sap"] .sb-head .hdr-name { color: var(--sap-title); }
  [data-theme="sap"] .hdr-logo { border-radius: 2px; }
  [data-theme="sap"] .sb-body { padding: 6px 4px 20px; }
  [data-theme="sap"] .sb-group-title { color: var(--text); font-size: 12.5px; font-weight: 700; border-radius: 0; padding: 6px 8px; }
  [data-theme="sap"] .sb-group-title:hover { background: var(--surface-3); }
  [data-theme="sap"] .sb-group-links { border-inline-start: 1px dotted var(--border-strong); margin-inline-start: 14px; }
  [data-theme="sap"] .sb-link { border-radius: 0; color: var(--text); font-size: 12.5px; font-weight: 400; padding: 4px 8px; }
  [data-theme="sap"] .sb-link .ico { width: 16px; height: 16px; flex-basis: 16px; color: var(--brand); }
  [data-theme="sap"] .sb-link:hover { background: var(--surface-3); color: var(--text); }
  [data-theme="sap"] .sb-link.is-active { background: var(--sap-select); color: var(--text); font-weight: 700; outline: 1px dotted var(--text); outline-offset: -2px; }
  /* عنوان الشاشة مثل شريط عنوان SAP GUI */
  [data-theme="sap"] .page-head { background: var(--sap-band); border: 1px solid var(--sap-line); padding: 7px 10px; margin-bottom: 10px; }
  [data-theme="sap"] .page-title { font-size: 15px; font-weight: 700; color: var(--sap-title); }
  [data-theme="sap"] .page-title .ico { color: var(--brand); }
  /* المجموعات واللوحات */
  [data-theme="sap"] .card, [data-theme="sap"] .stat { background: var(--sap-panel); border: 1px solid var(--sap-line); border-radius: 2px; box-shadow: none; }
  [data-theme="sap"] .card-head { background: var(--sap-head); border-bottom: 1px solid var(--sap-line); padding: 6px 10px; }
  [data-theme="sap"] .card-title { color: var(--sap-title); font-size: 13px; font-weight: 700; }
  [data-theme="sap"] .card-title .ico { color: var(--brand); }
  [data-theme="sap"] .card-body { background: var(--sap-panel); }
  [data-theme="sap"] .card-foot { background: var(--sap-head); border-top-color: var(--sap-line); }
  [data-theme="sap"] .card-body.p0, [data-theme="sap"] .table-wrap { background: var(--surface); }
  /* الأزرار */
  [data-theme="sap"] .btn { min-height: 26px; padding: 0 11px; border: 1px solid var(--border-strong); border-radius: 2px; background: var(--sap-btn); color: var(--text); font-size: 12.5px; font-weight: 400; }
  [data-theme="sap"] .btn:hover { background: var(--sap-btn-hover); border-color: var(--brand); }
  [data-theme="sap"] .btn:active { background: var(--sap-select); transform: none; }
  [data-theme="sap"] .btn:focus-visible { outline: 1px dotted var(--text); outline-offset: -4px; }
  [data-theme="sap"] .btn-primary { background: var(--sap-btn); border-color: var(--brand); color: var(--brand-text); font-weight: 700; box-shadow: inset 0 0 0 1px var(--brand-ring); }
  [data-theme="sap"] .btn-primary:hover { background: var(--sap-btn-hover); border-color: var(--brand-hover); }
  [data-theme="sap"] .btn-ghost { background: transparent; border-color: transparent; color: var(--brand-text); }
  [data-theme="sap"] .btn-ghost:hover { background: var(--sap-btn-hover); border-color: var(--border-strong); }
  [data-theme="sap"] .btn-soft { background: var(--sap-btn); color: var(--brand-text); }
  [data-theme="sap"] .btn-danger { background: var(--sap-btn); border-color: var(--border-strong); color: var(--danger); font-weight: 700; }
  [data-theme="sap"] .btn-ok { background: var(--sap-btn); border-color: var(--border-strong); color: var(--ok); font-weight: 700; }
  [data-theme="sap"] .btn-danger:hover, [data-theme="sap"] .btn-ok:hover { filter: none; background: var(--sap-btn-hover); }
  [data-theme="sap"] .btn-sm { min-height: 22px; padding: 0 8px; font-size: 12px; }
  /* الحقول */
  [data-theme="sap"] .label { color: var(--text); font-weight: 400; font-size: 12.5px; }
  [data-theme="sap"] .input, [data-theme="sap"] .select, [data-theme="sap"] .textarea, [data-theme="sap"] .smart-select-control { min-height: 26px; border-radius: 0; border-color: var(--border-strong); background-color: var(--surface); font-size: 12.5px; padding-block: 3px; }
  [data-theme="sap"] .input:focus, [data-theme="sap"] .select:focus, [data-theme="sap"] .textarea:focus,
  [data-theme="sap"] .smart-select.is-open .smart-select-control, [data-theme="sap"] .smart-select-control:focus-within { border-color: var(--brand); box-shadow: inset 0 0 0 1px var(--brand); }
  [data-theme="sap"] .smart-select-menu { border-radius: 0; padding: 2px; }
  [data-theme="sap"] .smart-select-option { border-radius: 0; min-height: 26px; }
  [data-theme="sap"] .smart-select-option:hover, [data-theme="sap"] .smart-select-option.is-active { background: var(--sap-select); border-color: transparent; }
  [data-theme="sap"] .filters { background: var(--sap-panel); border: 1px solid var(--sap-line); border-radius: 2px; }
  /* شبكة البيانات (ALV) */
  [data-theme="sap"] .table { font-size: 12.5px; background: var(--surface); }
  [data-theme="sap"] .table th, [data-theme="sap"] .table td { padding: 5px 8px; border-inline-end: 1px solid var(--sap-grid); }
  [data-theme="sap"] .table thead th { background: var(--sap-head); color: var(--text); font-weight: 700; font-size: 12.5px; border-bottom: 1px solid var(--sap-line); }
  [data-theme="sap"] .table tbody tr { border-bottom: 1px solid var(--sap-grid); }
  [data-theme="sap"] .table tbody tr:nth-child(even) { background: var(--sap-zebra); }
  [data-theme="sap"] .table tbody tr:hover { background: var(--sap-select); }
  [data-theme="sap"] .table tfoot td { background: var(--sap-head); border-top: 1px solid var(--sap-line); }
  [data-theme="sap"] .badge { border-radius: 2px; }
  /* ألسنة التبويب */
  [data-theme="sap"] .tabs { gap: 2px; border-bottom: 1px solid var(--sap-line); padding: 0 4px; }
  [data-theme="sap"] .tab { margin-bottom: -1px; padding: 5px 13px; border: 1px solid var(--sap-line); border-bottom: 0; border-radius: 3px 3px 0 0; background: var(--sap-head); color: var(--text); font-weight: 400; font-size: 12.5px; }
  [data-theme="sap"] .tab:hover { background: var(--sap-btn-hover); color: var(--text); }
  [data-theme="sap"] .tab.is-active { background: var(--surface); border-bottom: 1px solid var(--surface); font-weight: 700; color: var(--sap-title); }
  [data-theme="sap"] .pager-btn { border-radius: 2px; background: var(--sap-btn); border-color: var(--border-strong); color: var(--text); height: 26px; min-width: 28px; }
  [data-theme="sap"] .pager-btn.is-active { background: var(--sap-select); border-color: var(--brand); color: var(--sap-title); font-weight: 700; }
  [data-theme="sap"] .modal { border-radius: 2px; border: 1px solid var(--sap-line); }
  [data-theme="sap"] .modal-head { background: var(--sap-band); border-bottom-color: var(--sap-line); }
  [data-theme="sap"] .modal-head strong { color: var(--sap-title); font-size: 14px; }
  [data-theme="sap"] .modal-body { background: var(--sap-panel); }
  [data-theme="sap"] .modal-foot { background: var(--sap-band); border-top-color: var(--sap-line); justify-content: flex-end; }
  [data-theme="sap"] .alert, [data-theme="sap"] .toast { border-radius: 2px; }
  /* شريط الحالة أسفل الشاشة كما في SAP GUI */
  [data-theme="sap"] .session-statusbar, [data-theme="sap"] .session-statusbar .session-status-activity, [data-theme="sap"] .activity-statusbar { background: var(--sap-band); color: var(--text); }
  [data-theme="sap"] .session-statusbar, [data-theme="sap"] .activity-statusbar { border-top: 1px solid var(--sap-line); box-shadow: none; padding: 2px 4px; }
  [data-theme="sap"] .session-status-item { min-height: 22px; margin: 1px 2px; padding: 1px 8px; border: 1px solid var(--border); border-radius: 2px; background: var(--surface-2); color: var(--text); font-size: 11.5px; }
  [data-theme="sap"] .session-status-item b, [data-theme="sap"] .session-status-item strong, [data-theme="sap"] .session-status-time,
  [data-theme="sap"] .session-status-gregorian, [data-theme="sap"] .session-status-date time { color: var(--sap-title); }
  [data-theme="sap"] .session-status-moment, [data-theme="sap"] .session-status-user { background: var(--surface-2); border-radius: 2px; }
  [data-theme="sap"] .session-status-time { font-size: 13.5px; }
  [data-theme="sap"] .activity-meter { border-radius: 0; height: 10px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-strong); }
  [data-theme="sap"] .activity-meter > i { border-radius: 0; background: linear-gradient(180deg, #7FB0E3 0%, #2F6CA8 100%); }
  [data-theme="sap"] .footer-nav { background: var(--sap-band); border: 1px solid var(--sap-line); border-radius: 4px; }
  [data-theme="sap"] .fn-item { color: var(--text-2); }
  [data-theme="sap"] .fn-item:hover, [data-theme="sap"] .fn-item.is-active { color: var(--sap-title); }
  [data-theme="sap"] .fn-badge { border-color: #DFE8F1; }
  [data-theme="sap"] .body-blank { background: var(--bg); }
  [data-theme="sap"] .login-card, [data-theme="sap"] .err-card { border-radius: 2px; border: 1px solid var(--sap-line); background: var(--sap-panel); box-shadow: 0 4px 16px rgba(16,32,47,.14); }
  [data-theme="sap"] .login-logo { border-radius: 4px; box-shadow: none; }
  [data-theme="sap"] .theme-option.is-active { border-radius: 0; }
}
@media screen and (min-width: 992px) {
  [data-theme="sap"] .page-head { margin-bottom: 12px; }
}

/* =====================================================================
   4) نمط Tally — شريط أزرق داكن وخط أصفر، «بوابة» بقوائم عريضة، تحديد بالأصفر، تقارير بخطوط
   ===================================================================== */
[data-theme="tally"] {
  --bg:#E9F0F7; --surface:#FFFFFF; --surface-2:#F4F8FC; --surface-3:#E3ECF5;
  --border:#B9CCE0; --border-strong:#8FA9C4;
  --text:#0B1F33; --text-2:#26415C; --text-muted:#5B7590;
  --brand:#1F4E79; --brand-hover:#173B5C; --brand-dark:#16395A; --brand-ring:#F9D648;
  --brand-soft:#FFF1B8; --brand-text:#1F4E79; --on-brand:#FFFFFF;
  --ok:#1E7B34; --ok-bg:#E3F3E6; --ok-border:#A8D5B2;
  --danger:#B3261E; --danger-bg:#FBE5E3; --danger-border:#EDB6B1;
  --warn:#7A5000; --warn-bg:#FFF4D1; --warn-border:#EED795;
  --info:#1F4E79; --info-bg:#E3ECF5; --info-border:#B9CCE0;
  --radius:2px; --radius-sm:2px; --radius-lg:3px; --radius-xl:4px;
  --shadow-sm:none; --shadow-md:0 2px 6px rgba(11,31,51,.15); --shadow-lg:0 8px 24px rgba(11,31,51,.25);
  --header-h:44px; --session-bar-h:36px;
  --tally-bar:#1F4E79; --tally-title:#2F6497; --tally-hl:#F9D648; --tally-hl-text:#000000; --tally-btn:#DCE7F2;
}
[data-mode="dark"][data-theme="tally"] {
  --bg:#0E1A27; --surface:#132334; --surface-2:#172B40; --surface-3:#1D3550;
  --border:#2A4A6B; --border-strong:#3D6185;
  --text:#E8F0F8; --text-2:#C3D4E6; --text-muted:#8FA9C4;
  --brand:#4D8BC8; --brand-hover:#6AA2D8; --brand-dark:#0B1622; --brand-soft:#3A3315; --brand-text:#9CC3EA; --on-brand:#FFFFFF;
  --ok:#6BCB82; --ok-bg:#15301F; --ok-border:#2C5A3A; --danger:#F08A82; --danger-bg:#3A1A18; --danger-border:#6C2E29;
  --warn:#EAC567; --warn-bg:#352A10; --warn-border:#665020; --info:#9CC3EA; --info-bg:#1D3550; --info-border:#2A4A6B;
  --tally-bar:#0B1622; --tally-title:#1D3D60; --tally-hl:#E8C547; --tally-btn:#1D3550;
}
@media screen {
  html[data-theme="tally"] body { font-family: "Segoe UI", Tahoma, Verdana, Arial, "Noto Sans Arabic", sans-serif; font-size: 13.5px; }
  [data-theme="tally"] .app-header { background: var(--tally-bar); color: #fff; border-bottom: 2px solid var(--tally-hl); box-shadow: none; }
  [data-theme="tally"] .app-header .hdr-btn { color: #fff; border-radius: 2px; }
  [data-theme="tally"] .app-header .hdr-btn:hover { background: var(--tally-hl); color: var(--tally-hl-text); }
  [data-theme="tally"] .app-header .hdr-name { color: #fff; font-weight: 800; letter-spacing: .2px; }
  [data-theme="tally"] .app-header .hdr-slogan { color: var(--tally-hl); font-weight: 700; }
  [data-theme="tally"] .app-header .hdr-bot { color: #fff; }
  [data-theme="tally"] .app-header .screen-guide-play { background: var(--tally-hl); color: var(--tally-hl-text); }
  /* بوابة Tally */
  [data-theme="tally"] .sidebar { background: var(--surface); border-inline-end: 2px solid var(--tally-bar); }
  [data-theme="tally"] .sb-head { background: var(--tally-title); color: #fff; border-bottom: 2px solid var(--tally-hl); }
  [data-theme="tally"] .sb-head .hdr-name { color: #fff; font-weight: 800; }
  [data-theme="tally"] .sb-head .hdr-slogan { color: #DCE7F2; }
  [data-theme="tally"] .sb-head .hdr-btn { color: #fff; }
  [data-theme="tally"] .sb-group-title { color: var(--brand); font-size: 12px; font-weight: 800; letter-spacing: .6px; border-bottom: 1px dotted var(--border-strong); border-radius: 0; padding-bottom: 5px; margin-bottom: 3px; }
  [data-mode="dark"][data-theme="tally"] .sb-group-title { color: var(--brand-text); }
  [data-theme="tally"] .sb-link { border-radius: 0; color: var(--text); font-weight: 600; padding: 7px 12px; }
  [data-theme="tally"] .sb-link:hover, [data-theme="tally"] .sb-link.is-active { background: var(--tally-hl); color: var(--tally-hl-text); text-decoration: none; }
  [data-theme="tally"] .sb-link.is-active { font-weight: 800; box-shadow: inset 4px 0 0 var(--tally-bar); }
  html[dir="rtl"][data-theme="tally"] .sb-link.is-active { box-shadow: inset -4px 0 0 var(--tally-bar); }
  [data-theme="tally"] .page-head { background: var(--tally-title); color: #fff; margin: -14px -14px 14px; padding: 9px 14px; border-bottom: 2px solid var(--tally-hl); }
  /* أزرار بدون خلفية على شريط العنوان الداكن: نص فاتح وإطار خفيف حتى لا تبدو معطلة */
  [data-theme="tally"] :is(.page-head, .card-head) :is(.btn-ghost, .btn-link) { color: #fff; border-color: rgba(255,255,255,.45); }
  [data-theme="tally"] :is(.page-head, .card-head) .btn-ghost:hover { background: rgba(255,255,255,.14); color: #fff; }
  [data-theme="tally"] .page-head .btn-ghost:disabled, [data-theme="tally"] .page-head .btn-ghost[aria-disabled="true"] { color: rgba(255,255,255,.55); }
  [data-theme="tally"] .page-title { color: #fff; font-size: 16px; font-weight: 800; }
  [data-theme="tally"] .page-title .ico { color: var(--tally-hl); }
  [data-theme="tally"] .page-sub { color: #DCE7F2; }
  [data-theme="tally"] .card, [data-theme="tally"] .stat { border-radius: 2px; border-color: var(--border-strong); box-shadow: none; }
  [data-theme="tally"] .card-head { background: var(--tally-title); color: #fff; border-bottom: 2px solid var(--tally-hl); padding: 8px 14px; }
  [data-theme="tally"] .card-title { color: #fff; font-size: 14px; font-weight: 800; }
  [data-theme="tally"] .card-title .ico { color: var(--tally-hl); }
  [data-theme="tally"] .card-head .text-muted, [data-theme="tally"] .card-head .muted { color: #DCE7F2 !important; }
  [data-theme="tally"] .card-head .btn-ghost { color: #fff; }
  [data-theme="tally"] .btn { min-height: 34px; padding: 0 12px; border-radius: 2px; background: var(--tally-btn); border-color: var(--border-strong); color: var(--brand); font-weight: 700; }
  [data-mode="dark"][data-theme="tally"] .btn { color: var(--text); }
  [data-theme="tally"] .btn:hover, [data-theme="tally"] .btn-primary:hover, [data-theme="tally"] .btn-ghost:hover, [data-theme="tally"] .btn-soft:hover { background: var(--tally-hl); border-color: #C9A92D; color: var(--tally-hl-text); filter: none; }
  [data-theme="tally"] .btn:active { transform: none; }
  [data-theme="tally"] .btn-primary { background: var(--tally-bar); border-color: var(--brand-dark); color: #fff; }
  [data-theme="tally"] .btn-ghost { background: transparent; border-color: transparent; }
  [data-theme="tally"] .btn-soft { background: var(--surface-3); border-color: var(--border); }
  [data-theme="tally"] .btn-danger { background: var(--danger); border-color: var(--danger); color: #fff; }
  [data-theme="tally"] .btn-ok { background: var(--ok); border-color: var(--ok); color: #fff; }
  [data-theme="tally"] .label { color: var(--text-2); font-weight: 700; }
  [data-theme="tally"] .input, [data-theme="tally"] .select, [data-theme="tally"] .textarea, [data-theme="tally"] .smart-select-control { border-radius: 0; border-color: var(--border-strong); min-height: 34px; }
  [data-theme="tally"] .input:focus, [data-theme="tally"] .select:focus, [data-theme="tally"] .textarea:focus { background-color: #FFF8D6; border-color: var(--tally-bar); box-shadow: none; }
  [data-mode="dark"][data-theme="tally"] .input:focus, [data-mode="dark"][data-theme="tally"] .select:focus, [data-mode="dark"][data-theme="tally"] .textarea:focus { background-color: #2A2A16; }
  [data-theme="tally"] .smart-select.is-open .smart-select-control, [data-theme="tally"] .smart-select-control:focus-within { border-color: var(--tally-bar); box-shadow: none; }
  [data-theme="tally"] .smart-select-option { border-radius: 0; }
  [data-theme="tally"] .smart-select-option:hover, [data-theme="tally"] .smart-select-option.is-active { background: var(--tally-hl); color: var(--tally-hl-text); border-color: transparent; }
  /* التقارير: رأس بخط عريض، صفوف بخط منقط، إجمالي بخط مزدوج، تحديد أصفر */
  [data-theme="tally"] .table thead th { background: var(--surface-3); color: var(--text); font-weight: 800; border-bottom: 2px solid var(--tally-bar); }
  [data-theme="tally"] .table tbody tr { border-bottom: 1px dotted var(--border-strong); }
  [data-theme="tally"] .table tbody tr:hover { background: var(--brand-soft); }
  [data-theme="tally"] .table tfoot td { background: var(--surface); border-top: 3px double var(--tally-bar); font-weight: 800; }
  [data-theme="tally"] .table th, [data-theme="tally"] .table td { padding: 7px 10px; }
  [data-theme="tally"] .badge { border-radius: 2px; }
  [data-theme="tally"] .filters { border-radius: 2px; border-color: var(--border-strong); }
  [data-theme="tally"] .tabs { gap: 0; border-bottom: 2px solid var(--tally-bar); padding-bottom: 0; }
  [data-theme="tally"] .tab { border: 1px solid var(--border-strong); border-bottom: 0; background: var(--tally-btn); color: var(--brand); font-weight: 700; margin-inline-end: -1px; }
  [data-mode="dark"][data-theme="tally"] .tab { color: var(--text-2); }
  [data-theme="tally"] .tab:hover, [data-theme="tally"] .tab.is-active { background: var(--tally-hl); color: var(--tally-hl-text); border-bottom-color: transparent; }
  [data-theme="tally"] .pager-btn { border-radius: 0; }
  [data-theme="tally"] .pager-btn.is-active { background: var(--tally-hl); border-color: #C9A92D; color: var(--tally-hl-text); }
  [data-theme="tally"] .modal { border-radius: 2px; border: 2px solid var(--tally-bar); }
  [data-theme="tally"] .modal-head { background: var(--tally-title); color: #fff; border-bottom: 2px solid var(--tally-hl); }
  [data-theme="tally"] .modal-head .modal-x, [data-theme="tally"] .modal-head .muted { color: #fff; }
  [data-theme="tally"] .alert, [data-theme="tally"] .toast { border-radius: 2px; }
  [data-theme="tally"] .session-statusbar, [data-theme="tally"] .session-statusbar .session-status-activity { background: var(--tally-bar); color: #DCE7F2; }
  [data-theme="tally"] .session-statusbar { border-top: 2px solid var(--tally-hl); box-shadow: none; }
  [data-theme="tally"] .session-status-item { color: #DCE7F2; border-inline-end-color: rgba(255,255,255,.2); }
  [data-theme="tally"] .session-status-item b, [data-theme="tally"] .session-status-item strong, [data-theme="tally"] .session-status-time,
  [data-theme="tally"] .session-status-gregorian, [data-theme="tally"] .session-status-date time { color: var(--tally-hl); }
  [data-theme="tally"] .session-status-moment, [data-theme="tally"] .session-status-user { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.15); border-radius: 2px; }
  [data-theme="tally"] .session-statusbar .activity-label { color: #fff; }
  [data-theme="tally"] .session-statusbar .activity-meter { background: rgba(255,255,255,.18); border-radius: 0; }
  [data-theme="tally"] .activity-meter > i, [data-theme="tally"] .erp-loadbar > i { background: var(--tally-hl); border-radius: 0; box-shadow: none; }
  [data-theme="tally"] .footer-nav { background: var(--tally-bar); border-radius: 4px; }
  [data-theme="tally"] .fn-item.is-active .fn-icon { background: var(--tally-hl); color: var(--tally-hl-text); box-shadow: 0 0 0 6px rgba(249,214,72,.35), 0 6px 14px rgba(0,0,0,.28); }
  [data-theme="tally"] .body-blank { background: var(--bg); }
  [data-theme="tally"] .login-card, [data-theme="tally"] .err-card { border-radius: 2px; border: 2px solid var(--tally-bar); box-shadow: 0 8px 24px rgba(11,31,51,.18); }
  [data-theme="tally"] .login-logo { background: var(--tally-bar); color: var(--tally-hl); border-radius: 2px; box-shadow: 0 0 0 4px var(--tally-hl); }
}

/* =====================================================================
   5) نمط ويندوز 98 — سطح المكتب الأخضر المزرق، نوافذ رمادية مجسمة، شريط عنوان كحلي متدرج
   ===================================================================== */
[data-theme="win98"] {
  --w98-face:#C0C0C0; --w98-light:#FFFFFF; --w98-hilite:#DFDFDF; --w98-shadow:#808080; --w98-dark:#000000;
  --w98-desktop:#008080; --w98-field:#FFFFFF; --w98-text:#000000; --w98-select:#000080; --w98-select-text:#FFFFFF; --w98-disabled:#808080;
  --w98-title:linear-gradient(to right, #000080, #1084D0);
  --w98-raised:inset -1px -1px var(--w98-dark), inset 1px 1px var(--w98-light), inset -2px -2px var(--w98-shadow), inset 2px 2px var(--w98-hilite);
  --w98-pressed:inset -1px -1px var(--w98-light), inset 1px 1px var(--w98-dark), inset -2px -2px var(--w98-hilite), inset 2px 2px var(--w98-shadow);
  --w98-sunken:inset -1px -1px var(--w98-light), inset 1px 1px var(--w98-shadow), inset -2px -2px var(--w98-hilite), inset 2px 2px var(--w98-dark);
  --w98-panel:inset -1px -1px var(--w98-light), inset 1px 1px var(--w98-shadow);
  --bg:#008080; --surface:#C0C0C0; --surface-2:#C0C0C0; --surface-3:#D4D0C8;
  --border:#808080; --border-strong:#000000;
  --text:#000000; --text-2:#000000; --text-muted:#404040;
  --brand:#000080; --brand-hover:#1084D0; --brand-dark:#C0C0C0; --brand-ring:#808080;
  --brand-soft:#D4D0C8; --brand-text:#000080; --on-brand:#FFFFFF;
  --ok:#006000; --ok-bg:#D8ECD8; --ok-border:#808080;
  --danger:#A00000; --danger-bg:#F0D8D8; --danger-border:#808080;
  --warn:#6B5B00; --warn-bg:#F0ECC8; --warn-border:#808080;
  --info:#000080; --info-bg:#D8D8F0; --info-border:#808080;
  --radius:0; --radius-sm:0; --radius-lg:0; --radius-xl:0;
  --shadow-sm:none; --shadow-md:none; --shadow-lg:2px 2px 0 rgba(0,0,0,.35);
  --header-h:36px; --session-bar-h:30px;
}
html[dir="rtl"][data-theme="win98"] { --w98-title:linear-gradient(to left, #000080, #1084D0); }
[data-mode="dark"][data-theme="win98"] {
  --w98-face:#3A3A3A; --w98-light:#6E6E6E; --w98-hilite:#4E4E4E; --w98-shadow:#1C1C1C; --w98-dark:#000000;
  --w98-desktop:#0B3B3B; --w98-field:#1E1E1E; --w98-text:#F0F0F0; --w98-select:#2850A8; --w98-disabled:#8A8A8A;
  --bg:#0B3B3B; --surface:#3A3A3A; --surface-2:#3A3A3A; --surface-3:#454545;
  --border:#1C1C1C; --border-strong:#000000; --text:#F0F0F0; --text-2:#F0F0F0; --text-muted:#BDBDBD;
  --brand:#5A7FD0; --brand-hover:#7F9EE0; --brand-dark:#3A3A3A; --brand-soft:#454545; --brand-text:#A9C2FF;
  --ok:#7FD37F; --ok-bg:#24402A; --danger:#FF8A8A; --danger-bg:#4A2424; --warn:#E6D27A; --warn-bg:#47401E; --info:#A9C2FF; --info-bg:#262F4A;
}
@media screen {
  html[data-theme="win98"] body { font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif", Arial, sans-serif; font-size: 12px; background: var(--w98-desktop); color: var(--w98-text); -webkit-font-smoothing: none; }
  /* شريط العنوان */
  [data-theme="win98"] .app-header { background: var(--w98-title); color: #fff; border: 0; box-shadow: none; padding: 0 6px; gap: 3px; }
  [data-theme="win98"] .app-header .hdr-name { color: #fff; font-size: 13px; font-weight: 700; }
  [data-theme="win98"] .app-header .hdr-slogan { color: #DFDFDF; font-size: 11px; }
  [data-theme="win98"] .app-header .hdr-btn, [data-theme="win98"] .app-header .header-language > summary {
    width: 30px; height: 26px; flex: 0 0 30px; border-radius: 0; background: var(--w98-face); color: var(--w98-text); box-shadow: var(--w98-raised);
  }
  [data-theme="win98"] .app-header .hdr-btn:hover { background: var(--w98-face); color: var(--w98-text); }
  [data-theme="win98"] .app-header .hdr-btn:active { box-shadow: var(--w98-pressed); }
  [data-theme="win98"] .app-header .hdr-btn .ico { width: 16px; height: 16px; }
  [data-theme="win98"] .app-header .screen-guide-play { animation: none; }
  [data-theme="win98"] .hdr-badge, [data-theme="win98"] .fn-badge { border-radius: 0; background: #C00000; }
  /* قائمة ابدأ */
  [data-theme="win98"] .sidebar { background: var(--w98-face); border: 0; box-shadow: var(--w98-raised); padding-inline-start: 24px; }
  [data-theme="win98"] .sidebar::before { content: ""; position: absolute; inset-block: 3px; inset-inline-start: 3px; width: 21px; background: linear-gradient(to top, #000080, #1084D0); }
  [data-theme="win98"] .sb-head { border-bottom: 1px solid var(--w98-shadow); box-shadow: 0 1px 0 var(--w98-light); }
  [data-theme="win98"] .sb-head .hdr-name { color: var(--w98-text); }
  [data-theme="win98"] .hdr-logo { border-radius: 0; box-shadow: var(--w98-sunken); background: var(--w98-field); }
  [data-theme="win98"] .sb-group-title { color: var(--w98-text); font-size: 12px; border-radius: 0; border-top: 1px solid var(--w98-shadow); box-shadow: inset 0 1px 0 var(--w98-light); }
  [data-theme="win98"] .sb-group:first-child .sb-group-title { border-top: 0; box-shadow: none; }
  [data-theme="win98"] .sb-group-title:hover { background: var(--w98-select); color: var(--w98-select-text); }
  [data-theme="win98"] .sb-link { border-radius: 0; color: var(--w98-text); font-size: 12px; padding: 5px 8px; font-weight: 400; }
  [data-theme="win98"] .sb-link .ico { width: 18px; height: 18px; flex-basis: 18px; }
  [data-theme="win98"] .sb-link:hover, [data-theme="win98"] .sb-link.is-active { background: var(--w98-select); color: var(--w98-select-text); text-decoration: none; }
  [data-theme="win98"] .sb-link.is-active { font-weight: 700; }
  [data-theme="win98"] .divider { border-top: 1px solid var(--w98-shadow); border-bottom: 1px solid var(--w98-light); background: none; height: 0; }
  /* شريط أدوات الصفحة */
  [data-theme="win98"] .page-head { background: var(--w98-face); box-shadow: var(--w98-raised); padding: 6px 10px; margin-bottom: 10px; }
  [data-theme="win98"] .page-title { font-size: 14px; font-weight: 700; color: var(--w98-text); }
  [data-theme="win98"] .page-title .ico { color: var(--brand); }
  [data-theme="win98"] .page-sub, [data-theme="win98"] .text-muted { color: var(--text-muted) !important; }
  /* النوافذ */
  [data-theme="win98"] .card, [data-theme="win98"] .stat, [data-theme="win98"] .login-card, [data-theme="win98"] .err-card { background: var(--w98-face); border: 0; border-radius: 0; box-shadow: var(--w98-raised); padding: 3px; }
  [data-theme="win98"] .card-head { background: var(--w98-title); color: #fff; border: 0; padding: 3px 6px; min-height: 24px; }
  [data-theme="win98"] .card-title { color: #fff; font-size: 12px; font-weight: 700; }
  [data-theme="win98"] .card-title .ico { color: #fff; width: 15px; height: 15px; }
  [data-theme="win98"] .card-head .text-muted, [data-theme="win98"] .card-head .muted, [data-theme="win98"] .card-head .hint { color: #DFDFDF !important; }
  [data-theme="win98"] .card-head .btn { min-height: 20px; padding: 0 6px; font-size: 11px; }
  [data-theme="win98"] .card-body, [data-theme="win98"] .card-foot { background: var(--w98-face); }
  [data-theme="win98"] .card-foot { border-top: 1px solid var(--w98-shadow); box-shadow: inset 0 1px 0 var(--w98-light); }
  [data-theme="win98"] .card-body.p0, [data-theme="win98"] .table-wrap { background: var(--w98-field); box-shadow: var(--w98-sunken); padding: 2px; }
  [data-theme="win98"] .stat-ico { border-radius: 0; background: var(--w98-field); box-shadow: var(--w98-sunken); color: var(--brand); }
  /* الأزرار المجسمة */
  [data-theme="win98"] .btn { min-height: 26px; padding: 0 12px; border: 0; border-radius: 0; background: var(--w98-face); color: var(--w98-text); box-shadow: var(--w98-raised); font-size: 12px; font-weight: 400; }
  [data-theme="win98"] .btn:hover { background: var(--w98-face); }
  [data-theme="win98"] .btn:active { box-shadow: var(--w98-pressed); transform: none; }
  [data-theme="win98"] .btn:focus-visible { outline: 1px dotted var(--w98-text); outline-offset: -5px; }
  [data-theme="win98"] .btn-primary { background: var(--w98-face); color: var(--w98-text); font-weight: 700; box-shadow: inset 0 0 0 1px var(--w98-dark), inset -2px -2px var(--w98-shadow), inset 2px 2px var(--w98-light); }
  [data-theme="win98"] .btn-primary:hover { background: var(--w98-face); }
  [data-theme="win98"] .btn-ghost { background: transparent; box-shadow: none; }
  [data-theme="win98"] .btn-ghost:hover { background: var(--w98-face); box-shadow: var(--w98-raised); }
  [data-theme="win98"] .btn-soft { background: var(--w98-face); color: var(--w98-text); }
  [data-theme="win98"] .btn-danger { background: var(--w98-face); color: var(--danger); font-weight: 700; }
  [data-theme="win98"] .btn-danger:hover, [data-theme="win98"] .btn-ok:hover { filter: none; background: var(--w98-face); }
  [data-theme="win98"] .btn-ok { background: var(--w98-face); color: var(--ok); font-weight: 700; }
  [data-theme="win98"] .btn-sm { min-height: 22px; padding: 0 8px; font-size: 11.5px; }
  [data-theme="win98"] .btn.is-disabled, [data-theme="win98"] .btn:disabled { opacity: 1; color: var(--w98-disabled); text-shadow: 1px 1px 0 var(--w98-light); }
  /* الحقول الغائرة */
  [data-theme="win98"] .label { color: var(--w98-text); font-weight: 400; font-size: 12px; }
  [data-theme="win98"] .input, [data-theme="win98"] .select, [data-theme="win98"] .textarea, [data-theme="win98"] .smart-select-control {
    min-height: 24px; border: 0; border-radius: 0; background-color: var(--w98-field); color: var(--w98-text); box-shadow: var(--w98-sunken); padding: 3px 6px; font-size: 12px;
  }
  [data-theme="win98"] .smart-select-control { padding: 0; }
  [data-theme="win98"] .smart-select-trigger { min-height: 24px; padding: 2px 6px; }
  [data-theme="win98"] .input:focus, [data-theme="win98"] .select:focus, [data-theme="win98"] .textarea:focus, [data-theme="win98"] .smart-select.is-open .smart-select-control, [data-theme="win98"] .smart-select-control:focus-within { box-shadow: var(--w98-sunken); border: 0; }
  [data-theme="win98"] .input:disabled, [data-theme="win98"] .input[readonly], [data-theme="win98"] .select:disabled { background-color: var(--w98-face); color: var(--w98-disabled); opacity: 1; }
  [data-theme="win98"] .smart-select-menu { border: 0; border-radius: 0; background: var(--w98-field); box-shadow: inset 0 0 0 1px var(--w98-dark); padding: 1px; }
  [data-theme="win98"] .smart-select-option { border-radius: 0; min-height: 22px; padding: 2px 6px; }
  [data-theme="win98"] .smart-select-option:hover, [data-theme="win98"] .smart-select-option.is-active { background: var(--w98-select); color: var(--w98-select-text); border-color: transparent; }
  [data-theme="win98"] .filters { background: var(--w98-face); border: 0; border-radius: 0; box-shadow: var(--w98-raised); }
  /* الجداول = قائمة بيضاء برؤوس أعمدة كأزرار */
  [data-theme="win98"] .table { font-size: 12px; background: var(--w98-field); }
  [data-theme="win98"] .table th, [data-theme="win98"] .table td { padding: 3px 7px; }
  [data-theme="win98"] .table thead th { background: var(--w98-face); color: var(--w98-text); font-weight: 400; font-size: 12px; border: 0; box-shadow: var(--w98-raised); padding: 4px 8px; }
  [data-theme="win98"] .table tbody tr { border-bottom: 0; }
  [data-theme="win98"] .table tbody tr:hover { background: var(--w98-select); color: var(--w98-select-text); }
  [data-theme="win98"] .table tbody tr:hover :is(a, .text-muted, .text-ok, .text-danger, .text-warn, .text-info, .text-brand, .muted) { color: var(--w98-select-text) !important; }
  [data-theme="win98"] .table tfoot td { background: var(--w98-face); border-top: 1px solid var(--w98-shadow); }
  [data-theme="win98"] .badge { border-radius: 0; background: var(--w98-field); box-shadow: var(--w98-panel); color: var(--w98-text); font-weight: 400; }
  [data-theme="win98"] .badge-ok { color: var(--ok); } [data-theme="win98"] .badge-danger { color: var(--danger); }
  [data-theme="win98"] .badge-warn { color: var(--warn); } [data-theme="win98"] .badge-info, [data-theme="win98"] .badge-brand { color: var(--brand); }
  [data-theme="win98"] .alert, [data-theme="win98"] .toast { background: var(--w98-face); color: var(--w98-text); border: 0; border-radius: 0; box-shadow: var(--w98-raised); }
  [data-theme="win98"] .alert-success .ico { color: var(--ok); } [data-theme="win98"] .alert-danger .ico { color: var(--danger); }
  [data-theme="win98"] .alert-warning .ico { color: var(--warn); } [data-theme="win98"] .alert-info .ico { color: var(--brand); }
  /* ألسنة خصائص */
  [data-theme="win98"] .tabs { gap: 0; border-bottom: 0; box-shadow: inset 0 -1px 0 var(--w98-light); padding: 2px 2px 0; }
  [data-theme="win98"] .tab { margin-top: 2px; padding: 3px 10px; border: 0; border-radius: 3px 3px 0 0; background: var(--w98-face); color: var(--w98-text); font-weight: 400; font-size: 12px; box-shadow: inset 1px 1px var(--w98-light), inset -1px 0 var(--w98-dark), inset -2px 0 var(--w98-shadow); }
  [data-theme="win98"] .tab.is-active { margin-top: 0; padding-bottom: 6px; position: relative; z-index: 1; }
  [data-theme="win98"] .pager-btn { border: 0; border-radius: 0; background: var(--w98-face); color: var(--w98-text); box-shadow: var(--w98-raised); height: 24px; min-width: 26px; font-size: 12px; }
  [data-theme="win98"] .pager-btn.is-active { box-shadow: var(--w98-pressed); background: var(--w98-face); color: var(--w98-text); font-weight: 700; }
  /* النوافذ المنبثقة */
  [data-theme="win98"] .modal-backdrop { background: rgba(0,0,0,.25); }
  [data-theme="win98"] .modal { background: var(--w98-face); border-radius: 0; box-shadow: var(--w98-raised), 2px 2px 0 rgba(0,0,0,.35); padding: 3px; }
  [data-theme="win98"] .modal-head { background: var(--w98-title); color: #fff; border: 0; padding: 3px 6px; }
  [data-theme="win98"] .modal-head .muted { color: #DFDFDF; }
  [data-theme="win98"] .modal-x { width: 20px; height: 18px; line-height: 14px; background: var(--w98-face); color: var(--w98-text); box-shadow: var(--w98-raised); font-weight: 700; }
  [data-theme="win98"] .modal-body, [data-theme="win98"] .modal-foot { background: var(--w98-face); border: 0; }
  [data-theme="win98"] .modal-foot { justify-content: flex-end; }
  /* شريط الحالة بلوحات غائرة وشريط تقدّم بالمربعات */
  [data-theme="win98"] .session-statusbar, [data-theme="win98"] .activity-statusbar, [data-theme="win98"] .session-statusbar .session-status-activity { background: var(--w98-face); color: var(--w98-text); }
  [data-theme="win98"] .session-statusbar, [data-theme="win98"] .activity-statusbar { border-top: 0; box-shadow: inset 0 1px 0 var(--w98-light), 0 -1px 0 var(--w98-shadow); padding: 2px 3px; }
  [data-theme="win98"] .session-status-item { min-height: 22px; margin: 1px; padding: 1px 7px; border: 0; border-radius: 0; box-shadow: var(--w98-panel); color: var(--w98-text); font-size: 11.5px; }
  [data-theme="win98"] .session-status-item b, [data-theme="win98"] .session-status-item strong, [data-theme="win98"] .session-status-time,
  [data-theme="win98"] .session-status-gregorian, [data-theme="win98"] .session-status-date time, [data-theme="win98"] .activity-label { color: var(--w98-text); }
  [data-theme="win98"] .session-status-moment, [data-theme="win98"] .session-status-user { background: var(--w98-face); border: 0; border-radius: 0; margin-inline: 1px; }
  [data-theme="win98"] .session-status-time { font-size: 13px; }
  [data-theme="win98"] .activity-dot { border-radius: 0; box-shadow: none; }
  [data-theme="win98"] .activity-meter { height: 14px; border-radius: 0; background: var(--w98-field); box-shadow: var(--w98-panel); }
  [data-theme="win98"] .activity-meter > i { background: repeating-linear-gradient(90deg, var(--w98-select) 0 8px, transparent 8px 10px); border-radius: 0; }
  html[dir="rtl"][data-theme="win98"] .activity-meter > i { background: repeating-linear-gradient(270deg, var(--w98-select) 0 8px, transparent 8px 10px); }
  [data-theme="win98"] .erp-loadbar > i { background: var(--w98-select); box-shadow: none; }
  /* شريط المهام (الموبايل) */
  [data-theme="win98"] .footer-nav { background: var(--w98-face); border-radius: 0; box-shadow: var(--w98-raised); }
  [data-theme="win98"] .fn-item { color: var(--w98-text); }
  [data-theme="win98"] .fn-item:hover { color: var(--w98-text); }
  [data-theme="win98"] .fn-item.is-active .fn-icon { background: var(--w98-face); color: var(--w98-text); box-shadow: var(--w98-pressed); border-radius: 0; transform: none; width: 46px; height: 46px; }
  [data-theme="win98"] .fn-item.is-active .fn-label { margin-top: 0; }
  [data-theme="win98"] .fn-item.is-active { color: var(--w98-text); }
  /* أشرطة التمرير الكلاسيكية */
  [data-theme="win98"] * { scrollbar-color: var(--w98-face) var(--w98-hilite); }
  [data-theme="win98"] ::-webkit-scrollbar { width: 16px; height: 16px; background: var(--w98-hilite); }
  [data-theme="win98"] ::-webkit-scrollbar-thumb { background: var(--w98-face); box-shadow: var(--w98-raised); }
  [data-theme="win98"] ::-webkit-scrollbar-track { background-color: var(--w98-hilite); background-image: repeating-conic-gradient(var(--w98-light) 0 25%, var(--w98-hilite) 0 50%); background-size: 2px 2px; }
  /* الدخول = نافذة على سطح المكتب */
  [data-theme="win98"] .body-blank { background: var(--w98-desktop); }
  [data-theme="win98"] .login-card { padding: 0 16px 14px; border-style: solid; border-width: 24px 0 0; border-image: var(--w98-title) 1; }
  [data-theme="win98"] .login-brand { padding-top: 14px; }
  [data-theme="win98"] .login-logo { border-radius: 0; background: var(--w98-desktop); color: #fff; box-shadow: var(--w98-raised); }
  [data-theme="win98"] .login-foot { border-top: 1px solid var(--w98-shadow); box-shadow: inset 0 1px 0 var(--w98-light); }
  [data-theme="win98"] .theme-menu, [data-theme="win98"] .language-menu, [data-theme="win98"] .smart-select-menu { box-shadow: var(--w98-raised); }
  [data-theme="win98"] .theme-option.is-active, [data-theme="win98"] .theme-option:hover { background: var(--w98-select); color: var(--w98-select-text); border-color: transparent; }
}

/* =====================================================================
   6) نمط ويندوز 7 (Aero) — زجاج أزرق فاتح، أزرار لامعة، شريط مهام داكن، جزء تنقل مثل المستكشف
   ===================================================================== */
[data-theme="win7"] {
  --bg:#DCE7F5; --surface:#FFFFFF; --surface-2:#F5F8FC; --surface-3:#E8EFF8;
  --border:#B9C9DD; --border-strong:#ABADB3;
  --text:#1E1E1E; --text-2:#1E395B; --text-muted:#5A6B82;
  --brand:#2A6EBB; --brand-hover:#1F5AA0; --brand-dark:#1C3A63; --brand-ring:#7DA2CE;
  --brand-soft:#DCEBFC; --brand-text:#1E395B; --on-brand:#FFFFFF;
  --ok:#2E7D32; --ok-bg:#E5F4E1; --ok-border:#A9D3A0;
  --danger:#C42B1C; --danger-bg:#FBE4E1; --danger-border:#EFB2AB;
  --warn:#8A5B00; --warn-bg:#FFF6D6; --warn-border:#EBD48F;
  --info:#1E5FA8; --info-bg:#E4EFFB; --info-border:#B4CFEF;
  --radius:3px; --radius-sm:3px; --radius-lg:6px; --radius-xl:8px;
  --shadow-sm:0 1px 3px rgba(30,57,91,.12); --shadow-md:0 2px 8px rgba(30,57,91,.18); --shadow-lg:0 10px 40px rgba(0,0,0,.45);
  --header-h:42px; --session-bar-h:40px;
  --w7-desktop:linear-gradient(160deg, #E9F1FB 0%, #D5E3F3 45%, #C3D6EE 100%);
  --w7-glass:linear-gradient(180deg, rgba(219,234,251,.96) 0%, rgba(197,217,242,.96) 45%, rgba(176,202,236,.96) 46%, rgba(191,213,240,.96) 100%);
  --w7-btn:linear-gradient(180deg, #F2F2F2 0%, #EBEBEB 49%, #DDDDDD 50%, #CFCFCF 100%);
  --w7-btn-hover:linear-gradient(180deg, #EAF6FD 0%, #D9F0FC 49%, #BEE6FD 50%, #A7D9F5 100%);
  --w7-btn-down:linear-gradient(180deg, #E5F4FC 0%, #C4E5F6 49%, #98D1EF 50%, #68B3DB 100%);
  --w7-btn-text:#000000; --w7-btn-border:#707070;
  --w7-taskbar:linear-gradient(180deg, rgba(70,98,138,.94) 0%, rgba(38,60,92,.96) 50%, rgba(22,40,66,.97) 100%);
  --w7-head:linear-gradient(180deg, #FDFEFF 0%, #EAF1FA 100%); --w7-command:linear-gradient(180deg, #F8FBFE 0%, #E6EFF9 100%);
  --w7-nav:linear-gradient(180deg, #F1F5FB 0%, #FFFFFF 45%); --w7-hover:linear-gradient(180deg, #F2F8FE, #E3F0FC); --w7-hover-border:#B8D6FB;
  --w7-select:linear-gradient(180deg, #DCEBFC, #C1DBFC); --w7-select-border:#7DA2CE; --w7-title-text:#1E395B;
}
[data-mode="dark"][data-theme="win7"] {
  --bg:#0F1B2B; --surface:#1B2A3D; --surface-2:#1F3047; --surface-3:#263A55;
  --border:#2E4664; --border-strong:#4A6584; --text:#E6EEF8; --text-2:#BFD3EC; --text-muted:#8FA6C3;
  --brand:#5AA0F2; --brand-hover:#7AB4F5; --brand-dark:#0B1524; --brand-soft:#1E3A5F; --brand-text:#A9CDF7; --on-brand:#FFFFFF;
  --ok:#7CCB72; --ok-bg:#183020; --ok-border:#2D5A38; --danger:#F08A7E; --danger-bg:#3A1C19; --danger-border:#6A2E28;
  --warn:#EAC567; --warn-bg:#352A10; --warn-border:#665020; --info:#A9CDF7; --info-bg:#1E3A5F; --info-border:#2E5888;
  --w7-desktop:linear-gradient(160deg, #13253C 0%, #0F1B2B 55%, #0A1320 100%);
  --w7-glass:linear-gradient(180deg, rgba(64,88,122,.96) 0%, rgba(42,62,92,.96) 45%, rgba(30,48,74,.96) 46%, rgba(38,58,88,.96) 100%);
  --w7-btn:linear-gradient(180deg, #4A5A70 0%, #3E4E64 49%, #2F3E53 50%, #34455B 100%);
  --w7-btn-hover:linear-gradient(180deg, #4F6F96 0%, #43628A 49%, #345379 50%, #3B5C85 100%);
  --w7-btn-down:linear-gradient(180deg, #2E4A6E, #28415F 50%, #213752 51%, #2A4566);
  --w7-btn-text:#FFFFFF; --w7-btn-border:#16202C;
  --w7-taskbar:linear-gradient(180deg, rgba(40,56,80,.96) 0%, rgba(20,32,50,.97) 50%, rgba(10,18,30,.98) 100%);
  --w7-head:linear-gradient(180deg, #24364E 0%, #1D2D42 100%); --w7-command:linear-gradient(180deg, #22344B 0%, #1B2A3D 100%);
  --w7-nav:linear-gradient(180deg, #172537 0%, #1B2A3D 45%); --w7-hover:linear-gradient(180deg, #24405F, #1F3753); --w7-hover-border:#3E6A9C;
  --w7-select:linear-gradient(180deg, #2D527F, #244569); --w7-select-border:#5482BA; --w7-title-text:#E6EEF8;
}
@media screen {
  html[data-theme="win7"] body { font-family: "Segoe UI", Tahoma, Arial, "Noto Sans Arabic", sans-serif; font-size: 12.5px; background: var(--w7-desktop) fixed; }
  [data-theme="win7"] .app-header { background: var(--w7-glass); border-bottom: 1px solid #7E9DC7; box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 4px rgba(30,57,91,.2); backdrop-filter: blur(6px); }
  [data-theme="win7"] .app-header .hdr-name { color: var(--w7-title-text); font-size: 14px; font-weight: 400; text-shadow: 0 0 10px rgba(255,255,255,.9), 0 0 2px rgba(255,255,255,.9); }
  [data-mode="dark"][data-theme="win7"] .app-header .hdr-name { text-shadow: 0 0 8px rgba(0,0,0,.6); }
  [data-theme="win7"] .app-header .hdr-slogan { color: var(--text-muted); }
  [data-theme="win7"] .hdr-btn { border: 1px solid transparent; border-radius: 3px; color: var(--w7-title-text); }
  [data-theme="win7"] .hdr-btn:hover { background: var(--w7-btn-hover); border-color: #3C7FB1; color: #000; }
  [data-mode="dark"][data-theme="win7"] .hdr-btn:hover { color: #fff; }
  [data-theme="win7"] .sidebar { background: var(--w7-nav); border-inline-end: 1px solid #A5B9D3; }
  [data-theme="win7"] .sb-head { border-bottom-color: #C5D3E6; }
  [data-theme="win7"] .sb-group-title { color: var(--w7-title-text); font-size: 12px; font-weight: 700; }
  [data-theme="win7"] .sb-link { border: 1px solid transparent; border-radius: 3px; color: var(--text); font-size: 12.5px; padding: 4px 8px; font-weight: 400; }
  [data-theme="win7"] .sb-link:hover { background: var(--w7-hover); border-color: var(--w7-hover-border); color: var(--text); }
  [data-theme="win7"] .sb-link.is-active { background: var(--w7-select); border-color: var(--w7-select-border); color: var(--text); font-weight: 700; }
  [data-theme="win7"] .sb-link.is-active .ico { color: var(--brand); }
  [data-theme="win7"] .page-head { background: var(--w7-command); border: 1px solid #A0AFC3; border-radius: 6px; padding: 7px 12px; box-shadow: inset 0 1px 0 rgba(255,255,255,.8); }
  [data-mode="dark"][data-theme="win7"] .page-head { border-color: var(--border); box-shadow: none; }
  [data-theme="win7"] .page-title { color: var(--w7-title-text); font-size: 16px; font-weight: 400; }
  [data-theme="win7"] .card, [data-theme="win7"] .stat { border: 1px solid #9FB3CF; border-radius: 6px; box-shadow: 0 2px 8px rgba(30,57,91,.16); }
  [data-mode="dark"][data-theme="win7"] .card, [data-mode="dark"][data-theme="win7"] .stat { border-color: var(--border); box-shadow: 0 2px 10px rgba(0,0,0,.4); }
  [data-theme="win7"] .card-head { background: var(--w7-head); border-bottom-color: #C5D3E6; padding: 9px 14px; }
  [data-mode="dark"][data-theme="win7"] .card-head { border-bottom-color: var(--border); }
  [data-theme="win7"] .card-title { color: var(--w7-title-text); font-size: 13.5px; font-weight: 600; }
  [data-theme="win7"] .card-foot, [data-theme="win7"] .modal-foot { background: #F0F0F0; border-top-color: #DFDFDF; }
  [data-mode="dark"][data-theme="win7"] .card-foot, [data-mode="dark"][data-theme="win7"] .modal-foot { background: var(--surface-2); border-top-color: var(--border); }
  /* الأزرار اللامعة */
  [data-theme="win7"] .btn { min-height: 28px; padding: 0 14px; border: 1px solid var(--w7-btn-border); border-radius: 3px; background: var(--w7-btn); color: var(--w7-btn-text); font-size: 12.5px; font-weight: 400; box-shadow: inset 0 0 0 1px rgba(255,255,255,.6); }
  [data-theme="win7"] .btn:hover { background: var(--w7-btn-hover); border-color: #3C7FB1; color: var(--w7-btn-text); }
  [data-theme="win7"] .btn:active { background: var(--w7-btn-down); border-color: #2C628B; box-shadow: inset 0 1px 2px rgba(0,0,0,.25); transform: none; }
  [data-theme="win7"] .btn-primary { color: #fff; border-color: #1A4F8F; background: linear-gradient(180deg, #7CB8F2 0%, #4D96E3 49%, #2C7BD6 50%, #1F68C1 100%); text-shadow: 0 1px 1px rgba(0,0,0,.3); }
  [data-theme="win7"] .btn-primary:hover { color: #fff; border-color: #1A4F8F; background: linear-gradient(180deg, #95C9F7 0%, #62A8EC 49%, #3E8CE0 50%, #2A77CD 100%); }
  [data-theme="win7"] .btn-danger { color: #fff; border-color: #8E1F17; background: linear-gradient(180deg, #F29B92 0%, #E2574C 49%, #D23E31 50%, #B92F24 100%); text-shadow: 0 1px 1px rgba(0,0,0,.3); }
  [data-theme="win7"] .btn-ok { color: #fff; border-color: #1F6A1F; background: linear-gradient(180deg, #9FD99B 0%, #5DBB57 49%, #3FA637 50%, #2E8B2E 100%); text-shadow: 0 1px 1px rgba(0,0,0,.3); }
  [data-theme="win7"] .btn-danger:hover, [data-theme="win7"] .btn-ok:hover { filter: brightness(1.08); color: #fff; }
  [data-theme="win7"] .btn-ghost { background: transparent; border-color: transparent; box-shadow: none; color: var(--text); }
  [data-theme="win7"] .btn-ghost:hover { background: var(--w7-hover); border-color: var(--w7-hover-border); }
  [data-theme="win7"] .btn-soft { background: var(--w7-btn); color: var(--w7-btn-text); }
  [data-theme="win7"] .btn-sm { min-height: 24px; padding: 0 10px; font-size: 12px; }
  /* الحقول */
  [data-theme="win7"] .label { color: var(--text); font-weight: 400; font-size: 12.5px; }
  [data-theme="win7"] .input, [data-theme="win7"] .select, [data-theme="win7"] .textarea, [data-theme="win7"] .smart-select-control { min-height: 28px; border-radius: 2px; border-color: #ABADB3 #E3E9EF #E3E9EF #E3E9EF; font-size: 12.5px; }
  [data-mode="dark"][data-theme="win7"] .input, [data-mode="dark"][data-theme="win7"] .select, [data-mode="dark"][data-theme="win7"] .textarea, [data-mode="dark"][data-theme="win7"] .smart-select-control { background-color: #13202F; border-color: #4A6584 #2E4664 #2E4664 #2E4664; }
  [data-theme="win7"] .input:hover, [data-theme="win7"] .select:hover, [data-theme="win7"] .textarea:hover, [data-theme="win7"] .smart-select-control:hover { border-color: #5794BF #B7D5EA #C7E2F1 #B7D5EA; }
  [data-theme="win7"] .input:focus, [data-theme="win7"] .select:focus, [data-theme="win7"] .textarea:focus,
  [data-theme="win7"] .smart-select.is-open .smart-select-control, [data-theme="win7"] .smart-select-control:focus-within { border-color: #3D7BAD #A4C9E3 #B7D9ED #A4C9E3; box-shadow: none; }
  [data-theme="win7"] .smart-select-option { border-radius: 3px; }
  [data-theme="win7"] .smart-select-option:hover, [data-theme="win7"] .smart-select-option.is-active { background: var(--w7-hover); border-color: var(--w7-hover-border); }
  /* عرض التفاصيل في المستكشف */
  [data-theme="win7"] .table { font-size: 12.5px; }
  [data-theme="win7"] .table thead th { background: linear-gradient(180deg, #FFFFFF 0%, #F2F4F7 100%); color: #4C607A; font-weight: 400; border-bottom-color: #D5D5D5; box-shadow: inset -1px 0 0 #E3E8F0; }
  [data-mode="dark"][data-theme="win7"] .table thead th { background: var(--w7-head); color: var(--text-2); border-bottom-color: var(--border); box-shadow: inset -1px 0 0 var(--border); }
  [data-theme="win7"] .table tbody tr { border-bottom-color: transparent; }
  [data-theme="win7"] .table tbody tr:hover td { background: linear-gradient(180deg, #FAFBFD, #EBF3FD); box-shadow: inset 0 1px 0 #B8D6FB, inset 0 -1px 0 #B8D6FB; }
  [data-mode="dark"][data-theme="win7"] .table tbody tr:hover td { background: var(--w7-hover); box-shadow: inset 0 1px 0 var(--w7-hover-border), inset 0 -1px 0 var(--w7-hover-border); }
  [data-theme="win7"] .table th, [data-theme="win7"] .table td { padding: 6px 10px; }
  [data-theme="win7"] .badge { border-radius: 3px; }
  [data-theme="win7"] .filters { background: var(--w7-command); border-color: #A0AFC3; border-radius: 6px; }
  [data-mode="dark"][data-theme="win7"] .filters { border-color: var(--border); }
  [data-theme="win7"] .tabs { gap: 0; border-bottom: 1px solid #898C95; padding: 0 4px; }
  [data-theme="win7"] .tab { margin-inline-end: -1px; margin-bottom: -1px; padding: 5px 13px; border: 1px solid #898C95; border-radius: 3px 3px 0 0; background: linear-gradient(180deg, #F3F3F3, #E5E5E5); color: var(--w7-btn-text); font-size: 12.5px; font-weight: 400; }
  [data-mode="dark"][data-theme="win7"] .tab { background: var(--w7-btn); border-color: var(--border-strong); }
  [data-theme="win7"] .tab:hover { background: var(--w7-btn-hover); color: var(--w7-btn-text); }
  [data-theme="win7"] .tab.is-active { background: var(--surface); border-bottom-color: var(--surface); color: var(--text); position: relative; z-index: 1; }
  [data-theme="win7"] .pager-btn { background: var(--w7-btn); border-color: var(--w7-btn-border); color: var(--w7-btn-text); border-radius: 3px; height: 28px; min-width: 30px; }
  [data-theme="win7"] .pager-btn:hover { background: var(--w7-btn-hover); }
  [data-theme="win7"] .pager-btn.is-active { background: var(--w7-btn-down); border-color: #2C628B; color: var(--w7-btn-text); }
  /* نافذة Aero */
  [data-theme="win7"] .modal { border: 1px solid #6B8DB8; border-radius: 8px; box-shadow: 0 10px 40px rgba(0,0,0,.45); }
  [data-theme="win7"] .modal-head { background: var(--w7-glass); border-bottom-color: #9DB6D6; }
  [data-theme="win7"] .modal-head strong { color: var(--w7-title-text); font-weight: 400; font-size: 14px; text-shadow: 0 0 8px rgba(255,255,255,.9); }
  [data-mode="dark"][data-theme="win7"] .modal-head strong { text-shadow: none; }
  [data-theme="win7"] .modal-x { width: 42px; height: 20px; line-height: 17px; border-radius: 3px; border: 1px solid #7E2919; color: #fff; background: linear-gradient(180deg, #E8A093 0%, #D3533F 49%, #C33A26 50%, #C7503C 100%); }
  [data-theme="win7"] .alert, [data-theme="win7"] .toast { border-radius: 4px; }
  /* شريط المهام */
  [data-theme="win7"] .session-statusbar, [data-theme="win7"] .session-statusbar .session-status-activity { background: var(--w7-taskbar); color: rgba(255,255,255,.92); }
  [data-theme="win7"] .session-statusbar { border-top: 1px solid rgba(255,255,255,.4); box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 -1px 6px rgba(0,0,0,.25); }
  [data-theme="win7"] .session-status-item { color: rgba(255,255,255,.92); border-inline-end-color: rgba(255,255,255,.18); }
  [data-theme="win7"] .session-status-item b, [data-theme="win7"] .session-status-item strong, [data-theme="win7"] .session-status-time,
  [data-theme="win7"] .session-status-gregorian, [data-theme="win7"] .session-status-date time, [data-theme="win7"] .session-statusbar .activity-label { color: #fff; }
  [data-theme="win7"] .session-status-moment { background: transparent; border-color: transparent; }
  [data-theme="win7"] .session-status-user { background: linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.07)); border: 1px solid rgba(255,255,255,.3); border-radius: 3px; }
  [data-theme="win7"] .activity-meter { background: rgba(255,255,255,.18); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.3); }
  [data-theme="win7"] .activity-meter > i, [data-theme="win7"] .erp-loadbar > i { background: linear-gradient(180deg, #9CEB8F 0%, #4FC23E 49%, #2FA61F 50%, #57C94B 100%); border-radius: 2px; box-shadow: none; }
  [data-theme="win7"] .activity-statusbar { background: var(--w7-taskbar); border-top-color: rgba(255,255,255,.4); }
  [data-theme="win7"] .activity-statusbar .activity-label { color: #fff; }
  [data-theme="win7"] .footer-nav { background: var(--w7-taskbar); border-radius: 6px; border: 1px solid rgba(255,255,255,.3); }
  [data-theme="win7"] .fn-item.is-active .fn-icon { background: linear-gradient(180deg, #7CB8F2 0%, #4D96E3 49%, #2C7BD6 50%, #1F68C1 100%); box-shadow: 0 0 0 5px rgba(124,184,242,.35), 0 6px 14px rgba(0,0,0,.28); }
  [data-theme="win7"] ::-webkit-scrollbar { width: 17px; height: 17px; background: #EAEAEA; }
  [data-theme="win7"] ::-webkit-scrollbar-thumb { border: 1px solid #9C9C9C; border-radius: 3px; background: linear-gradient(90deg, #F5F5F5, #E4E4E4 49%, #D4D4D4 50%, #E8E8E8); }
  [data-mode="dark"][data-theme="win7"] ::-webkit-scrollbar { background: #13202F; }
  [data-mode="dark"][data-theme="win7"] ::-webkit-scrollbar-thumb { border-color: #0B1524; background: var(--w7-btn); }
  [data-theme="win7"] .body-blank { background: radial-gradient(1200px 760px at 50% 40%, #2E8EDB 0%, #0C4E92 62%, #082E5C 100%); }
  [data-theme="win7"] .login-card, [data-theme="win7"] .err-card { background: rgba(255,255,255,.9); border: 1px solid rgba(255,255,255,.65); border-radius: 8px; box-shadow: 0 10px 40px rgba(0,0,0,.4); backdrop-filter: blur(8px); }
  [data-mode="dark"][data-theme="win7"] .login-card, [data-mode="dark"][data-theme="win7"] .err-card { background: rgba(27,42,61,.92); border-color: rgba(255,255,255,.15); }
  [data-theme="win7"] .login-logo { border-radius: 8px; background: linear-gradient(180deg, #7CB8F2 0%, #4D96E3 49%, #2C7BD6 50%, #1F68C1 100%); box-shadow: 0 0 0 6px rgba(255,255,255,.5); }
  [data-theme="win7"] .login-tools .btn { color: var(--w7-btn-text); }
}

/* =====================================================================
   7) نمط ويندوز 11 (Fluent) — خلفية Bloom الزرقاء، أسطح Acrylic شبه شفافة، زوايا مستديرة،
      شريط مهام في المنتصف، مؤشر ملون في التنقل، وحقول بخط سفلي ملون
   ===================================================================== */
[data-theme="win11"] {
  --bg:#EEF2F8; --surface:#FBFBFB; --surface-2:#F9F9F9; --surface-3:#F0F0F0;
  --border:#E5E5E5; --border-strong:#D1D1D1;
  --text:#1A1A1A; --text-2:#5D5D5D; --text-muted:#8A8A8A;
  --brand:#005FB8; --brand-hover:#1A6FC0; --brand-dark:#003E92; --brand-ring:#99C2E8;
  --brand-soft:#E6F0FA; --brand-text:#003E92; --on-brand:#FFFFFF;
  --ok:#0F7B0F; --ok-bg:#DFF6DD; --ok-border:#B6E3B1;
  --danger:#C42B1C; --danger-bg:#FDE7E9; --danger-border:#F4BEC1;
  --warn:#9D5D00; --warn-bg:#FFF4CE; --warn-border:#F2DC8E;
  --info:#005FB8; --info-bg:#EBF3FB; --info-border:#C3DAF0;
  --radius:4px; --radius-sm:4px; --radius-lg:8px; --radius-xl:8px;
  --shadow-sm:none; --shadow-md:0 2px 4px rgba(0,0,0,.04), 0 8px 16px rgba(0,0,0,.08); --shadow-lg:0 8px 16px rgba(0,0,0,.14), 0 32px 64px rgba(0,0,0,.18);
  --header-h:48px; --session-bar-h:48px;
  --w11-stroke:rgba(0,0,0,.0578); --w11-stroke-strong:rgba(0,0,0,.1622); --w11-field-line:rgba(0,0,0,.4458);
  --w11-subtle:rgba(0,0,0,.037); --w11-subtle-2:rgba(0,0,0,.024);
  --w11-card:rgba(251,251,251,.86); --w11-control:rgba(255,255,255,.7); --w11-control-hover:rgba(249,249,249,.5);
  --w11-bloom:radial-gradient(1100px 760px at 72% 26%, rgba(0,103,192,.24) 0%, transparent 62%), radial-gradient(900px 640px at 16% 88%, rgba(76,155,232,.2) 0%, transparent 60%), linear-gradient(180deg, #F3F5F9 0%, #E7EDF6 100%);
  --w11-acrylic:rgba(243,243,243,.78); --w11-panel:rgba(249,249,249,.72);
}
[data-mode="dark"][data-theme="win11"] {
  --bg:#0E1B33; --surface:#2B2B2B; --surface-2:#272727; --surface-3:#323232;
  --border:#3A3A3A; --border-strong:#4D4D4D;
  --text:#FFFFFF; --text-2:#CFCFCF; --text-muted:#9E9E9E;
  --brand:#60CDFF; --brand-hover:#5AB8E5; --brand-dark:#0B2A3A; --brand-ring:#2B6987; --brand-soft:#1F3442; --brand-text:#99EBFF; --on-brand:#000000;
  --ok:#6CCB5F; --ok-bg:#1F3A1D; --ok-border:#2E5A2B; --danger:#FF99A4; --danger-bg:#442726; --danger-border:#6E3A3C;
  --warn:#FCE100; --warn-bg:#433519; --warn-border:#6B5620; --info:#60CDFF; --info-bg:#1F3442; --info-border:#2B5268;
  --w11-stroke:rgba(255,255,255,.0698); --w11-stroke-strong:rgba(255,255,255,.093); --w11-field-line:rgba(255,255,255,.5442);
  --w11-subtle:rgba(255,255,255,.0605); --w11-subtle-2:rgba(255,255,255,.0419);
  --w11-card:rgba(36,36,40,.84); --w11-control:rgba(255,255,255,.0605); --w11-control-hover:rgba(255,255,255,.0837);
  --w11-bloom:radial-gradient(1100px 780px at 70% 34%, rgba(37,99,235,.58) 0%, transparent 60%), radial-gradient(800px 600px at 88% 72%, rgba(29,78,216,.45) 0%, transparent 58%), radial-gradient(900px 640px at 18% 88%, rgba(30,64,175,.4) 0%, transparent 62%), linear-gradient(180deg, #0A1630 0%, #081226 100%);
  --w11-acrylic:rgba(32,32,36,.78); --w11-panel:rgba(32,32,36,.72);
}
@media screen {
  html[data-theme="win11"] body { font-family: "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", system-ui, "Noto Sans Arabic", Tahoma, sans-serif; font-size: 14px; background: var(--w11-bloom) fixed; }
  [data-theme="win11"] .app-header { background: var(--w11-acrylic); border-bottom: 1px solid var(--w11-stroke); box-shadow: none; backdrop-filter: blur(24px) saturate(1.3); }
  [data-theme="win11"] .app-header .hdr-name { font-size: 14px; font-weight: 600; }
  [data-theme="win11"] .hdr-btn { width: 38px; height: 34px; flex-basis: 38px; border-radius: 4px; color: var(--text); }
  [data-theme="win11"] .hdr-btn:hover { background: var(--w11-subtle); color: var(--text); }
  [data-theme="win11"] .hdr-btn:active { background: var(--w11-subtle-2); }
  [data-theme="win11"] .hdr-logo { border-radius: 6px; }
  /* لوحة التنقل: سطح Acrylic مثل قائمة ابدأ */
  [data-theme="win11"] .sidebar { background: var(--w11-panel); border-inline-end: 1px solid var(--w11-stroke); backdrop-filter: blur(28px) saturate(1.3); }
  [data-theme="win11"] .sb-head { border-bottom: 1px solid var(--w11-stroke); }
  [data-theme="win11"] .sb-group-title { color: var(--text-2); font-size: 12px; font-weight: 600; padding: 12px 12px 4px; }
  [data-theme="win11"] .sb-group-title:hover { background: var(--w11-subtle); color: var(--text); }
  [data-theme="win11"] .sb-link { position: relative; min-height: 36px; margin: 2px 0; padding: 0 12px; border-radius: 4px; color: var(--text); font-size: 14px; font-weight: 400; }
  [data-theme="win11"] .sb-link:hover { background: var(--w11-subtle); color: var(--text); }
  [data-theme="win11"] .sb-link.is-active { background: var(--w11-subtle); color: var(--text); font-weight: 600; }
  [data-theme="win11"] .sb-link.is-active::before { content: ""; position: absolute; inset-inline-start: 0; top: 50%; width: 3px; height: 16px; margin-top: -8px; border-radius: 2px; background: var(--brand); }
  [data-theme="win11"] .sb-link .ico { opacity: 1; color: var(--brand); }
  [data-theme="win11"] .page-title { font-size: 24px; font-weight: 600; color: var(--text); }
  [data-theme="win11"] .page-title .ico { color: var(--brand); }
  [data-theme="win11"] .page-sub { color: var(--text-2); }
  [data-mode="dark"][data-theme="win11"] .page-head { color: #fff; }
  /* البطاقات: سطح شبه شفاف بإطار رفيع */
  [data-theme="win11"] .card, [data-theme="win11"] .stat { background: var(--w11-card); border: 1px solid var(--w11-stroke); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.04); }
  [data-mode="dark"][data-theme="win11"] .card, [data-mode="dark"][data-theme="win11"] .stat { box-shadow: 0 2px 10px rgba(0,0,0,.25); }
  [data-theme="win11"] .card-head { background: transparent; border-bottom: 1px solid var(--w11-stroke); padding: 12px 16px; }
  [data-theme="win11"] .card-title { font-size: 14px; font-weight: 600; }
  [data-theme="win11"] .card-foot { background: transparent; border-top-color: var(--w11-stroke); }
  /* أزرار Fluent */
  [data-theme="win11"] .btn { min-height: 32px; padding: 0 12px; border: 1px solid var(--w11-stroke); border-bottom-color: var(--w11-stroke-strong); border-radius: 4px; background: var(--w11-control); color: var(--text); font-size: 14px; font-weight: 400; }
  [data-theme="win11"] .btn:hover { background: var(--w11-control-hover); }
  [data-theme="win11"] .btn:active { color: var(--text-2); border-bottom-color: var(--w11-stroke); transform: none; }
  [data-theme="win11"] .btn-primary { background: var(--brand); border-color: rgba(255,255,255,.08); border-bottom-color: rgba(0,0,0,.4); color: var(--on-brand); }
  [data-theme="win11"] .btn-primary:hover { background: var(--brand-hover); border-color: rgba(255,255,255,.08); border-bottom-color: rgba(0,0,0,.4); }
  [data-theme="win11"] .btn-ghost { background: transparent; border-color: transparent; color: var(--text); }
  [data-theme="win11"] .btn-ghost:hover { background: var(--w11-subtle); }
  [data-theme="win11"] .btn-soft { background: var(--brand-soft); border-color: transparent; color: var(--brand-text); }
  [data-theme="win11"] .btn-danger { background: var(--danger); border-color: transparent; color: #fff; }
  [data-mode="dark"][data-theme="win11"] .btn-danger { color: #000; }
  [data-theme="win11"] .btn-ok { background: var(--ok); border-color: transparent; color: #fff; }
  [data-mode="dark"][data-theme="win11"] .btn-ok { color: #000; }
  [data-theme="win11"] .btn-sm { min-height: 28px; font-size: 13px; }
  /* الحقول بخط سفلي يتلون عند الكتابة (مثل مربع البحث في قائمة ابدأ) */
  [data-theme="win11"] .label { color: var(--text); font-weight: 400; font-size: 13.5px; }
  [data-theme="win11"] .input, [data-theme="win11"] .select, [data-theme="win11"] .textarea, [data-theme="win11"] .smart-select-control {
    min-height: 32px; border: 1px solid var(--w11-stroke); border-bottom-color: var(--w11-field-line); border-radius: 4px; background-color: var(--w11-control); font-size: 14px;
  }
  [data-theme="win11"] .input:hover, [data-theme="win11"] .select:hover, [data-theme="win11"] .textarea:hover, [data-theme="win11"] .smart-select-control:hover { background-color: var(--w11-control-hover); border-color: var(--w11-stroke); border-bottom-color: var(--w11-field-line); }
  [data-theme="win11"] .input:focus, [data-theme="win11"] .select:focus, [data-theme="win11"] .textarea:focus,
  [data-theme="win11"] .smart-select.is-open .smart-select-control, [data-theme="win11"] .smart-select-control:focus-within {
    background-color: var(--surface); border-color: var(--w11-stroke); border-bottom-color: var(--brand); box-shadow: inset 0 -1px 0 var(--brand);
  }
  [data-mode="dark"][data-theme="win11"] .input:focus, [data-mode="dark"][data-theme="win11"] .select:focus, [data-mode="dark"][data-theme="win11"] .textarea:focus { background-color: #1F1F1F; }
  [data-theme="win11"] .smart-select-menu, [data-theme="win11"] .theme-menu, [data-theme="win11"] .language-menu { background: var(--w11-acrylic); border-radius: 8px; border-color: var(--w11-stroke); box-shadow: var(--shadow-lg); backdrop-filter: blur(30px) saturate(1.3); }
  [data-theme="win11"] .smart-select-option { border-radius: 4px; }
  [data-theme="win11"] .smart-select-option:hover, [data-theme="win11"] .smart-select-option.is-active { background: var(--w11-subtle); border-color: transparent; }
  [data-theme="win11"] .table thead th { background: transparent; color: var(--text-2); font-weight: 600; font-size: 12.5px; border-bottom-color: var(--w11-stroke); }
  [data-theme="win11"] .table tbody tr { border-bottom-color: var(--w11-stroke); }
  [data-theme="win11"] .table tbody tr:hover { background: var(--w11-subtle-2); }
  [data-theme="win11"] .table tfoot td { background: transparent; }
  [data-theme="win11"] .badge { border-radius: 999px; font-weight: 600; }
  [data-theme="win11"] .alert { border-radius: 4px; }
  [data-theme="win11"] .toast { border-radius: 8px; background: var(--w11-acrylic); backdrop-filter: blur(30px); border-color: var(--w11-stroke); }
  [data-theme="win11"] .filters { background: var(--w11-card); border-color: var(--w11-stroke); border-radius: 8px; }
  /* شريط التبويب بمؤشر صغير */
  [data-theme="win11"] .tabs { gap: 2px; border-bottom: 0; }
  [data-theme="win11"] .tab { position: relative; border-bottom: 0; border-radius: 4px; padding: 8px 12px; color: var(--text-2); font-weight: 400; }
  [data-theme="win11"] .tab:hover { background: var(--w11-subtle); color: var(--text); }
  [data-theme="win11"] .tab.is-active { color: var(--text); font-weight: 600; }
  [data-theme="win11"] .tab.is-active::after { content: ""; position: absolute; bottom: 2px; left: 50%; width: 16px; height: 3px; margin-left: -8px; border-radius: 2px; background: var(--brand); }
  [data-theme="win11"] .pager-btn { border-radius: 4px; border-color: transparent; background: transparent; }
  [data-theme="win11"] .pager-btn:hover { background: var(--w11-subtle); }
  [data-theme="win11"] .pager-btn.is-active { background: var(--brand); color: var(--on-brand); }
  [data-theme="win11"] .modal-backdrop { background: rgba(0,0,0,.3); }
  [data-theme="win11"] .modal { background: var(--surface); border-radius: 8px; border: 1px solid var(--w11-stroke); box-shadow: var(--shadow-lg); }
  [data-theme="win11"] .modal-head { border-bottom: 0; padding: 20px 22px 6px; }
  [data-theme="win11"] .modal-head strong { font-size: 20px; font-weight: 600; }
  [data-theme="win11"] .modal-body { padding: 10px 22px 20px; }
  [data-theme="win11"] .modal-foot { background: var(--surface-2); border-top: 1px solid var(--w11-stroke); padding: 18px 22px; }
  [data-theme="win11"] .modal-foot .btn { flex: 1; }
  /* شريط المهام: Acrylic والعناصر في المنتصف */
  [data-theme="win11"] .session-statusbar, [data-theme="win11"] .activity-statusbar { background: var(--w11-acrylic); border-top: 1px solid var(--w11-stroke); box-shadow: none; backdrop-filter: blur(28px) saturate(1.3); }
  [data-theme="win11"] .session-statusbar .session-status-activity { background: transparent; }
  [data-theme="win11"] .session-status-item { border-inline-end: 0; border-radius: 4px; color: var(--text); }
  [data-theme="win11"] .session-status-item b, [data-theme="win11"] .session-status-item strong, [data-theme="win11"] .session-status-time,
  [data-theme="win11"] .session-status-gregorian, [data-theme="win11"] .session-status-date time { color: var(--text); }
  [data-theme="win11"] .session-status-item:hover { background: var(--w11-subtle); }
  [data-theme="win11"] .session-status-moment { background: transparent; border: 0; }
  [data-theme="win11"] .session-status-user { background: var(--w11-subtle); }
  [data-theme="win11"] .activity-meter { height: 4px; background: var(--w11-subtle); }
  [data-theme="win11"] .footer-nav { background: var(--w11-acrylic); border: 1px solid var(--w11-stroke); border-radius: 8px; backdrop-filter: blur(24px) saturate(1.3); }
  [data-theme="win11"] .fn-item { color: var(--text-2); }
  [data-theme="win11"] .fn-item:hover, [data-theme="win11"] .fn-item.is-active { color: var(--text); }
  [data-theme="win11"] .fn-item.is-active .fn-icon { background: var(--surface); color: var(--brand); box-shadow: 0 0 0 1px var(--w11-stroke), 0 6px 14px rgba(0,0,0,.14); }
  [data-theme="win11"] .fn-badge { border-color: var(--surface); }
  [data-theme="win11"] * { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,.4) transparent; }
  [data-mode="dark"][data-theme="win11"] * { scrollbar-color: rgba(255,255,255,.4) transparent; }
  [data-theme="win11"] ::-webkit-scrollbar { width: 8px; height: 8px; background: transparent; }
  [data-theme="win11"] ::-webkit-scrollbar-thumb { border-radius: 4px; background: rgba(0,0,0,.35); border: 2px solid transparent; background-clip: padding-box; }
  [data-mode="dark"][data-theme="win11"] ::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.35); }
  [data-theme="win11"] .body-blank { background: radial-gradient(900px 620px at 30% 22%, #6CB8F6 0%, transparent 62%), radial-gradient(1000px 760px at 80% 84%, #1F4E9E 0%, transparent 62%), #0B3B8C; }
  [data-mode="dark"][data-theme="win11"] .body-blank { background: var(--w11-bloom); }
  [data-theme="win11"] .login-card, [data-theme="win11"] .err-card { background: rgba(249,249,249,.82); border: 1px solid rgba(255,255,255,.6); border-radius: 8px; box-shadow: var(--shadow-lg); backdrop-filter: blur(30px) saturate(1.4); }
  [data-mode="dark"][data-theme="win11"] .login-card, [data-mode="dark"][data-theme="win11"] .err-card { background: rgba(32,32,36,.8); border-color: rgba(255,255,255,.1); }
  [data-theme="win11"] .login-logo { border-radius: 8px; box-shadow: none; }
}
@media screen and (min-width: 992px) {
  [data-theme="win11"] .session-statusbar { justify-content: center; justify-content: safe center; }
}

/* ثيمات بقوائم فاتحة فوق هيدر داكن: قائمة الثيم واللغة بنفس ألوان الصفحة */
@media screen {
  :is([data-theme="odoo"], [data-theme="oracle"], [data-theme="sap"], [data-theme="tally"], [data-theme="win98"]) .theme-menu,
  :is([data-theme="odoo"], [data-theme="oracle"], [data-theme="sap"], [data-theme="tally"], [data-theme="win98"]) .language-menu { color: var(--text); }
}

/* الكمبيوتر: لوحة التحكم الممتدة بعرض الصفحة تتبع هوامش المحتوى الأكبر */
@media screen and (min-width: 992px) {
  [data-theme="odoo"] .page-head { margin: -20px -22px 0; padding: 9px 22px; }
  [data-theme="tally"] .page-head { margin: -20px -22px 14px; padding: 9px 22px; }
}

/* نمط أودو: الشريط العلوي = [قائمة التطبيقات] [اسم التطبيق] [روابطه] ... [الأيقونات]، وأزرار الإجراء قبل عنوان الصفحة */
@media screen {
  [data-theme="odoo"] .page-head { inline-size: auto; max-width: none; }
  [data-theme="odoo"] .page-head > .page-actions { order: -1; margin: 0 !important; justify-content: flex-start; }
  [data-theme="odoo"] .page-head > :is(a.btn, button.btn, form, details):nth-child(2) { order: -1; margin: 0 !important; }
  [data-theme="tally"] .page-head { inline-size: auto; max-width: none; }
}
@media screen and (min-width: 992px) {
  [data-theme="odoo"] .app-header.has-app-menu .hdr-brand { display: none; }
  [data-theme="odoo"] .hdr-app-menu { display: flex; align-items: stretch; flex: 1; min-width: 0; height: 100%; overflow: hidden; }
  [data-theme="odoo"] .hdr-app-name { display: flex; align-items: center; padding: 0 10px 0 6px; font-size: 17px; color: var(--text); white-space: nowrap; }
  [data-theme="odoo"] .hdr-app-link { display: flex; align-items: center; padding: 0 .63em; color: var(--odoo-nav-text); font-size: 14px; white-space: nowrap; text-decoration: none; }
  [data-theme="odoo"] .hdr-app-link:hover { background: var(--odoo-nav-hover); color: var(--text); text-decoration: none; }
  [data-theme="odoo"] .hdr-app-link.is-active { background: var(--odoo-nav-hover); color: var(--text); font-weight: 600; }
}

/* =====================================================================
   9) نمط أوبنتو (Yaru / GNOME) — شريط علوي أسود، شريط تطبيقات داكن، لون برتقالي، نوافذ مستديرة
   ===================================================================== */
[data-theme="ubuntu"] {
  --ub-orange:#E95420; --ub-orange-hover:#C7461A; --ub-aubergine:#77216F; --ub-panel:#1D1D1D; --ub-dock:rgba(34,34,34,.94); --ub-dock-hover:rgba(255,255,255,.12);
  --ub-headerbar:#EBEBEB; --ub-headerbar-border:#D6D6D6;
  --bg:#FAFAFA; --surface:#FFFFFF; --surface-2:#F6F5F4; --surface-3:#EDEBE9;
  --border:#DEDDDA; --border-strong:#C0BFBC;
  --text:#3D3D3D; --text-2:#5E5C64; --text-muted:#77767B;
  --brand:#E95420; --brand-hover:#C7461A; --brand-dark:#C7461A; --brand-ring:rgba(233,84,32,.3);
  --brand-soft:#FBE3DA; --brand-text:#B83F15; --on-brand:#FFFFFF;
  --ok:#0E8420; --ok-bg:#E3F4E5; --ok-border:#B6DDBB;
  --danger:#C7162B; --danger-bg:#F9E1E4; --danger-border:#EFB3BB;
  --warn:#A35D00; --warn-bg:#FDF0D8; --warn-border:#F2D29A;
  --info:#19B6EE; --info-bg:#E0F4FC; --info-border:#A9DFF4;
  --radius:8px; --radius-sm:6px; --radius-lg:12px; --radius-xl:14px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.08); --shadow-md:0 2px 8px rgba(0,0,0,.12); --shadow-lg:0 8px 28px rgba(0,0,0,.22);
  --header-h:40px;
}
[data-mode="dark"][data-theme="ubuntu"] {
  --ub-headerbar:#303030; --ub-headerbar-border:#1E1E1E;
  --bg:#242424; --surface:#303030; --surface-2:#2A2A2A; --surface-3:#3A3A3A;
  --border:#1E1E1E; --border-strong:#4A4A4A;
  --text:#FFFFFF; --text-2:#DEDDDA; --text-muted:#9A9996;
  --brand:#E95420; --brand-hover:#F06A3C; --brand-soft:#4A2A1E; --brand-text:#FF8C61;
  --ok:#57E389; --ok-bg:#1F3A27; --danger:#FF7B85; --danger-bg:#4A2026; --warn:#F8C35A; --warn-bg:#46381A; --info:#62CDF5; --info-bg:#1C3A47;
}
@media screen {
  html[data-theme="ubuntu"] body { font-family: Ubuntu, "Ubuntu Arabic", Cantarell, "Noto Sans", "Segoe UI", Tahoma, sans-serif; background: var(--bg); color: var(--text); }
  /* الشريط العلوي لجنوم: أسود، والساعة والأيقونات بيضاء */
  [data-theme="ubuntu"] .app-header { background: var(--ub-panel); color: #fff; border: 0; box-shadow: none; }
  [data-theme="ubuntu"] .app-header .hdr-name { color: #fff; font-weight: 700; }
  [data-theme="ubuntu"] .app-header .hdr-slogan, [data-theme="ubuntu"] .app-header .hdr-date { color: #BDBDBD; }
  [data-theme="ubuntu"] .app-header .hdr-btn, [data-theme="ubuntu"] .app-header .header-language > summary { color: #fff; border-radius: 999px; background: transparent; }
  [data-theme="ubuntu"] .app-header .hdr-btn:hover { background: rgba(255,255,255,.16); color: #fff; }
  [data-theme="ubuntu"] .hdr-badge, [data-theme="ubuntu"] .fn-badge { background: var(--ub-orange); }
  /* شريط التطبيقات (Dock) الداكن */
  [data-theme="ubuntu"] .sidebar { background: var(--ub-dock); color: #fff; border: 0; box-shadow: none; }
  [data-theme="ubuntu"] .sb-head { border-bottom: 1px solid rgba(255,255,255,.08); }
  [data-theme="ubuntu"] .sb-head .hdr-name, [data-theme="ubuntu"] .sb-group-title { color: #fff; }
  [data-theme="ubuntu"] .sb-group-title { opacity: .7; font-size: 12px; }
  [data-theme="ubuntu"] .sb-link { color: #EDEDED; border-radius: 10px; margin: 1px 6px; }
  [data-theme="ubuntu"] .sb-link .ico { color: #fff; opacity: .9; }
  [data-theme="ubuntu"] .sb-link:hover { background: var(--ub-dock-hover); color: #fff; text-decoration: none; }
  [data-theme="ubuntu"] .sb-link.is-active { background: rgba(255,255,255,.16); color: #fff; font-weight: 600; box-shadow: inset 3px 0 0 var(--ub-orange); }
  html[dir="rtl"][data-theme="ubuntu"] .sb-link.is-active { box-shadow: inset -3px 0 0 var(--ub-orange); }
  [data-theme="ubuntu"] .divider { background: rgba(255,255,255,.08); }
  /* شريط عنوان التطبيق (Headerbar) */
  [data-theme="ubuntu"] .page-head { background: var(--ub-headerbar); border: 1px solid var(--ub-headerbar-border); border-radius: var(--radius-lg); padding: 9px 14px; box-shadow: var(--shadow-sm); }
  [data-theme="ubuntu"] .page-title { font-weight: 700; }
  [data-theme="ubuntu"] .page-title .ico { color: var(--ub-orange); }
  [data-theme="ubuntu"] .card, [data-theme="ubuntu"] .stat { border-radius: var(--radius-lg); box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 0 0 1px var(--border); border: 0; }
  [data-theme="ubuntu"] .card-head { background: var(--surface); border-bottom: 1px solid var(--border); }
  [data-theme="ubuntu"] .card-title .ico { color: var(--ub-orange); }
  /* أزرار أدوايتا */
  [data-theme="ubuntu"] .btn { border-radius: 6px; border: 1px solid var(--border-strong); background: var(--surface-3); color: var(--text); font-weight: 600; box-shadow: none; }
  [data-theme="ubuntu"] .btn:hover { background: var(--border); }
  [data-theme="ubuntu"] .btn-primary { background: var(--ub-orange); border-color: var(--ub-orange); color: #fff; }
  [data-theme="ubuntu"] .btn-primary:hover { background: var(--ub-orange-hover); border-color: var(--ub-orange-hover); color: #fff; }
  [data-theme="ubuntu"] .btn-ghost { background: transparent; border-color: transparent; }
  [data-theme="ubuntu"] .btn-ghost:hover { background: var(--surface-3); }
  [data-theme="ubuntu"] .btn-danger { background: var(--danger); border-color: var(--danger); color: #fff; }
  [data-theme="ubuntu"] .btn-ok { background: var(--ok); border-color: var(--ok); color: #fff; }
  [data-theme="ubuntu"] .input, [data-theme="ubuntu"] .select, [data-theme="ubuntu"] .textarea, [data-theme="ubuntu"] .smart-select-control { border-radius: 6px; border-color: var(--border-strong); background-color: var(--surface); }
  [data-theme="ubuntu"] .input:focus, [data-theme="ubuntu"] .select:focus, [data-theme="ubuntu"] .textarea:focus, [data-theme="ubuntu"] .smart-select-control:focus-within { border-color: var(--ub-orange); box-shadow: 0 0 0 2px var(--brand-ring); }
  [data-theme="ubuntu"] .smart-select-option:hover, [data-theme="ubuntu"] .smart-select-option.is-active { background: var(--brand-soft); color: var(--text); }
  [data-theme="ubuntu"] .table thead th { background: var(--surface-2); color: var(--text-2); font-weight: 700; }
  [data-theme="ubuntu"] .table tbody tr:hover { background: var(--surface-2); }
  [data-theme="ubuntu"] .tab.is-active { color: var(--text); border-bottom-color: var(--ub-orange); }
  [data-theme="ubuntu"] .switch input:checked + .switch-track { background: var(--ub-orange); }
  [data-theme="ubuntu"] .badge { border-radius: 999px; }
  [data-theme="ubuntu"] .modal { border-radius: var(--radius-xl); }
  /* شريط الحالة = لوحة جنوم السفلية */
  [data-theme="ubuntu"] .session-statusbar, [data-theme="ubuntu"] .activity-statusbar { background: var(--ub-panel); color: #EDEDED; border-top: 0; }
  [data-theme="ubuntu"] .session-status-item, [data-theme="ubuntu"] .session-status-item b, [data-theme="ubuntu"] .session-status-item strong, [data-theme="ubuntu"] .session-status-time,
  [data-theme="ubuntu"] .session-status-gregorian, [data-theme="ubuntu"] .session-status-date time, [data-theme="ubuntu"] .activity-label { color: #EDEDED; }
  [data-theme="ubuntu"] .session-status-moment, [data-theme="ubuntu"] .session-status-user, [data-theme="ubuntu"] .session-statusbar .session-status-activity { background: rgba(255,255,255,.08); border-color: transparent; color: #EDEDED; }
  [data-theme="ubuntu"] .activity-meter > i, [data-theme="ubuntu"] .erp-loadbar > i { background: var(--ub-orange); }
  [data-theme="ubuntu"] .footer-nav { background: var(--ub-dock); }
  [data-theme="ubuntu"] .fn-item, [data-theme="ubuntu"] .fn-item:hover { color: #EDEDED; }
  [data-theme="ubuntu"] .fn-item.is-active .fn-icon { background: var(--ub-orange); color: #fff; }
  [data-theme="ubuntu"] .body-blank { background: radial-gradient(1200px 700px at 20% 10%, #E95420 0%, transparent 55%), linear-gradient(135deg, #77216F 0%, #2C001E 100%); }
  [data-theme="ubuntu"] .login-card { border-radius: var(--radius-xl); }
  [data-theme="ubuntu"] ::-webkit-scrollbar { width: 10px; height: 10px; }
  [data-theme="ubuntu"] ::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(0,0,0,.28); border: 2px solid transparent; background-clip: padding-box; }
  [data-mode="dark"][data-theme="ubuntu"] ::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.28); }
}

/* =====================================================================
   10) نمط ويندوز XP (Luna) — أشرطة عنوان زرقاء لامعة، وجه نوافذ بيج، سطح مكتب Bliss، شريط مهام أزرق
   ===================================================================== */
[data-theme="winxp"] {
  --xp-title:linear-gradient(180deg, #0A5FD8 0%, #3D95FF 8%, #0058E6 40%, #0055DE 88%, #003CC0 100%);
  --xp-title-inactive:linear-gradient(180deg, #7A96DF 0%, #A3BBEC 10%, #7A96DF 90%);
  --xp-taskbar:linear-gradient(180deg, #3168D5 0%, #4993E6 6%, #2157D7 12%, #2663E0 90%, #1941A5 100%);
  --xp-start:linear-gradient(180deg, #3C9A3C 0%, #61C161 12%, #3A963A 50%, #2F7F2F 100%);
  --xp-face:#ECE9D8; --xp-field:#FFFFFF; --xp-border:#7F9DB9; --xp-btn-border:#003C74;
  --xp-btn:linear-gradient(180deg, #FFFFFF 0%, #ECEBE6 70%, #D6D0C5 100%); --xp-hover:#F8B33F;
  --xp-bliss:linear-gradient(180deg, #2E6FD9 0%, #5CA0EF 30%, #A9D3F7 48%, #8CC04E 49%, #5E9B2E 70%, #3E7A1B 100%);
  --bg:#ECE9D8; --surface:#FFFFFF; --surface-2:#F4F3EE; --surface-3:#ECE9D8;
  --border:#ACA899; --border-strong:#7F9DB9;
  --text:#000000; --text-2:#1C1C1C; --text-muted:#5A5A5A;
  --brand:#0054E3; --brand-hover:#003CC0; --brand-dark:#003CC0; --brand-ring:rgba(0,84,227,.25);
  --brand-soft:#DCE8FC; --brand-text:#0046BE; --on-brand:#FFFFFF;
  --ok:#2C8A2C; --ok-bg:#E2F2DC; --danger:#C21F1F; --danger-bg:#F8E0DC; --warn:#946200; --warn-bg:#FFF4D2; --info:#0054E3; --info-bg:#E3ECFB;
  --radius:3px; --radius-sm:3px; --radius-lg:8px; --radius-xl:8px;
  --shadow-sm:none; --shadow-md:2px 2px 4px rgba(0,0,0,.25); --shadow-lg:3px 3px 10px rgba(0,0,0,.35);
  --header-h:38px;
}
[data-mode="dark"][data-theme="winxp"] {
  --xp-title:linear-gradient(180deg, #1B2A4E 0%, #3A5288 8%, #22356B 40%, #1D2F60 88%, #121F45 100%);
  --xp-face:#2E3238; --xp-field:#1E2126; --xp-border:#4A5A75; --xp-btn:linear-gradient(180deg, #4A4F57 0%, #3A3E45 70%, #30343A 100%);
  --xp-bliss:linear-gradient(180deg, #0E1E3D 0%, #1C3460 45%, #20402A 46%, #102414 100%);
  --bg:#25282D; --surface:#2E3238; --surface-2:#33373E; --surface-3:#3A3E45;
  --border:#4A4F57; --border-strong:#4A5A75; --text:#F0F0F0; --text-2:#DADADA; --text-muted:#A8A8A8;
  --brand:#5B8DEF; --brand-hover:#7AA3F3; --brand-soft:#26365A; --brand-text:#9CBBFF;
  --ok:#7ED07E; --ok-bg:#223A22; --danger:#FF8A80; --danger-bg:#4A2320; --warn:#F2C76B; --warn-bg:#47391B; --info:#9CBBFF; --info-bg:#22304D;
}
@media screen {
  html[data-theme="winxp"] body { font-family: Tahoma, "Trebuchet MS", "Segoe UI", Arial, sans-serif; font-size: 13px; background: var(--xp-bliss) fixed; color: var(--text); }
  [data-theme="winxp"] .app-main { background: transparent; }
  /* شريط العنوان الأزرق اللامع */
  [data-theme="winxp"] .app-header { background: var(--xp-title); color: #fff; border: 0; box-shadow: 0 1px 0 #00138C; }
  [data-theme="winxp"] .app-header .hdr-name { color: #fff; font-family: "Trebuchet MS", Tahoma, sans-serif; font-weight: 700; text-shadow: 1px 1px 0 #0B2A8C; }
  [data-theme="winxp"] .app-header .hdr-slogan, [data-theme="winxp"] .app-header .hdr-date { color: #D8E6FF; }
  [data-theme="winxp"] .app-header .hdr-btn, [data-theme="winxp"] .app-header .header-language > summary { color: #fff; border-radius: 3px; border: 1px solid rgba(255,255,255,.55); background: linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,.05)); }
  [data-theme="winxp"] .app-header .hdr-btn:hover { background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.15)); color: #fff; }
  /* قائمة ابدأ: عمود أبيض بإطار أزرق */
  [data-theme="winxp"] .sidebar { background: #FFFFFF; border: 0; box-shadow: inset -2px 0 0 #3A6FD8; }
  html[dir="rtl"][data-theme="winxp"] .sidebar { box-shadow: inset 2px 0 0 #3A6FD8; }
  [data-mode="dark"][data-theme="winxp"] .sidebar { background: var(--xp-face); }
  [data-theme="winxp"] .sb-head { background: var(--xp-title); }
  [data-theme="winxp"] .sb-head .hdr-name { color: #fff; text-shadow: 1px 1px 0 #0B2A8C; }
  [data-theme="winxp"] .sb-group-title { color: #0E3C9A; font-weight: 700; }
  [data-mode="dark"][data-theme="winxp"] .sb-group-title { color: #9CBBFF; }
  [data-theme="winxp"] .sb-link { border-radius: 0; color: var(--text); }
  [data-theme="winxp"] .sb-link:hover, [data-theme="winxp"] .sb-link.is-active { background: #316AC5; color: #fff; text-decoration: none; }
  [data-theme="winxp"] .sb-link:hover .ico, [data-theme="winxp"] .sb-link.is-active .ico { color: #fff; }
  /* النوافذ: شريط عنوان أزرق بحواف علوية مستديرة ووجه بيج */
  [data-theme="winxp"] .page-head { background: var(--xp-face); border: 1px solid #0831D9; border-radius: 8px 8px 3px 3px; padding: 8px 12px; box-shadow: var(--shadow-md); }
  [data-theme="winxp"] .page-title .ico { color: #0054E3; }
  [data-theme="winxp"] .card, [data-theme="winxp"] .stat { background: var(--xp-face); border: 1px solid #0831D9; border-radius: 8px 8px 3px 3px; box-shadow: var(--shadow-md); overflow: hidden; }
  [data-theme="winxp"] .stat { border-color: var(--xp-border); border-radius: 3px; }
  [data-theme="winxp"] .card-head { background: var(--xp-title); color: #fff; border: 0; min-height: 30px; padding: 5px 10px; }
  [data-theme="winxp"] .card-title { color: #fff; font-family: "Trebuchet MS", Tahoma, sans-serif; font-weight: 700; text-shadow: 1px 1px 0 #0B2A8C; }
  [data-theme="winxp"] .card-title .ico { color: #fff; }
  [data-theme="winxp"] .card-head .muted, [data-theme="winxp"] .card-head .text-muted { color: #D8E6FF !important; }
  [data-theme="winxp"] .card-body { background: var(--xp-face); }
  [data-theme="winxp"] .card-body.p0, [data-theme="winxp"] .table-wrap { background: var(--xp-field); }
  [data-theme="winxp"] .card-foot { background: var(--xp-face); border-top: 1px solid var(--border); }
  /* أزرار XP: إطار أزرق داكن وتوهج برتقالي عند المرور */
  [data-theme="winxp"] .btn { border: 1px solid var(--xp-btn-border); border-radius: 3px; background: var(--xp-btn); color: var(--text); font-weight: 400; box-shadow: none; }
  [data-theme="winxp"] .btn:hover { box-shadow: inset 0 0 0 2px var(--xp-hover); background: var(--xp-btn); }
  [data-theme="winxp"] .btn:active { background: linear-gradient(180deg, #E5E3DA, #F2F1EC); }
  [data-theme="winxp"] .btn-primary { background: var(--xp-start); border-color: #1E5A1E; color: #fff; font-weight: 700; text-shadow: 1px 1px 0 #1E5A1E; }
  [data-theme="winxp"] .btn-primary:hover { background: var(--xp-start); color: #fff; box-shadow: inset 0 0 0 2px #9EE09E; }
  [data-theme="winxp"] .btn-ghost { background: transparent; border-color: transparent; }
  [data-theme="winxp"] .btn-ghost:hover { border-color: var(--xp-btn-border); background: var(--xp-btn); }
  [data-theme="winxp"] .btn-danger { color: var(--danger); font-weight: 700; }
  [data-theme="winxp"] .btn-ok { color: var(--ok); font-weight: 700; }
  [data-theme="winxp"] .input, [data-theme="winxp"] .select, [data-theme="winxp"] .textarea, [data-theme="winxp"] .smart-select-control { border: 1px solid var(--xp-border); border-radius: 0; background-color: var(--xp-field); color: var(--text); }
  [data-theme="winxp"] .input:focus, [data-theme="winxp"] .select:focus, [data-theme="winxp"] .textarea:focus, [data-theme="winxp"] .smart-select-control:focus-within { border-color: #0054E3; box-shadow: none; }
  [data-theme="winxp"] .smart-select-option:hover, [data-theme="winxp"] .smart-select-option.is-active { background: #316AC5; color: #fff; }
  [data-theme="winxp"] .table thead th { background: linear-gradient(180deg, #FFFFFF, #EBEADB); color: var(--text); font-weight: 400; border-bottom: 2px solid #D6D2C2; }
  [data-mode="dark"][data-theme="winxp"] .table thead th { background: var(--surface-3); border-bottom-color: var(--border); }
  [data-theme="winxp"] .table tbody tr:hover { background: #316AC5; color: #fff; }
  [data-theme="winxp"] .table tbody tr:hover :is(a, .muted, .text-muted) { color: #fff !important; }
  [data-theme="winxp"] .tabs { border-bottom-color: #919B9C; }
  [data-theme="winxp"] .tab { border: 1px solid #919B9C; border-bottom: 0; border-radius: 3px 3px 0 0; background: linear-gradient(180deg, #FFFFFF, #ECEBE6); margin-inline-end: 2px; color: var(--text); }
  [data-theme="winxp"] .tab.is-active { background: #FCFCFE; border-top: 2px solid #FFC83C; }
  [data-theme="winxp"] .switch input:checked + .switch-track { background: #0054E3; }
  [data-theme="winxp"] .modal { border: 1px solid #0831D9; border-radius: 8px 8px 3px 3px; overflow: hidden; background: var(--xp-face); }
  [data-theme="winxp"] .modal-head { background: var(--xp-title); color: #fff; }
  [data-theme="winxp"] .modal-x { background: linear-gradient(180deg, #E37452, #C1411C); color: #fff; border: 1px solid #fff; border-radius: 3px; }
  /* شريط الحالة = شريط المهام الأزرق مع زر ابدأ الأخضر */
  [data-theme="winxp"] .session-statusbar, [data-theme="winxp"] .activity-statusbar { background: var(--xp-taskbar); color: #fff; border-top: 1px solid #0831D9; }
  [data-theme="winxp"] .session-statusbar .session-status-activity { background: var(--xp-start); color: #fff; font-weight: 700; font-style: italic; border-radius: 0 10px 10px 0; padding-inline: 14px; }
  html[dir="rtl"][data-theme="winxp"] .session-statusbar .session-status-activity { border-radius: 10px 0 0 10px; }
  [data-theme="winxp"] .session-status-item, [data-theme="winxp"] .session-status-item b, [data-theme="winxp"] .session-status-item strong, [data-theme="winxp"] .session-status-time,
  [data-theme="winxp"] .session-status-gregorian, [data-theme="winxp"] .session-status-date time, [data-theme="winxp"] .activity-label { color: #fff; }
  [data-theme="winxp"] .session-status-moment { background: linear-gradient(180deg, #0C59B9, #139EE9 10%, #18B9FF 50%, #0F8EE9 100%); border: 1px solid #0B4F9B; }
  [data-theme="winxp"] .session-status-user { background: rgba(255,255,255,.12); border-color: transparent; }
  [data-theme="winxp"] .activity-meter > i, [data-theme="winxp"] .erp-loadbar > i { background: repeating-linear-gradient(90deg, #2BD12B 0 8px, transparent 8px 10px); }
  [data-theme="winxp"] .footer-nav { background: var(--xp-taskbar); }
  [data-theme="winxp"] .fn-item, [data-theme="winxp"] .fn-item:hover { color: #fff; }
  [data-theme="winxp"] .fn-item.is-active .fn-icon { background: var(--xp-start); color: #fff; }
  [data-theme="winxp"] .body-blank { background: var(--xp-bliss); }
  [data-theme="winxp"] .login-card { border: 1px solid #0831D9; border-radius: 8px 8px 3px 3px; background: var(--xp-face); overflow: hidden; }
  [data-theme="winxp"] .login-logo { border-radius: 6px; }
}

/* =====================================================================
   11) نمط DOS — شاشة زرقاء بخط ثابت العرض (MS-DOS Edit / Norton)، أشرطة سماوية، أزرار بظل أسود؛
   والوضع الداكن = سطر أوامر أسود بنص فاتح
   ===================================================================== */
[data-theme="dos"] {
  --dos-bg:#0000AA; --dos-fg:#FFFFFF; --dos-dim:#AAAAAA; --dos-bar:#AAAAAA; --dos-bar-text:#000000; --dos-hl:#00AAAA; --dos-hl-text:#000000;
  --dos-yellow:#FFFF55; --dos-field:#000000; --dos-field-text:#FFFFFF; --dos-shadow:4px 4px 0 #000000;
  --bg:#0000AA; --surface:#0000AA; --surface-2:#0000AA; --surface-3:#000088;
  --border:#AAAAAA; --border-strong:#FFFFFF;
  --text:#FFFFFF; --text-2:#FFFFFF; --text-muted:#AAAAAA;
  --brand:#00AAAA; --brand-hover:#55FFFF; --brand-dark:#00AAAA; --brand-ring:#55FFFF;
  --brand-soft:#000088; --brand-text:#55FFFF; --on-brand:#000000;
  --ok:#55FF55; --ok-bg:#0000AA; --ok-border:#55FF55;
  --danger:#FF5555; --danger-bg:#0000AA; --danger-border:#FF5555;
  --warn:#FFFF55; --warn-bg:#0000AA; --warn-border:#FFFF55;
  --info:#55FFFF; --info-bg:#0000AA; --info-border:#55FFFF;
  --radius:0; --radius-sm:0; --radius-lg:0; --radius-xl:0;
  --shadow-sm:none; --shadow-md:4px 4px 0 #000; --shadow-lg:4px 4px 0 #000;
  --header-h:30px;
}
[data-mode="dark"][data-theme="dos"] {
  --dos-bg:#000000; --dos-fg:#C0C0C0; --dos-dim:#808080; --dos-bar:#C0C0C0; --dos-hl:#C0C0C0; --dos-field:#000000; --dos-field-text:#FFFFFF; --dos-shadow:none;
  --bg:#000000; --surface:#000000; --surface-2:#000000; --surface-3:#111111;
  --border:#808080; --border-strong:#C0C0C0; --text:#C0C0C0; --text-2:#C0C0C0; --text-muted:#808080;
  --brand:#C0C0C0; --brand-hover:#FFFFFF; --brand-soft:#222222; --brand-text:#FFFFFF; --on-brand:#000000;
  --ok:#55FF55; --ok-bg:#000; --danger:#FF5555; --danger-bg:#000; --warn:#FFFF55; --warn-bg:#000; --info:#55FFFF; --info-bg:#000;
}
@media screen {
  html[data-theme="dos"] body { font-family: "Perfect DOS VGA 437", "Lucida Console", Consolas, "Courier New", monospace; font-size: 14px; background: var(--dos-bg); color: var(--dos-fg); -webkit-font-smoothing: none; }
  html[data-theme="dos"] :is(body, input, select, textarea, button, .btn) { font-family: "Lucida Console", Consolas, "Courier New", monospace; }
  [data-theme="dos"] .app-main { background: var(--dos-bg); }
  /* شريط القوائم العلوي الرمادي */
  [data-theme="dos"] .app-header { background: var(--dos-bar); color: var(--dos-bar-text); border: 0; box-shadow: none; }
  [data-theme="dos"] .app-header .hdr-name, [data-theme="dos"] .app-header .hdr-slogan, [data-theme="dos"] .app-header .hdr-date { color: var(--dos-bar-text); }
  [data-theme="dos"] .app-header .hdr-btn, [data-theme="dos"] .app-header .header-language > summary { color: var(--dos-bar-text); border-radius: 0; background: transparent; }
  [data-theme="dos"] .app-header .hdr-btn:hover { background: #000; color: var(--dos-bar); }
  [data-theme="dos"] .hdr-badge, [data-theme="dos"] .fn-badge { border-radius: 0; background: #AA0000; color: #fff; }
  [data-theme="dos"] .hdr-logo, [data-theme="dos"] .login-logo { border-radius: 0; filter: grayscale(1) contrast(1.4); }
  /* القائمة الجانبية = لوحة بإطار مزدوج */
  [data-theme="dos"] .sidebar { background: var(--dos-bg); border: 0; box-shadow: none; outline: 3px double var(--dos-dim); outline-offset: -6px; }
  [data-theme="dos"] .sb-head .hdr-name, [data-theme="dos"] .sb-group-title { color: var(--dos-yellow); }
  [data-mode="dark"][data-theme="dos"] .sb-head .hdr-name, [data-mode="dark"][data-theme="dos"] .sb-group-title { color: #FFFFFF; }
  [data-theme="dos"] .sb-link { border-radius: 0; color: var(--dos-fg); }
  [data-theme="dos"] .sb-link .ico { color: var(--dos-fg); }
  [data-theme="dos"] .sb-link:hover, [data-theme="dos"] .sb-link.is-active { background: var(--dos-hl); color: var(--dos-hl-text); text-decoration: none; }
  [data-theme="dos"] .sb-link:hover .ico, [data-theme="dos"] .sb-link.is-active .ico { color: var(--dos-hl-text); }
  [data-theme="dos"] .divider { background: var(--dos-dim); }
  /* النوافذ = إطارات مزدوجة وعنوان سماوي */
  [data-theme="dos"] .page-head { background: var(--dos-bg); border: 3px double var(--dos-dim); padding: 6px 10px; }
  [data-theme="dos"] .page-title, [data-theme="dos"] .page-title .ico { color: var(--dos-yellow); }
  [data-mode="dark"][data-theme="dos"] .page-title, [data-mode="dark"][data-theme="dos"] .page-title .ico { color: #FFFFFF; }
  [data-theme="dos"] .page-sub, [data-theme="dos"] .muted, [data-theme="dos"] .text-muted { color: var(--dos-dim) !important; }
  [data-theme="dos"] .card, [data-theme="dos"] .stat, [data-theme="dos"] .login-card, [data-theme="dos"] .modal, [data-theme="dos"] .err-card { background: var(--dos-bg); border: 3px double var(--dos-dim); border-radius: 0; box-shadow: var(--dos-shadow); }
  /* عنوان النافذة كما في MS-DOS Edit: نص معكوس داخل الإطار */
  [data-theme="dos"] .card-head, [data-theme="dos"] .modal-head { background: var(--dos-bg); color: var(--dos-fg); border-bottom: 1px solid var(--dos-dim); }
  [data-theme="dos"] .card-title, [data-theme="dos"] .modal-title { background: var(--dos-bar); color: #000 !important; padding: 1px 8px; width: fit-content; }
  [data-theme="dos"] .card-title .ico { color: #000 !important; }
  /* لا زوايا مستديرة في واجهة النص */
  [data-theme="dos"] *, [data-theme="dos"] *::before, [data-theme="dos"] *::after { border-radius: 0 !important; }
  [data-theme="dos"] .card-body, [data-theme="dos"] .card-foot, [data-theme="dos"] .card-body.p0, [data-theme="dos"] .table-wrap { background: var(--dos-bg); }
  [data-theme="dos"] .card-foot { border-top: 1px solid var(--dos-dim); }
  [data-theme="dos"] .stat-value { color: var(--dos-yellow); }
  [data-mode="dark"][data-theme="dos"] .stat-value { color: #FFFFFF; }
  /* أزرار Turbo Vision: رمادية بظل أسود */
  [data-theme="dos"] .btn { border: 0; border-radius: 0; background: var(--dos-bar); color: var(--dos-bar-text); box-shadow: 3px 3px 0 #000; font-weight: 400; }
  [data-theme="dos"] .btn:hover { background: #FFFFFF; color: #000; }
  [data-theme="dos"] .btn:active { box-shadow: none; transform: translate(3px, 3px); }
  [data-theme="dos"] .btn-primary { background: var(--dos-hl); color: var(--dos-hl-text); }
  [data-theme="dos"] .btn-primary:hover { background: #55FFFF; color: #000; }
  [data-theme="dos"] .btn-ghost { background: transparent; color: var(--dos-fg); box-shadow: none; }
  [data-theme="dos"] .btn-ghost:hover { background: var(--dos-hl); color: var(--dos-hl-text); }
  [data-theme="dos"] .btn-danger { background: #AA0000; color: #FFFFFF; }
  [data-theme="dos"] .btn-ok { background: #00AA00; color: #000; }
  [data-mode="dark"][data-theme="dos"] .btn { box-shadow: none; border: 1px solid var(--dos-dim); }
  [data-theme="dos"] .label { color: var(--dos-fg); }
  [data-theme="dos"] .input, [data-theme="dos"] .select, [data-theme="dos"] .textarea, [data-theme="dos"] .smart-select-control { border: 0; border-radius: 0; background-color: var(--dos-field); color: var(--dos-field-text); box-shadow: none; outline: 1px solid var(--dos-dim); }
  [data-theme="dos"] .input:focus, [data-theme="dos"] .select:focus, [data-theme="dos"] .textarea:focus, [data-theme="dos"] .smart-select-control:focus-within { outline: 1px solid var(--dos-yellow); box-shadow: none; }
  [data-theme="dos"] .smart-select-menu { border: 3px double var(--dos-dim); border-radius: 0; background: var(--dos-bg); box-shadow: var(--dos-shadow); }
  [data-theme="dos"] .smart-select-option { border-radius: 0; color: var(--dos-fg); }
  [data-theme="dos"] .smart-select-option:hover, [data-theme="dos"] .smart-select-option.is-active { background: var(--dos-hl); color: var(--dos-hl-text); }
  [data-theme="dos"] .table { background: var(--dos-bg); color: var(--dos-fg); }
  [data-theme="dos"] .table thead th { background: var(--dos-bg); color: var(--dos-yellow); border-bottom: 1px solid var(--dos-dim); font-weight: 400; text-transform: uppercase; }
  [data-mode="dark"][data-theme="dos"] .table thead th { color: #FFFFFF; }
  [data-theme="dos"] .table tbody tr { border-bottom: 0; }
  [data-theme="dos"] .table tbody tr:hover { background: var(--dos-hl); color: var(--dos-hl-text); }
  [data-theme="dos"] .table tbody tr:hover :is(a, .muted, .text-muted, .text-ok, .text-danger, .text-warn) { color: var(--dos-hl-text) !important; }
  [data-theme="dos"] a { color: #55FFFF; }
  [data-mode="dark"][data-theme="dos"] a:not(.btn):not(.sb-link):not(.tab):not(.period-chip):not(.fn-item) { color: #FFFFFF; }
  [data-theme="dos"] .badge { border-radius: 0; background: transparent; border: 1px solid currentColor; }
  [data-theme="dos"] .alert, [data-theme="dos"] .toast { background: var(--dos-bg); color: var(--dos-fg); border: 3px double var(--dos-dim); border-radius: 0; }
  [data-theme="dos"] .tabs { border-bottom-color: var(--dos-dim); }
  [data-theme="dos"] .tab { color: var(--dos-fg); border-radius: 0; }
  [data-theme="dos"] .tab.is-active { background: var(--dos-hl); color: var(--dos-hl-text); border-bottom-color: transparent; }
  [data-theme="dos"] .switch-track { border-radius: 0; background: #000; outline: 1px solid var(--dos-dim); }
  [data-theme="dos"] .switch-track::after { border-radius: 0; background: var(--dos-bar); box-shadow: none; }
  [data-theme="dos"] .switch input:checked + .switch-track { background: var(--dos-hl); }
  [data-theme="dos"] .pager-btn { border-radius: 0; background: var(--dos-bar); color: #000; border: 0; }
  [data-theme="dos"] .pager-btn.is-active { background: var(--dos-hl); }
  /* سطر المفاتيح السفلي (F1 مساعدة …) */
  [data-theme="dos"] .session-statusbar, [data-theme="dos"] .activity-statusbar, [data-theme="dos"] .session-statusbar .session-status-activity { background: var(--dos-bar); color: #000; border-top: 0; }
  [data-theme="dos"] .session-status-item, [data-theme="dos"] .session-status-item b, [data-theme="dos"] .session-status-item strong, [data-theme="dos"] .session-status-time,
  [data-theme="dos"] .session-status-gregorian, [data-theme="dos"] .session-status-date time, [data-theme="dos"] .activity-label { color: #000; }
  [data-theme="dos"] .session-status-item { border-radius: 0; border-color: #555; }
  [data-theme="dos"] .session-status-moment, [data-theme="dos"] .session-status-user { background: var(--dos-bar); border-radius: 0; }
  [data-theme="dos"] .activity-meter { border-radius: 0; background: #000; }
  [data-theme="dos"] .activity-meter > i, [data-theme="dos"] .erp-loadbar > i { background: repeating-linear-gradient(90deg, var(--dos-hl) 0 10px, transparent 10px 12px); border-radius: 0; }
  [data-theme="dos"] .activity-dot { border-radius: 0; }
  [data-theme="dos"] .footer-nav { background: var(--dos-bar); border-radius: 0; }
  [data-theme="dos"] .fn-item, [data-theme="dos"] .fn-item:hover { color: #000; }
  [data-theme="dos"] .fn-item.is-active .fn-icon { background: #000; color: var(--dos-bar); border-radius: 0; }
  [data-theme="dos"] .theme-option.is-active, [data-theme="dos"] .theme-option:hover { background: var(--dos-hl); color: var(--dos-hl-text); }
  [data-theme="dos"] .body-blank { background: var(--dos-bg); }
  [data-theme="dos"] * { scrollbar-color: var(--dos-hl) var(--dos-bg); }
  [data-theme="dos"] ::-webkit-scrollbar { width: 14px; height: 14px; background: var(--dos-bg); }
  [data-theme="dos"] ::-webkit-scrollbar-thumb { background: var(--dos-hl); }
  [data-theme="dos"] ::-webkit-scrollbar-track { background: repeating-linear-gradient(0deg, #000088 0 2px, var(--dos-bg) 2px 4px); }
  /* مؤشر نصي وامض في عنوان الصفحة */
  [data-theme="dos"] .page-title::after { content: "_"; margin-inline-start: 4px; animation: dosBlink 1s steps(1) infinite; }
}
@keyframes dosBlink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { [data-theme="dos"] .page-title::after { animation: none; } }

/* قوائم الثيم واللغة بلون الصفحة فوق الهيدر الداكن للأنماط الجديدة */
@media screen {
  :is([data-theme="ubuntu"], [data-theme="winxp"], [data-theme="dos"]) .theme-menu,
  :is([data-theme="ubuntu"], [data-theme="winxp"], [data-theme="dos"]) .language-menu { color: var(--text); }
}