/* غلاف التطبيق — ثيم فاتح: أبيض وأزرق.
   متغيرات الألوان كلها هنا؛ بقية الملفات تقرأ منها ولا تكتب ألوانًا ثابتة للثيم.
   - الصفحة: خلفية بيضاء مزرقة · البطاقات: بيضاء بظل ناعم
   - الشريط الجانبي: كحلي رمادي (#45588b ← #1a284d)، والعنصر النشط بطاقة بيضاء
   - الأزرار: أزرق (أساسي) · أزرق فاتح (عادي) · أخضر (قراءة) · كهرماني (تعطيل) · أحمر (حذف)
   - الخلية/الصف النشط: أزرق فاتح */
:root {
  --gl-font: -apple-system, BlinkMacSystemFont, "SF Arabic", "SF Pro Text", Inter, "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --gl-ease: cubic-bezier(.28,.11,.32,1);

  /* نصوص */
  --gl-label: #14213d; --gl-label-2: #55627a; --gl-label-3: #8a96ab;
  --gl-sep: rgba(16,42,86,.10);

  /* الأزرق (اللون الأساسي) */
  --gl-tint: #0a63e0; --gl-tint-hover: #0852bd; --gl-tint-soft: #e8f0fd; --gl-tint-soft-hover: #d6e5fb;
  /* ألوان الحالات (نص + خلفية فاتحة) */
  --gl-green: #17803f; --gl-green-soft: #e4f5ea;
  --gl-orange: #b45f06; --gl-orange-soft: #fff1dc;
  --gl-red: #c8302a; --gl-red-soft: #fdeceb;

  /* الأسطح */
  --gl-glass: #ffffff;
  --gl-card-line: rgba(16,42,86,.09);
  --gl-rim: inset 0 0 0 1px var(--gl-card-line);
  --gl-card-shadow: 0 1px 2px rgba(16,42,86,.05), 0 10px 28px rgba(16,42,86,.07);
  --gl-field: #f1f5fb; --gl-field-line: rgba(16,42,86,.14);
  --gl-active: #d9e7ff;          /* الخلية / الصف النشط */
  --gl-active-hover: #eef4ff;
  --gl-backdrop:
    radial-gradient(60% 38% at 92% 0%, rgba(10,99,224,.10), transparent 70%),
    radial-gradient(50% 40% at 0% 100%, rgba(10,99,224,.06), transparent 70%),
    linear-gradient(180deg, #f8fafe 0%, #edf2fa 100%);

  /* الشريط الجانبي */
  --sb-bg: linear-gradient(180deg, #45588b 0%, #1a284d 100%);   /* اللون المعتمد: كحلي رمادي متدرّج */
  --sb-text: rgba(255,255,255,.80); --sb-text-2: rgba(255,255,255,.58);
  --sb-hover: rgba(255,255,255,.12);
  --sb-active-bg: #ffffff; --sb-active-text: #1f3566;
}

/* كل ما يلي داخل طبقة glass (مُعلنة أولًا في layers.css): !important هنا تتغلّب على الثيم القديم دون حيل تخصيص. */
@layer glass {
  html { color-scheme: light !important; }
  input, select, textarea { color-scheme: light !important; }
  body { background: var(--gl-backdrop) fixed !important; color: var(--gl-label) !important; font-family: var(--gl-font) !important; -webkit-font-smoothing: antialiased; }
  .app-backdrop { display: none !important; }

  /* الشريط الجانبي: أزرق داكن */
  body.theme-navy aside.sidebar {
    background: var(--sb-bg) !important;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
    box-shadow: 8px 0 30px rgba(16,28,60,.22) !important;
    border-radius: 0 !important; border: 0 !important; font-family: var(--gl-font) !important;
  }
  body.theme-navy aside.sidebar .sidebar-nav .sidebar-link {
    color: var(--sb-text) !important; border-radius: 12px !important; background: transparent !important; box-shadow: none !important;
    transition: background .2s var(--gl-ease), color .2s var(--gl-ease) !important;
  }
  body.theme-navy aside.sidebar .sidebar-nav .sidebar-link .sidebar-ico { color: var(--sb-text) !important; stroke: var(--sb-text) !important; }
  body.theme-navy aside.sidebar .sidebar-nav .sidebar-link:hover { background: var(--sb-hover) !important; color: #fff !important; }
  body.theme-navy aside.sidebar .sidebar-nav .sidebar-link:hover .sidebar-ico { color: #fff !important; stroke: #fff !important; }
  /* العنصر النشط: بطاقة بيضاء بنص وأيقونة زرقاء */
  body.theme-navy aside.sidebar .sidebar-nav .sidebar-link.is-active:not(.sidebar-group-toggle) {
    background: var(--sb-active-bg) !important; color: var(--sb-active-text) !important; min-height: 2.75rem !important;
    box-shadow: 0 6px 16px rgba(10,18,40,.30) !important;
  }
  body.theme-navy aside.sidebar .sidebar-nav .sidebar-link.is-active:not(.sidebar-group-toggle):not(.sidebar-sublink)::before { display: none !important; }
  body.theme-navy aside.sidebar .sidebar-nav .sidebar-link.is-active > span { color: var(--sb-active-text) !important; font-weight: 700 !important; }
  body.theme-navy aside.sidebar .sidebar-nav .sidebar-link.is-active .sidebar-ico { color: var(--gl-tint) !important; stroke: var(--gl-tint) !important; }
  /* زر الخروج: عادي وليس «نشطًا» */
  body.theme-navy aside.sidebar .sidebar-foot .btn-logout { background: var(--sb-hover) !important; color: #fff !important; border-radius: 12px !important; box-shadow: none !important; min-height: 2.75rem !important; }
  body.theme-navy aside.sidebar .sidebar-foot .btn-logout::before { display: none !important; }
  body.theme-navy aside.sidebar .sidebar-foot .btn-logout > span { color: #fff !important; }
  body.theme-navy aside.sidebar .sidebar-foot .btn-logout .sidebar-ico { color: #fff !important; stroke: #fff !important; }
  body.theme-navy aside.sidebar .sidebar-foot .btn-logout:hover { background: rgba(255,255,255,.2) !important; }
  body.theme-navy aside.sidebar .brand { color: #fff !important; }
  body.theme-navy aside.sidebar .brand-sub { color: var(--sb-text-2) !important; }
  body.theme-navy aside.sidebar .sidebar-user-name { color: #fff !important; }
  body.theme-navy aside.sidebar .sidebar-user-role { color: var(--sb-text-2) !important; }
  body.theme-navy aside.sidebar .sidebar-user-avatar { background: var(--sb-hover) !important; color: #fff !important; }
  body.theme-navy aside.sidebar .sidebar-user-avatar svg { stroke: #fff !important; }
  body.theme-navy aside.sidebar button:not(.btn-logout):not(.sidebar-link) { color: #fff !important; }

  /* شعار الميزان في الشريط: الصورة نفسها بلا خلفية */
  .sidebar .brand-mark { background: transparent !important; border-radius: 0 !important; padding: 0 !important; display: grid !important; place-items: center; width: 2.7rem !important; height: 2.7rem !important; box-shadow: none !important; }
  .sidebar .brand-mark img { width: 100% !important; height: 100% !important; object-fit: contain; filter: drop-shadow(0 4px 8px rgba(0,0,0,.35)); }

  /* مؤشر التحميل: بطاقة بيضاء في الوسط، وتعتيم أزرق خفيف حول الوسط فقط */
  .nav-loading {
    background: radial-gradient(circle at 50% 45%, rgba(8,34,82,.38) 0, rgba(8,34,82,.2) 11rem, rgba(8,34,82,0) 24rem) !important;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  }
  .nav-loading-bar { height: 3px !important; background: linear-gradient(90deg, var(--gl-tint), #6aa6ff, var(--gl-tint)) !important; background-size: 200% 100% !important; }
  .nav-loading-chip {
    background: #fff !important; color: var(--gl-label) !important; border: 0 !important; border-radius: 22px !important;
    box-shadow: 0 0 0 1px var(--gl-card-line), 0 18px 50px rgba(8,34,82,.28) !important;
    padding: 1.7rem 2.6rem 1.4rem !important; font-weight: 600 !important;
  }
  .nav-loading-chip::before { display: none !important; }
  .nav-loading-spin { border: 3.5px solid var(--gl-tint-soft) !important; border-top-color: var(--gl-tint) !important; border-right-color: var(--gl-tint) !important; }
  .nav-loading-dots i { background: var(--gl-tint) !important; }
  .nav-loading-track { background: var(--gl-tint-soft) !important; }
  .nav-loading-track::after { background: linear-gradient(90deg, var(--gl-tint), #6aa6ff) !important; }
  .nav-loading-cancel { background: var(--gl-tint-soft) !important; color: var(--gl-tint) !important; border: 0 !important; box-shadow: none !important; }
  .nav-loading-cancel:hover { background: var(--gl-tint-soft-hover) !important; }
  .nav-loading-cancel:focus-visible { outline: 3px solid var(--gl-tint) !important; }
}