/* =========================================================
   تعديلات وضع الظلام — صفحات المريض (style.css)
   ========================================================= */

.theme-toggle .theme-icon-dark { display: inline-block; }
.theme-toggle .theme-icon-light { display: none; }

[data-theme="dark"] .theme-toggle .theme-icon-dark { display: none; }
[data-theme="dark"] .theme-toggle .theme-icon-light { display: inline-block; }

[data-theme="dark"] {
    --primary: #00C9A7;
    --primary-color: #00C9A7;
    --primary-light: #00E5C0;
    --primary-dark: #00A88A;
    --secondary-color: #7D8EA8;
    --on-primary: #FFFFFF;

    --gray-50:   #0C1420;
    --gray-100:  #152035;
    --gray-200:  rgba(255,255,255,.10);
    --gray-400:  #9BA8BC;
    --gray-500:  #9BA8BC;
    --gray-600:  #B8C4D4;
    --gray-700:  #C5CDD8;
    --gray-800:  #E8EDF3;
    --gray-900:  #F0F4F8;
    --white:     #152035;

    --primary-pale:  rgba(0,201,167,.12);
    --primary-pale2: rgba(0,201,167,.22);
    --teal-50:  rgba(0,201,167,.10);
    --teal-100: rgba(0,201,167,.18);
    --teal-600: #00C9A7;
    --teal-800: #00E5C0;

    --amber-50:  rgba(245,166,35,.14);
    --amber-400: #F5A623;
    --amber-800: #FAC775;

    --red-50:   rgba(229,83,75,.14);
    --red-600:  #FF8A84;
    --red-800:  #FF8A84;

    --green-50:  rgba(63,185,80,.14);
    --green-600: #6FD68A;

    --shadow-xs: 0 1px 4px rgba(0,0,0,.35);
    --shadow-sm: 0 4px 16px rgba(0,0,0,.35);
    --shadow-md: 0 8px 32px rgba(0,0,0,.4);
    --shadow-lg: 0 16px 48px rgba(0,0,0,.5);
}

[data-theme="dark"] body {
    background: var(--gray-50);
    color: var(--gray-800);
}

[data-theme="dark"] a { color: var(--primary-light); }
[data-theme="dark"] a:hover { color: var(--primary); }

/* ── أسطح وعناوين ── */
[data-theme="dark"] .patient-header {
    background: rgba(12, 20, 32, 0.94);
    border-bottom-color: rgba(255,255,255,.08);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
    color: var(--gray-800);
}

[data-theme="dark"] .patient-header.is-scrolled {
    background: rgba(12, 20, 32, 0.98);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] a.header-brand:hover { background: var(--gray-100); }

[data-theme="dark"] .header-logo-wrap {
    background: rgba(0, 201, 167, 0.12);
    border-color: rgba(0, 201, 167, 0.28);
}

[data-theme="dark"] .header-text .title { color: var(--gray-900); }
[data-theme="dark"] .header-text .subtitle { color: var(--gray-500); }

[data-theme="dark"] .patient-header .btn-outline,
[data-theme="dark"] .btn-outline {
    border-color: rgba(255,255,255,.14);
    color: var(--gray-800);
}

[data-theme="dark"] .patient-header .btn-outline:hover,
[data-theme="dark"] .btn-outline:hover {
    background: var(--primary-pale);
    color: var(--primary-light);
    border-color: var(--primary-pale2);
}

[data-theme="dark"] .wizard-progress {
    background: rgba(12, 20, 32, 0.96);
    border-bottom-color: var(--gray-200);
}

[data-theme="dark"] .page-hero,
[data-theme="dark"] .page-hero h1,
[data-theme="dark"] .page-hero p {
    color: var(--on-primary);
}

[data-theme="dark"] .page-hero {
    background: linear-gradient(135deg, #075E53, #0A7A6B);
}

[data-theme="dark"] .portal-page {
    background:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(0, 201, 167, 0.12), transparent 60%),
        var(--gray-50);
}

[data-theme="dark"] .portal-hero h1 { color: var(--gray-900); }
[data-theme="dark"] .portal-hero-lead { color: var(--gray-600); }
[data-theme="dark"] .portal-section-label { color: var(--gray-500); }

[data-theme="dark"] .portal-notice {
    background: var(--amber-50);
    border-color: rgba(245, 166, 35, 0.35);
    color: var(--amber-800);
}

[data-theme="dark"] .card,
[data-theme="dark"] .patient-card,
[data-theme="dark"] .scard,
[data-theme="dark"] .choice-card,
[data-theme="dark"] .wizard-progress,
[data-theme="dark"] .card-body-section,
[data-theme="dark"] .status-card,
[data-theme="dark"] .search-box,
[data-theme="dark"] .portal-card,
[data-theme="dark"] .doctor-card,
[data-theme="dark"] .ssd-display,
[data-theme="dark"] .ssd-dropdown,
[data-theme="dark"] .expectation-list li,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .login-card,
[data-theme="dark"] .dashboard-card,
[data-theme="dark"] .dropdown-menu,
[data-theme="dark"] .sidebar,
[data-theme="dark"] .top-navbar,
[data-theme="dark"] .drawer,
[data-theme="dark"] .drawer-panel,
[data-theme="dark"] .case-card,
[data-theme="dark"] .loading-box,
[data-theme="dark"] .error-box,
[data-theme="dark"] .timeline-box,
[data-theme="dark"] .icu-case-card {
    background: var(--white);
    color: var(--gray-800);
    border-color: var(--gray-200);
}

[data-theme="dark"] .card-header-section {
    border-bottom-color: var(--gray-200);
}

[data-theme="dark"] .card-header-section h3,
[data-theme="dark"] .portal-card h2,
[data-theme="dark"] .choice-card-title,
[data-theme="dark"] .field-label,
[data-theme="dark"] .doctor-card-name,
[data-theme="dark"] .guidance-detail-value,
[data-theme="dark"] .tl-title {
    color: var(--gray-800);
}

[data-theme="dark"] .card-header-section p,
[data-theme="dark"] .portal-card p,
[data-theme="dark"] .choice-card-sub,
[data-theme="dark"] .field-hint,
[data-theme="dark"] .doctor-card-spec,
[data-theme="dark"] .guidance-detail-label,
[data-theme="dark"] .info-notice,
[data-theme="dark"] .wizard-step-label,
[data-theme="dark"] .tl-time {
    color: var(--gray-500);
}

[data-theme="dark"] .choice-card {
    background: var(--gray-100);
}

[data-theme="dark"] .choice-card:hover,
[data-theme="dark"] .choice-card.selected {
    background: var(--primary-pale);
}

[data-theme="dark"] .choice-card-icon {
    background: var(--gray-50);
    border-color: var(--gray-200);
}

[data-theme="dark"] .choice-card.selected .choice-card-check {
    color: var(--on-primary);
}

[data-theme="dark"] .file-upload-area {
    background: var(--gray-100);
    border-color: var(--gray-200);
}

[data-theme="dark"] .file-upload-area:hover {
    background: var(--primary-pale);
    border-color: var(--primary-pale2);
}

/* ── حقول الإدخال ── */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] .search-input,
[data-theme="dark"] .ssd-search {
    background: var(--gray-100);
    color: var(--gray-800);
    border-color: var(--gray-200);
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus,
[data-theme="dark"] .search-input:focus,
[data-theme="dark"] .ssd-search:focus {
    background: #1A2840;
    border-color: var(--primary);
    color: var(--gray-800);
}

[data-theme="dark"] .form-control::placeholder,
[data-theme="dark"] .ssd-search::placeholder {
    color: var(--gray-500);
}

[data-theme="dark"] .ssd-item { color: var(--gray-800); }
[data-theme="dark"] .ssd-item:hover,
[data-theme="dark"] .ssd-item.selected {
    background: var(--primary-pale);
    color: var(--primary-light);
}

[data-theme="dark"] .ssd-display .ssd-label span[style*="gray-400"] {
    color: var(--gray-500) !important;
}

/* ── أزرار ── */
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .btn-primary:hover {
    color: var(--on-primary);
}

[data-theme="dark"] .btn-secondary {
    background: var(--gray-100);
    color: var(--gray-600);
    border-color: var(--gray-200);
}

[data-theme="dark"] .btn-secondary:hover {
    background: var(--gray-200);
    color: var(--gray-800);
}

[data-theme="dark"] .wizard-step.active .wizard-step-num {
    color: var(--on-primary);
}

[data-theme="dark"] .wizard-step.done .wizard-step-num {
    color: var(--primary-light);
}

[data-theme="dark"] .wizard-step.active .wizard-step-label {
    color: var(--primary-light);
}

[data-theme="dark"] .wizard-step.done .wizard-step-label {
    color: var(--gray-600);
}

/* ── تنبيهات وشارات ── */
[data-theme="dark"] .text-muted,
[data-theme="dark"] .text-secondary,
[data-theme="dark"] small.text-muted {
    color: var(--gray-500) !important;
}

[data-theme="dark"] .alert-info {
    background: rgba(56, 139, 253, 0.12);
    color: #9EC5FF;
    border-color: rgba(56, 139, 253, 0.28);
}

[data-theme="dark"] .alert-success {
    background: var(--green-50);
    color: var(--green-600);
    border-color: rgba(63, 185, 80, 0.28);
}

[data-theme="dark"] .alert-warning {
    background: var(--amber-50);
    color: var(--amber-800);
    border-color: rgba(245, 166, 35, 0.28);
}

[data-theme="dark"] .alert-danger {
    background: var(--red-50);
    color: var(--red-800);
    border-color: rgba(229, 83, 75, 0.28);
}

[data-theme="dark"] .alert-muted {
    background: var(--gray-100);
    color: var(--gray-600);
    border-color: var(--gray-200);
}

[data-theme="dark"] .badge-review,
[data-theme="dark"] .badge-external {
    background: rgba(137, 87, 229, 0.14);
    color: #C4A8FF;
    border-color: rgba(137, 87, 229, 0.28);
}

[data-theme="dark"] .badge-pending {
    background: var(--amber-50);
    color: var(--amber-800);
    border-color: rgba(245, 166, 35, 0.28);
}

[data-theme="dark"] .badge-sent,
[data-theme="dark"] .badge-internal {
    background: var(--primary-pale);
    color: var(--primary-light);
    border-color: var(--primary-pale2);
}

[data-theme="dark"] .badge-done {
    background: var(--green-50);
    color: var(--green-600);
    border-color: rgba(63, 185, 80, 0.28);
}

/* ── متابعة الطلب ── */
[data-theme="dark"] .guidance-result-card {
    background: linear-gradient(135deg, rgba(0,201,167,.14) 0%, var(--white) 65%);
    border-color: var(--primary-pale2);
}

[data-theme="dark"] .guidance-result-title {
    color: var(--primary-light);
}

[data-theme="dark"] .tl-item.active .tl-icon {
    color: var(--on-primary);
}

[data-theme="dark"] .icu-case-header { border-bottom-color: var(--gray-200); }
[data-theme="dark"] .icu-case-code { color: #FF8A84; }
[data-theme="dark"] .icu-detail-label,
[data-theme="dark"] .icu-closed { color: var(--gray-500); }
[data-theme="dark"] .icu-urg-critical {
    background: var(--red-50);
    color: #FF8A84;
    border-color: rgba(229, 83, 75, 0.28);
}
[data-theme="dark"] .icu-urg-high {
    background: var(--amber-50);
    color: var(--amber-800);
    border-color: rgba(245, 166, 35, 0.28);
}
[data-theme="dark"] .icu-urg-medium {
    background: var(--gray-100);
    color: var(--gray-600);
    border-color: var(--gray-200);
}
[data-theme="dark"] .type-badge-guidance {
    background: var(--primary-pale);
    color: var(--primary-light);
}
[data-theme="dark"] .type-badge-icu {
    background: var(--red-50);
    color: #FF8A84;
}
[data-theme="dark"] .icu-guidance-box {
    background: var(--primary-pale);
    border-color: var(--primary-pale2);
    color: var(--gray-800);
}

/* ── نوافذ منبثقة ── */
[data-theme="dark"] .expectation-modal .modal-header {
    background: var(--primary-pale);
    border-bottom-color: var(--primary-pale2);
}

[data-theme="dark"] .expectation-modal .modal-title {
    color: var(--primary-light);
}

[data-theme="dark"] .expectation-modal .modal-body,
[data-theme="dark"] .expectation-list li {
    color: var(--gray-700);
}

[data-theme="dark"] .expectation-modal [style*="background:#FEF9E7"],
[data-theme="dark"] .expectation-modal [style*="background: #FEF9E7"] {
    background: var(--amber-50) !important;
    border-color: rgba(245, 166, 35, 0.35) !important;
    color: var(--amber-800) !important;
}

[data-theme="dark"] .expectation-modal label {
    color: var(--gray-700);
}

/* ── SweetAlert2 ── */
[data-theme="dark"] .swal2-popup {
    background: var(--white) !important;
    color: var(--gray-800) !important;
}

[data-theme="dark"] .swal2-title { color: var(--gray-900) !important; }
[data-theme="dark"] .swal2-html-container { color: var(--gray-600) !important; }
[data-theme="dark"] .swal2-close { color: var(--gray-500) !important; }

/* ── لوحة الإدارة (عند مشاركة الملف) ── */
[data-theme="dark"] .topbar {
    background: var(--bg-surface, #111D2E);
    border-bottom-color: var(--border, rgba(255,255,255,.07));
}

[data-theme="dark"] .table { color: var(--gray-800); }
[data-theme="dark"] .table-light {
    background: var(--gray-100);
    color: var(--gray-800);
}

[data-theme="dark"] .tabs-bar { background: var(--white); border-color: var(--gray-200); }
[data-theme="dark"] .tab-btn { color: var(--gray-600); }
[data-theme="dark"] .tab-btn.active { color: var(--primary-light); }

[data-theme="dark"] .file-item {
    border-color: var(--gray-200);
    background: var(--gray-100);
    color: var(--gray-800);
}

[data-theme="dark"] .invalid-feedback {
    color: var(--red-600);
}

/* ── مستوى الطوارئ (استمارة العناية) ── */
[data-theme="dark"] .urgency-chips label {
    color: var(--gray-600);
    background: var(--gray-100);
    border-color: var(--gray-200);
}

[data-theme="dark"] .urgency-chips label:has(input:checked) {
    border-color: #E5534B;
    background: rgba(229, 83, 75, 0.18);
    color: #FFBCB8;
}

[data-theme="dark"] .urgency-chips label:has(input:checked) span {
    color: inherit;
}
