/* الوضع الفاتح للقشرة العامة بس (الرئيسية، تسجيل الدخول، خلفية صفحات
   الأقسام، وعناوينها). السايد بار وفورمات/جداول الأقسام (Crisis/PR/GR/CCTV/
   Traffic وأي قسم تاني) متغيرتش، لسه غامقة زي ما هي بالظبط — ده مقصود، مش
   نسيان، عشان القسم ده مبني بألوان ثابتة جوه كوده. الملف ده بيتحمّل آخر
   واحد عشان ياخد الأولوية على index-CnMLbuDT.css وhome-modern.css من غير
   ما يلمسهم. */

:root {
  color-scheme: light;
  background: #eef2f9;
  color: #1e293b;
}
body {
  background:
    radial-gradient(900px 360px at 100% -8%, rgba(47, 111, 237, .09), transparent 60%),
    radial-gradient(700px 320px at 0% 0%, rgba(99, 102, 241, .06), transparent 60%),
    #eef2f9;
}

/* ── تسجيل الدخول / صفحة غير موجودة ── */
.login-card, .notfound-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 20px 50px rgba(15, 23, 42, .08);
  color: #1e293b;
}
.login-brand h1 { color: #0f172a; }
.login-brand p { color: #64748b; }
.login-form label { color: #475569; }
.login-form input, .login-form textarea, .login-form select {
  background: #f8fafc;
  border: 1px solid #dbe2ea;
  color: #0f172a;
}
.notfound-card h1 { color: #0f172a; }
.notfound-card p { color: #64748b; }

/* ── خلفية صفحات الأقسام (المحتوى نفسه، أي form-card جواها لسه غامق) ── */
.main-content { background-color: transparent; }
.content-header { border-bottom-color: #dbe2ea; }
.content-header h1 { color: #0f172a; }
.text-muted { color: #64748b !important; }

/* ── الصفحة الرئيسية (Sectors) ── */
.dashboard-container {
  background: #ffffff !important;
  border: 1px solid #e4e9f1 !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .07) !important;
}
.dashboard-top-bar {
  background:
    radial-gradient(500px 160px at 0% 0%, rgba(47, 111, 237, .07), transparent 70%),
    #f8fafc !important;
  border-color: #e4e9f1 !important;
}
.dashboard-brand-row h1 { color: #0f172a; -webkit-text-fill-color: unset; background: none; }
.user-info { color: #334155; background: #eef2f7; }
.logout-btn {
  background: #eef3ff !important;
  border-color: #d6e3ff !important;
  color: #1e4fc4 !important;
}
.logout-btn:hover { background: #e2ecff !important; }
.dashboard-header h2 { -webkit-text-fill-color: unset; background: none; color: #0f172a; }
.dashboard-header h2::after { background: linear-gradient(90deg, #2f6fed, #06b6d4); }
.dashboard-header p { color: #64748b; }

.category-card {
  background: #ffffff !important;
  border: 1px solid #e6ebf2 !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .04);
}
.category-card:hover {
  background: #f8fbff !important;
  box-shadow: 0 14px 30px color-mix(in srgb, var(--c, #2f6fed) 18%, transparent) !important;
}
.category-card h3 { color: #0f172a; }
.category-card p { color: #64748b; }

.recent-reports-section {
  background: #ffffff;
  border: 1px solid #e6ebf2;
}
.recent-reports-section h3 { color: #2f6fed; }

/* ── أزرار اختيار الشيفت (صباحي/مسائي) في صفحات الأقسام ──
   FIX: كانت مصممة لخلفية غامقة (نص أبيض على تدرّج أبيض شفاف خفيف جدًا) —
   لما الخلفية بقت فاتحة، بقى النص الأبيض على خلفية قريبة من الأبيض غير
   واضح خالص. دلوقتي كارت فاتح واضح، ونص غامق، والمُختار/الـ hover بلون
   أساسي واضح. */
.shift-btn {
  background: #ffffff !important;
  border: 1px solid #e1e5ef !important;
  color: #1e293b !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .04);
}
.shift-btn:hover {
  border-color: #2f6fed !important;
  box-shadow: 0 12px 28px rgba(47, 111, 237, .16);
}
.shift-btn.active,
.shift-btn[style*="background-color: rgb(59, 130, 246)"],
.shift-btn[style*="background-color:#3b82f6"] {
  background: linear-gradient(135deg, #2f6fed, #1e4fc4) !important;
  border-color: #1e4fc4 !important;
  color: #fff !important;
}
.report-item {
  background: #f8fafc;
  border: 1px solid #e6ebf2 !important;
}
.report-item .timestamp { color: #94a3b8; }
.report-item .type { color: #334155; }