/* ============================================================
   assets/css/theme.css  —  الوضع الداكن / الفاتح (Dark / Light)
   ------------------------------------------------------------
   يُحمَّل في كل الصفحات بعد باقي ملفات الـ CSS.
   الوضع الفاتح = التصميم الأصلي بدون أي تغيير.
   الوضع الداكن = html[data-theme="dark"] (يضبطه assets/js/theme.js).
   ============================================================ */

/* ── زر التبديل (يُضاف تلقائيًا من theme.js لكل الصفحات) ───── */
.theme-toggle {
  position: fixed;
  left: 14px;
  top: 12px;
  top: calc(12px + env(safe-area-inset-top, 0px));
  bottom: auto;
  z-index: 9990;
  height: 40px;
  padding: 0 14px 0 12px;
  gap: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(22,40,58,.16);
  background: #ffffff;
  color: #16283A;
  font-family: 'Cairo', sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(22,40,58,.14);
  transition: transform .15s ease, background .2s ease, color .2s ease, border-color .2s ease;
  -webkit-tap-highlight-color: transparent;
}
.theme-toggle .tt-label::before { content: 'داكن'; }
html[data-theme="dark"] .theme-toggle .tt-label::before { content: 'فاتح'; }
@media (max-width: 520px) {
  .theme-toggle { width: 40px; padding: 0; }
  .theme-toggle .tt-label { display: none; }
}
/* إفساح مكان للزر داخل الأشرطة العلوية */
.layout .header-bar { padding-left: 120px; }
@media (max-width: 520px) { .layout .header-bar { padding-left: 56px; } }
.theme-toggle:hover { transform: translateY(-2px); }
.theme-toggle:active { transform: scale(.94); }
.theme-toggle:focus-visible { outline: 3px solid #6FA3AE; outline-offset: 3px; }
.theme-toggle svg { width: 20px; height: 20px; display: block; }
.theme-toggle .ic-sun  { display: none; }
.theme-toggle .ic-moon { display: block; }
html[data-theme="dark"] .theme-toggle .ic-sun  { display: block; }
html[data-theme="dark"] .theme-toggle .ic-moon { display: none; }
html[data-theme="dark"] .theme-toggle {
  background: #3A4B5C;
  color: #F6D28A;
  border-color: rgba(255,255,255,.16);
  box-shadow: 0 4px 14px rgba(0,0,0,.35);
}
@media print { .theme-toggle { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .theme-toggle { transition: none; } }

/* انتقال ناعم عند التبديل (يُفعَّل مؤقتًا من theme.js فقط) */
html.theme-anim, html.theme-anim *, html.theme-anim *::before, html.theme-anim *::after {
  transition: background-color .25s ease, color .25s ease, border-color .25s ease, fill .25s ease !important;
}

/* ══════════════════════════════════════════════════════════════
   1) التوكنز العامة (app.css + الأسماء القديمة المستخدمة فى الصفحات)
══════════════════════════════════════════════════════════════ */
html[data-theme="dark"] {
  color-scheme: dark;

  --color-bg:         #243140;
  --color-surface:    #304050;
  --color-surface-2:  #3A4C5E;

  --color-text-1:  #F2F6F9;
  --color-text-2:  #CAD5DF;
  --color-text-3:  #A8B8C6;

  --color-border:   #4A5E72;
  --color-border-2: #5A6F86;

  --teal-50:  #2C5560;
  --teal-100: #3A6C78;
  --teal-400: #6DBBC6;
  --teal-500: #5AAAB6;
  --teal-600: #4A9AA6;
  --teal-700: #9AD3DB;
  --teal-800: #4E8490;

  --c-info-bg:    #2C5560;  --c-info-txt:    #9AD3DB;  --c-info-brd:    #4E8490;
  --c-success-bg: #285241;  --c-success-txt: #5FE0A8;  --c-success-brd: #3F866D;
  --c-warn-bg:    #594828;  --c-warn-txt:    #F6C25B;  --c-warn-brd:    #96792F;
  --c-danger-bg:  #5E3342;  --c-danger-txt:  #FF9EAE;  --c-danger-brd:  #9C5565;

  --sidebar-bg-from: #1F2C3A;
  --sidebar-bg-to:   #2A3949;

  --shadow-xs: 0 1px 2px rgba(0,0,0,.35);
  --shadow-sm: 0 2px 8px rgba(0,0,0,.35);
  --shadow-md: 0 4px 20px rgba(0,0,0,.4);
  --shadow-lg: 0 8px 40px rgba(0,0,0,.45);
  --shadow-xl: 0 20px 60px rgba(0,0,0,.55);

  --color-background-tertiary: #2F3E4E;
  --color-background-danger:   var(--c-danger-bg);
  --color-text-danger:         var(--c-danger-txt);
  --color-border-warning:      var(--c-warn-brd);
  --color-border-danger:       var(--c-danger-brd);
}

html[data-theme="dark"] body { background: var(--color-bg); color: var(--color-text-1); }

/* ══════════════════════════════════════════════════════════════
   2) تطبيق اللوحة (app.css) — عناصر بألوان ثابتة
══════════════════════════════════════════════════════════════ */
html[data-theme="dark"] ::placeholder,
html[data-theme="dark"] .form-control::placeholder { color: #7D8E9E; }
html[data-theme="dark"] .form-control:focus { background: var(--color-surface-2); box-shadow: 0 0 0 3px rgba(111,169,180,.22); }
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea { color-scheme: dark; }
html[data-theme="dark"] select option { background: #304050; color: #F2F6F9; }

html[data-theme="dark"] tbody tr:hover td { background: #3A4B5C; }
html[data-theme="dark"] .s-wait { background: var(--color-surface-2); }
html[data-theme="dark"] .modal-overlay { background: rgba(2,8,14,.72); }
html[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #5A6F86; }
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #6E849C; }

/* أيقونات الإحصائيات */
html[data-theme="dark"] .metric.info    .metric-icon { background: #2C5560; color: #9AD3DB; }
html[data-theme="dark"] .metric.success .metric-icon { background: #285241; color: #5FE0A8; }
html[data-theme="dark"] .metric.warning .metric-icon { background: #594828; color: #F6C25B; }
html[data-theme="dark"] .metric.danger  .metric-icon { background: #5E3342; color: #FF9EAE; }
html[data-theme="dark"] .metric.teal    .metric-icon { background: #2C5560; color: #9AD3DB; }
html[data-theme="dark"] .metric.violet  .metric-icon { background: #5E3D31; color: #F2A58A; }

/* بطاقات ملونة (تدرّج من لون خفيف إلى الأبيض) */
html[data-theme="dark"] .card-info    { background: linear-gradient(180deg, #2C5560 0%, var(--color-surface) 30%); }
html[data-theme="dark"] .card-success { background: linear-gradient(180deg, #285241 0%, var(--color-surface) 30%); }
html[data-theme="dark"] .card-warning { background: linear-gradient(180deg, #594828 0%, var(--color-surface) 30%); }
html[data-theme="dark"] .card-danger  { background: linear-gradient(180deg, #5E3342 0%, var(--color-surface) 30%); }
html[data-theme="dark"] .card-teal    { background: linear-gradient(180deg, #2C5560 0%, var(--color-surface) 30%); }

html[data-theme="dark"] .badge-teal   { background: #2C5560; color: #9AD3DB; border-color: #4E8490; }
html[data-theme="dark"] .badge-violet { background: #5E3D31; color: #F2A58A; border-color: #845C4C; }

/* لوحة المركز: إحصائيات وتقويم وطابور */
html[data-theme="dark"] .ctr-stat { background: var(--color-surface); border-color: var(--color-border); }
html[data-theme="dark"] .ctr-stat.c-blue  .ctr-stat-n { color: #7FA8FF; }
html[data-theme="dark"] .ctr-stat.c-amber .ctr-stat-n { color: #F6C25B; }
html[data-theme="dark"] .ctr-stat.c-violet .ctr-stat-n { color: #B79BFF; }
html[data-theme="dark"] .ctr-stat.c-green .ctr-stat-n { color: #5FE0A8; }
html[data-theme="dark"] .ctr-stat.c-red   .ctr-stat-n { color: #FF9EAE; }
html[data-theme="dark"] .ctr-total { background: #594828; color: #F6C25B; }
html[data-theme="dark"] .ctr-time { background: #354D76; color: #A9C4FF; }
html[data-theme="dark"] .ctr-time-off { background: #3E5063; color: #BAC8D4; }
html[data-theme="dark"] .ctr-b { background: #3E5063; color: #C5D0DA; }
html[data-theme="dark"] .ctr-b-open { background: #285241; color: #5FE0A8; }
html[data-theme="dark"] .ctr-b-wait { background: #594828; color: #F6C25B; }

html[data-theme="dark"] .cal-day { background: var(--color-surface-2); }
html[data-theme="dark"] .cal-day.has-sched { background: #354D76; border-color: #4C7DE0; }
html[data-theme="dark"] .cal-day.is-today .cal-n { background: #F2F6F9; color: #243140; }
html[data-theme="dark"] .cal-dot { box-shadow: 0 0 0 2px var(--color-surface); }
html[data-theme="dark"] .cal-cnt { color: #FF9EAE; }
html[data-theme="dark"] .cal-lg-today { background: #F2F6F9; }
html[data-theme="dark"] .cal-pop { background: var(--color-surface); border-color: var(--color-border-2); color: var(--color-text-1); }
html[data-theme="dark"] .pop-pend { color: #F6C25B; }
html[data-theme="dark"] .pop-none, html[data-theme="dark"] .pop-cd, html[data-theme="dark"] .pop-ct { color: var(--color-text-2); }
html[data-theme="dark"] .pop-c { border-top-color: var(--color-border); }
html[data-theme="dark"] .pop-cb { color: #FF9EAE; }
html[data-theme="dark"] .pop-f { border-top-color: var(--color-border-2); color: #7FA8FF; }

html[data-theme="dark"] .q-card { background: var(--color-surface); border-color: var(--color-border); }
html[data-theme="dark"] .q-card.is-open { border-color: #3F866D; background: linear-gradient(180deg, #285241, var(--color-surface) 60%); }
html[data-theme="dark"] .q-count { color: #F6C25B; }
html[data-theme="dark"] .q-now { background: #4B437C; color: #C5B3FF; }
html[data-theme="dark"] .q-list em { background: #594828; color: #F6C25B; }
html[data-theme="dark"] .q-no { background: #F2F6F9; color: #243140; }
html[data-theme="dark"] .q-more, html[data-theme="dark"] .q-none { color: var(--color-text-2); }

/* صفحة الأقسام (hub) */
html[data-theme="dark"] .hub-strip { background: #285241; border-color: #3F866D; }
html[data-theme="dark"] .hub-strip.is-warn { background: #594828; border-color: #96792F; }
html[data-theme="dark"] .hub-strip-sub { color: var(--color-text-2); }
html[data-theme="dark"] .hub-search input { background: var(--color-surface); color: var(--color-text-1); border-color: var(--color-border-2); }
html[data-theme="dark"] .hub-search input:focus { border-color: #6DBBC6; box-shadow: 0 0 0 3px rgba(111,169,180,.22); }
html[data-theme="dark"] .hub-group { background: var(--color-surface); border-color: var(--color-border); }
html[data-theme="dark"] .hub-group > summary > i:first-child { color: #9AD3DB; }
html[data-theme="dark"] .hub-count { background: #3E5063; color: #C5D0DA; }
html[data-theme="dark"] .hub-tile { background: var(--color-surface-2); border-color: var(--color-border); }
html[data-theme="dark"] .hub-tile:hover { background: #41546A; border-color: #4A9AA6; box-shadow: 0 6px 18px rgba(0,0,0,.4); }
html[data-theme="dark"] .hub-ic { background: #354D76; color: #A9C4FF; }

/* ألوان ثابتة داخل style="" فى الصفحات */
html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background: #fff"],
html[data-theme="dark"] [style*="background:#ffffff"] { background: var(--color-surface) !important; }
html[data-theme="dark"] [style*="color:#666"],
html[data-theme="dark"] [style*="color:#6b7280"] { color: var(--color-text-2) !important; }
html[data-theme="dark"] [style*="color:#4E8490"] { color: var(--c-info-txt) !important; }
html[data-theme="dark"] [style*="border:0.5px solid #fde68a"] { border-color: var(--c-warn-brd) !important; }
html[data-theme="dark"] [style*="border:1px solid #C5DFE3"] { border-color: var(--c-info-brd) !important; }
html[data-theme="dark"] [style*="color:red"] { color: var(--c-danger-txt) !important; }

/* ══════════════════════════════════════════════════════════════
   3) صفحة الدخول (login.php)
      - فاتح: خلفية فاتحة بنص داكن
      - داكن: التصميم الأصلي مع بطاقة داكنة
══════════════════════════════════════════════════════════════ */
body.page-login { transition: background .25s ease; }
html[data-theme="light"] body.page-login,
html:not([data-theme]) body.page-login { background: #E9F0F1; }
html[data-theme="light"] body.page-login .login-logo-sub,
html:not([data-theme]) body.page-login .login-logo-sub { color: #4A6470; }
html[data-theme="light"] body.page-login .login-card,
html:not([data-theme]) body.page-login .login-card {
  background: #fff; border-color: rgba(22,40,58,.08);
  box-shadow: 0 20px 60px rgba(22,40,58,.14);
}
html[data-theme="dark"] body.page-login { background: #243140; }
html[data-theme="dark"] .login-card {
  background: rgba(48,64,80,.96);
  border-color: rgba(255,255,255,.08);
}
html[data-theme="dark"] .login-card h2 { color: var(--color-text-1); }


/* ══════════════════════════════════════════════════════════════
   5) صفحة الأسعار + حاسبة الأسعار المدمجة (pricing.css / pricing-embed.css)
══════════════════════════════════════════════════════════════ */
html[data-theme="dark"],
html[data-theme="dark"] .pb-wrap {
  --paper:       #283646;
  --paper-line:  #4E6277;
  --surface:     #304050;
  --ink:         #F2F6F9;
  --ink-soft:    #CAD5DF;
  --ink-faint:   #8596A6;
  --gold:        #E0AB4A;
  --gold-ink:    #F6D28A;
  --gold-soft:   #594828;
  --emerald:     #5AAAB6;
  --emerald-ink: #9AD3DB;
  --emerald-soft:#2E5964;
  --stamp:       #E5785F;
  --stamp-soft:  #5C3A32;
  --shadow-card: 0 1px 2px rgba(0,0,0,.4), 0 12px 28px -14px rgba(0,0,0,.6);
}

html[data-theme="dark"] .feature-row:hover,
html[data-theme="dark"] .feature-row.is-fixed,
html[data-theme="dark"] .pb-wrap .feature-row:hover,
html[data-theme="dark"] .pb-wrap .feature-row.is-fixed { background: #1A3045; }
html[data-theme="dark"] .feature-included-badge,
html[data-theme="dark"] .pb-wrap .feature-included-badge { background: #285241; color: #5FE0A8; }
html[data-theme="dark"] .site-header .back-link:hover { background: rgba(255,255,255,.08); }
html[data-theme="dark"] body.page-pricing { background: var(--paper); color: var(--ink); }

/* ══════════════════════════════════════════════════════════════
   6) الصفحة العامة للعيادة (clinic/public.php)
══════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body.page-clinic-public {
  --ink: #2A5260; --teal: #6DBBC6; --teal-soft: #305B66; --page: #243140; --line: #4A5E72;
  --color-background-primary:   #304050;
  --color-background-secondary: #3A4C5E;
  --color-background-info:      #2C5560;
  --color-background-success:   #285241;
  --color-background-warning:   #594828;
  --color-text-primary:   #F2F6F9;
  --color-text-secondary: #CAD5DF;
  --color-text-info:      #9AD3DB;
  --color-text-success:   #5FE0A8;
  --color-text-warning:   #F6C25B;
  --color-text-danger:    #FF9EAE;
  --color-border-tertiary:  #4A5E72;
  --color-border-secondary: #5A6F86;
  background: var(--page);
}
html[data-theme="dark"] body.page-clinic-public .pub-header { background: #2A5260; border-bottom: 1px solid rgba(255,255,255,.06); }
html[data-theme="dark"] body.page-clinic-public .doctor-card,
html[data-theme="dark"] body.page-clinic-public .card,
html[data-theme="dark"] body.page-clinic-public .empty-box { background: #304050; }
html[data-theme="dark"] body.page-clinic-public .doctor-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,.45); }
html[data-theme="dark"] body.page-clinic-public .week-strip span { background: #283646; color: #A8B8C6; }
html[data-theme="dark"] body.page-clinic-public .week-strip span.on { background: #305B66; color: #DDF0F3; box-shadow: inset 0 0 0 1.5px #4F95A0; }
html[data-theme="dark"] body.page-clinic-public .book-btn,
html[data-theme="dark"] body.page-clinic-public .submit-btn { background: #2F7480; color: #fff; }
html[data-theme="dark"] body.page-clinic-public .doctor-card:hover .book-btn { background: #3D8E9B; }
html[data-theme="dark"] body.page-clinic-public .form-control { background: #283646; color: var(--color-text-primary); }
html[data-theme="dark"] body.page-clinic-public .date-chip-left.ok  { background: #285241; color: #5FE0A8; }
html[data-theme="dark"] body.page-clinic-public .date-chip-left.mid { background: #594828; color: #F6C25B; }
html[data-theme="dark"] body.page-clinic-public .date-chip-left.low { background: #5E3342; color: #FF9EAE; }

/* ══════════════════════════════════════════════════════════════
   7) شاشة الطابور (queue/screen.php) — الأصل داكن، فيه نسخة فاتحة
══════════════════════════════════════════════════════════════ */
html[data-theme="light"] body.page-queue { background: #F2F6F7; color: #16283A; }
html[data-theme="light"] body.page-queue .header { border-bottom-color: rgba(22,40,58,.1); }
html[data-theme="light"] body.page-queue .ticket { color: #C85A42; }
html[data-theme="light"] body.page-queue .stat-val { color: #3D7F8A; }
html[data-theme="light"] .theme-toggle { box-shadow: 0 6px 20px rgba(22,40,58,.18); }

/* ══════════════════════════════════════════════════════════════
   8) صفحة تسجيل مركز جديد (owner/register.php)
══════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body.page-register { background: #243140; }
html[data-theme="dark"] body.page-register .glass-card {
  background: #304050; border-color: rgba(255,255,255,.07);
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 16px 40px -12px rgba(0,0,0,.6);
}
html[data-theme="dark"] body.page-register .card-heading,
html[data-theme="dark"] body.page-register .pc-feature-name,
html[data-theme="dark"] body.page-register .pc-stepper-value,
html[data-theme="dark"] body.page-register .wizard-step-label.active { color: #F2F6F9; }
html[data-theme="dark"] body.page-register .field label,
html[data-theme="dark"] body.page-register .wizard-btn-back { color: #C5D0DA; }
html[data-theme="dark"] body.page-register .field input,
html[data-theme="dark"] body.page-register .field select,
html[data-theme="dark"] body.page-register .slug-input-wrap,
html[data-theme="dark"] body.page-register .duration-tab {
  background: #283646; border-color: #546A80; color: #F2F6F9;
}
html[data-theme="dark"] body.page-register .field input:focus,
html[data-theme="dark"] body.page-register .field select:focus,
html[data-theme="dark"] body.page-register .slug-input-wrap:focus-within {
  background: #304050; border-color: #6DBBC6; box-shadow: 0 0 0 3px rgba(111,169,180,.22);
}
html[data-theme="dark"] body.page-register .duration-tab { color: #CAD5DF; }
html[data-theme="dark"] body.page-register .duration-tab:hover { background: #305B66; border-color: #4F95A0; }
html[data-theme="dark"] body.page-register .duration-tab.active { background: #2A8089; color: #fff; border-color: transparent; }
html[data-theme="dark"] body.page-register .duration-tab .dt-badge { background: #594828; color: #F6C25B; }
html[data-theme="dark"] body.page-register .field-hint,
html[data-theme="dark"] body.page-register .trial-banner { background: #2C5560; border-color: #4E8490; color: #A9D6DD; }
html[data-theme="dark"] body.page-register .smart-included-badge { background: #2C5560; border-color: #4E8490; color: #9AD3DB; }
html[data-theme="dark"] body.page-register .slug-prefix,
html[data-theme="dark"] body.page-register .calc-divider,
html[data-theme="dark"] body.page-register .step-intro,
html[data-theme="dark"] body.page-register .login-link { color: #BAC8D4; }
html[data-theme="dark"] body.page-register .pc-feature-desc,
html[data-theme="dark"] body.page-register .base-note { color: #A8B8C6; }
html[data-theme="dark"] body.page-register .base-note { border-top-color: #546A80; }
html[data-theme="dark"] body.page-register .calc-divider::before,
html[data-theme="dark"] body.page-register .calc-divider::after,
html[data-theme="dark"] body.page-register .wizard-connector { background: #546A80; }
html[data-theme="dark"] body.page-register .wizard-connector.done { background: #4D8B99; }
html[data-theme="dark"] body.page-register .pc-feature-row,
html[data-theme="dark"] body.page-register .pc-base-row { border-bottom-color: #455A6E; }
html[data-theme="dark"] body.page-register .submit-zone { border-top-color: #455A6E; }
html[data-theme="dark"] body.page-register .pc-switch { background: #5A6F86; }
html[data-theme="dark"] body.page-register .pc-switch[aria-checked="true"] { background: #2A8089; }
html[data-theme="dark"] body.page-register .pc-stepper-btn,
html[data-theme="dark"] body.page-register .wizard-btn-back { background: #283646; border-color: #546A80; color: #F2F6F9; }
html[data-theme="dark"] body.page-register .wizard-btn-back:hover { background: #3A4C5E; border-color: #6E849C; }
html[data-theme="dark"] body.page-register .pc-stepper-btn:hover { background: #305B66; border-color: #6DBBC6; color: #9AD3DB; }
html[data-theme="dark"] body.page-register .pc-stepper-btn:disabled:hover { background: #283646; border-color: #546A80; color: #F2F6F9; }
html[data-theme="dark"] body.page-register .wizard-step-circle { background: #304050; border-color: #546A80; color: #A8B8C6; }
html[data-theme="dark"] body.page-register .wizard-step-circle.active { background: #2A8089; color: #fff; }
html[data-theme="dark"] body.page-register .wizard-step-circle.done { background: #4D8B99; color: #fff; }
html[data-theme="dark"] body.page-register .wizard-step-label { color: #A8B8C6; }
html[data-theme="dark"] body.page-register .pc-line-total { color: #9AD3DB; }
html[data-theme="dark"] body.page-register .plan-loaded { background: #285241; border-color: #3F866D; }
html[data-theme="dark"] body.page-register .plan-loaded-t,
html[data-theme="dark"] body.page-register .plan-chip { color: #5FE0A8; }
html[data-theme="dark"] body.page-register .plan-chip { background: #304050; border-color: #3F866D; }
html[data-theme="dark"] body.page-register .plan-loaded-n { color: #CAD5DF; }
html[data-theme="dark"] body.page-register .plan-reset { color: #F6C25B; }
html[data-theme="dark"] body.page-register .summary-pane,
html[data-theme="dark"] body.page-register .step2-total { background: #2C5864; }
html[data-theme="dark"] body.page-register .reg-currency-switch select option { background: #304050; color: #F2F6F9; }

/* ══════════════════════════════════════════════════════════════
   9) تحسينات الوضع الداكن (لوحة أهدأ + هيرو يذوب فى خلفية الصفحة)
══════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body.page-register .reg-hero {
  background:
    radial-gradient(520px 260px at 10% 0%, rgba(90,170,182,.22), transparent 70%),
    radial-gradient(420px 220px at 92% 0%, rgba(240,163,94,.12), transparent 70%),
    linear-gradient(180deg, #2F6772 0%, #295862 55%, #243140 100%);
}
html[data-theme="dark"] body.page-register .reg-pulse { opacity: .12; bottom: 64px; }
html[data-theme="dark"] body.page-register .reg-hero-badge { background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.18); }
html[data-theme="dark"] body.page-register .glass-card { border-color: rgba(255,255,255,.09); }
html[data-theme="dark"] body.page-register .field input::placeholder { color: #7D8E9E; }
html[data-theme="dark"] body.page-register .card-eyebrow { color: #7CC4CE; }
html[data-theme="dark"] body.page-register .field-hint { color: #B4DCE2; }
html[data-theme="dark"] body.page-login { background-image: none; }

/* ══════════════════════════════════════════════════════════════
   10) حقول الإدخال فى الوضع الداكن: رمادى فاتح بنص داكن (تباين مريح)
══════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body.page-register .field input,
html[data-theme="dark"] body.page-register .field select,
html[data-theme="dark"] body.page-register .slug-input-wrap,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] body.page-clinic-public .form-control,
html[data-theme="dark"] body.page-login input:not([type=checkbox]):not([type=radio]):not([type=submit]),
html[data-theme="dark"] .hub-search input {
  background: #E8EDF1; border-color: #C3CED6; color: #16283A; color-scheme: light;
}
html[data-theme="dark"] body.page-register .field input,
html[data-theme="dark"] body.page-register .field select { color-scheme: light; }
html[data-theme="dark"] body.page-register .field input::placeholder,
html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] body.page-login input::placeholder,
html[data-theme="dark"] .hub-search input::placeholder { color: #7B8996; }
html[data-theme="dark"] body.page-register .field input:focus,
html[data-theme="dark"] body.page-register .field select:focus,
html[data-theme="dark"] body.page-register .slug-input-wrap:focus-within,
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] body.page-login input:focus,
html[data-theme="dark"] .hub-search input:focus {
  background: #FFFFFF; border-color: #4A9AA6; box-shadow: 0 0 0 3px rgba(109,187,198,.35);
}
html[data-theme="dark"] body.page-register .slug-input-wrap input { background: transparent !important; color: #16283A; }
html[data-theme="dark"] body.page-register .slug-prefix { color: #51606C; }
html[data-theme="dark"] select option,
html[data-theme="dark"] body.page-register .reg-currency-switch select option { background: #FFFFFF; color: #16283A; }
/* عنوان الحقل أنصع على الكارت */
html[data-theme="dark"] body.page-register .field label { color: #D5DEE6; }
/* أزرار +/- والرجوع بنفس الرمادى الفاتح */
html[data-theme="dark"] body.page-register .pc-stepper-btn,
html[data-theme="dark"] body.page-register .wizard-btn-back,
html[data-theme="dark"] body.page-register .duration-tab { background: #E8EDF1; border-color: #C3CED6; color: #304050; }
html[data-theme="dark"] body.page-register .pc-stepper-btn:hover,
html[data-theme="dark"] body.page-register .wizard-btn-back:hover,
html[data-theme="dark"] body.page-register .duration-tab:hover { background: #FFFFFF; border-color: #4A9AA6; color: #1F6F7A; }
html[data-theme="dark"] body.page-register .pc-stepper-btn:disabled:hover { background: #E8EDF1; border-color: #C3CED6; color: #304050; }
html[data-theme="dark"] body.page-register .duration-tab.active { background: #2A8089; color: #fff; border-color: transparent; }
/* صناديق التلميح: فاتحة نسبيًا بدل الغامقة المطموسة */
html[data-theme="dark"] body.page-register .field-hint,
html[data-theme="dark"] body.page-register .trial-banner { background: #38606C; border-color: #5D8C98; color: #D3EAEE; }
html[data-theme="dark"] body.page-register .field-hint i { color: #8FD0DA; }
/* كارت أفتح قليلًا وحد واضح */
html[data-theme="dark"] body.page-register .glass-card { border-color: rgba(255,255,255,.12); box-shadow: 0 16px 40px -14px rgba(0,0,0,.45); }

/* رابط المركز (slug): الجزء الثابت رمادى فاتح والحقل أبيض */
html[data-theme="dark"] body.page-register .slug-input-wrap { background: #FFFFFF; border-color: #C3CED6; }
html[data-theme="dark"] body.page-register .slug-prefix { background: #E1E8ED; border-right-color: #C3CED6; color: #3F4E5A; }
html[data-theme="dark"] body.page-register .slug-prefix b { color: #1F6F7A; }
html[data-theme="dark"] body.page-register .slug-input-wrap:focus-within { border-color: #4A9AA6; }

/* ══════════════════════════════════════════════════════════════
   11) الأزرار فى الوضع الداكن: أفتح من الخلفية بتباين واضح
══════════════════════════════════════════════════════════════ */
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] body.page-clinic-public .book-btn,
html[data-theme="dark"] body.page-clinic-public .submit-btn {
  background: linear-gradient(135deg, #6CBFCA 0%, #52A9B6 100%); color: #0C2A32; font-weight: 700;
  box-shadow: 0 3px 12px rgba(0,0,0,.28);
}
html[data-theme="dark"] .btn-primary:hover,
html[data-theme="dark"] body.page-clinic-public .book-btn:hover,
html[data-theme="dark"] body.page-clinic-public .doctor-card:hover .book-btn,
html[data-theme="dark"] body.page-clinic-public .submit-btn:hover {
  background: linear-gradient(135deg, #82CDD7 0%, #66B8C4 100%); color: #0C2A32;
  box-shadow: 0 5px 16px rgba(0,0,0,.35);
}
html[data-theme="dark"] .btn-secondary { background: linear-gradient(135deg, #F5B070 0%, #EE9A55 100%); color: #2B1808; font-weight: 700; box-shadow: 0 3px 12px rgba(0,0,0,.28); }
html[data-theme="dark"] .btn-secondary:hover { background: linear-gradient(135deg, #F8BE87 0%, #F2A766 100%); box-shadow: 0 5px 16px rgba(0,0,0,.35); }
html[data-theme="dark"] .btn-success { background: linear-gradient(135deg, #5FD6A4 0%, #3FBF8A 100%); color: #08281C; font-weight: 700; box-shadow: 0 3px 12px rgba(0,0,0,.28); }
html[data-theme="dark"] .btn-danger  { background: linear-gradient(135deg, #FF9DAE 0%, #F2778E 100%); color: #3A0C16; font-weight: 700; box-shadow: 0 3px 12px rgba(0,0,0,.28); }
html[data-theme="dark"] .btn-warning { background: linear-gradient(135deg, #F9D07A 0%, #F2BA48 100%); color: #2E2108; font-weight: 700; box-shadow: 0 3px 12px rgba(0,0,0,.28); }
html[data-theme="dark"] .btn-outline { background: #E8EDF1; border-color: #C3CED6; color: #26333F; box-shadow: 0 2px 8px rgba(0,0,0,.2); }
html[data-theme="dark"] .btn-outline:hover { background: #FFFFFF; border-color: #4A9AA6; color: #1F6F7A; }
html[data-theme="dark"] .btn-ghost { background: rgba(255,255,255,.12); color: #EEF3F7; }
html[data-theme="dark"] .btn-ghost:hover { background: rgba(255,255,255,.22); color: #FFFFFF; }
html[data-theme="dark"] .btn:disabled, html[data-theme="dark"] .btn[disabled] { filter: saturate(.7); }