/* ===== الوضع الليلي — طبقة فوق app.css (لا تُعدّل الملف الأصلي) ===== */

:root { --surface-2: #f8fafc; }

[data-theme="dark"] {
  --bg: #0b1220;
  --surface: #16203a;
  --surface-2: #1e2a47;
  --ink: #e6edf6;
  --muted: #93a3ba;
  --line: #2a3a58;
  --brand: #2dd4bf;
  --brand-dark: #5eead4;
  --brand-soft: #0d3b38;
  --red: #ef4444;
  --red-dark: #f87171;
  --green: #22c55e;
  --green-soft: #0f3d2a;
  --amber: #f59e0b;
  --shadow: 0 10px 30px rgba(0, 0, 0, .45);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, .6);
  color-scheme: dark;
}

/* خلفية الصفحة */
[data-theme="dark"] body {
  background:
     radial-gradient(1200px 600px at 100% -10%, #0f2e2b 0%, transparent 55%),
     radial-gradient(1000px 500px at -10% 110%, #14233f 0%, transparent 50%),
     var(--bg);
}

/* الشريط العلوي */
[data-theme="dark"] .topbar { background: rgba(15, 23, 42, .72); }

/* أسطح بيضاء ثابتة في app.css → تتبع لون السطح الداكن */
[data-theme="dark"] .nav-link,
[data-theme="dark"] .clinic-chip,
[data-theme="dark"] .btn-ghost,
[data-theme="dark"] .toolbar input,
[data-theme="dark"] .toolbar select,
[data-theme="dark"] .field input,
[data-theme="dark"] .field select,
[data-theme="dark"] .sound-gate .box,
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background: var(--surface);
  color: var(--ink);
}

/* الحقول ذات التنسيق المضمّن (ملاحظة العيادة / اسم المستلم) */
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder { color: var(--muted); }

/* الأسطح الرمادية الفاتحة (f8fafc) */
[data-theme="dark"] .alert-card .note,
[data-theme="dark"] th { background: var(--surface-2); }

/* البطاقات ذات التدرّجات الفاتحة */
[data-theme="dark"] .current-call { background: linear-gradient(180deg, var(--brand-soft), var(--surface)); }
[data-theme="dark"] .alert-card.pending { background: linear-gradient(180deg, #3a1518, var(--surface)); }
[data-theme="dark"] .alert-card.acknowledged { background: linear-gradient(180deg, var(--green-soft), var(--surface)); }
[data-theme="dark"] .tag.pending { background: #3a1518; }
[data-theme="dark"] .toast { border: 1px solid var(--line); }

/* بطاقة العيادة النشطة في شاشة الزوار */
[data-theme="dark"] .clinic-state-card.active { background: var(--surface); color: var(--ink); }

/* ===== زر تبديل الوضع (عائم) ===== */
.theme-toggle {
  position: fixed; bottom: 20px; inset-inline-start: 20px; z-index: 300;
  width: 52px; height: 52px; border-radius: 50%; border: 1px solid var(--line);
  background: var(--surface); color: var(--ink); font-size: 22px; cursor: pointer;
  box-shadow: var(--shadow); display: grid; place-items: center;
  transition: transform .18s, box-shadow .18s;
}
.theme-toggle:hover { transform: translateY(-2px) scale(1.06); box-shadow: var(--shadow-lg); }
.theme-toggle:active { transform: scale(.95); }