/* themeV2 (2026-10-15) - المرحلة 1: ألوان «لهب» (Desktop\Dashboard_audit\REPORT.md §4). ينحمّل بعد theme.css و manage-new.css
   بس لما يكون themeV2 شغال (Extras/themeV2.js يحقنه ويحط data-theme-v2 على <html>). كل القواعد تحت [data-theme-v2] عشان ما تأثر
   على أي شي لو انحمّل الملف بالغلط. القوالب ما تغيّرت: كل شي هنا تحويل كلاسات Bootstrap ومتغيرات theme.css للألوان الجديدة.
   كل زوج نص/خلفية من الألوان هنا مقاس (Desktop\Dashboard_audit\data\contrast-final.txt: 90 فحص، 0 فشل). */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

/* ============ الألوان: داكن (الافتراضي) ============ */
:root[data-theme-v2] {
    --brand: #310404;
    --bg: #0F0A0A;
    --surface: #181111;
    --surface-2: #221818;
    --primary-soft: #2E1515;
    --border-subtle: #3A2B2B;   /* فواصل وحدود بطاقات بس - ممنوع للحقول والأزرار */
    --border-strong: #7A6464;   /* حقول، قوائم، مفاتيح، أزرار بإطار */
    --text: #F5EFEF;
    --text-muted: #B9A8A8;
    --primary: #C0302C;
    --primary-hover: #A8201F;
    --primary-text: #F29B97;
    --on-primary: #FFFFFF;
    --focus-ring: #F29B97;
    --success-fg: #3DBE7A;  --success-solid: #18703F;
    --warning-fg: #F0B640;  --warning-solid: #F0B640;  --on-warning: #1F1515;
    --danger-fg: #F26D64;   --danger-solid: #B3261E;
    --info-fg: #6CB2F0;     --info-solid: #1A5DA8;
    --switch-knob-off: #B9A8A8;
    /* الهيدر بلون الهوية بالوضعين */
    --header-text: #FFFFFF;
    --header-muted: #E2CACA;
    --header-edge: rgba(255, 255, 255, 0.55);
    --header-danger: #FFB4AE;

    /* متغيرات theme.css الحالية → الألوان الجديدة (كل المكوّنات اللي تستخدمها تتغيّر تلقائياً) */
    --bg-body: var(--bg);
    --panel-bg: var(--surface);
    --card-inner: var(--surface-2);
    --card-inner-hover: var(--primary-soft);
    --border-ui: var(--border-subtle);
    --accent: var(--primary);
    --accent-strong: var(--primary-hover);
    --accent-soft: var(--primary-soft);
    --accent-glow: rgba(192, 48, 44, 0.35);
    --accent-focus-ring: var(--focus-ring);
    --accent-text: var(--primary-text);
    --text-primary: var(--text);
    --text-secondary: var(--text-muted);
    --text-heading: #FFFFFF;
    --text-main: var(--text);           /* كان مستخدم بـ manage-new.css وغير معرّف */
    --placeholder: var(--text-muted);
    --on-accent: var(--on-primary);
    --success: var(--success-solid);
    --success-strong: #125A32;
    --danger: var(--danger-solid);
    --danger-strong: #8F1D17;
    --warning: var(--warning-solid);
    --warning-text: var(--on-warning);  /* بـ theme.css معناه: نص فوق خلفية التحذير */
    --danger-soft: rgba(179, 38, 30, 0.16);
    --danger-soft-border: rgba(242, 109, 100, 0.45);
    --shadow-color: rgba(0, 0, 0, 0.45);

    /* Bootstrap 5.3 */
    --bs-body-bg: var(--bg);
    --bs-body-color: var(--text);
    --bs-emphasis-color: var(--text);
    --bs-heading-color: var(--text-heading);
    --bs-secondary-color: var(--text-muted);
    --bs-tertiary-color: var(--text-muted);
    --bs-secondary-bg: var(--surface-2);
    --bs-tertiary-bg: var(--surface-2);
    --bs-border-color: var(--border-subtle);
    --bs-primary: var(--primary);
    --bs-primary-rgb: 192, 48, 44;
    --bs-link-color: var(--primary-text);
    --bs-link-color-rgb: 242, 155, 151;
    --bs-link-hover-color: var(--text);
    --bs-link-hover-color-rgb: 245, 239, 239;
    --bs-code-color: var(--primary-text);
    --bs-focus-ring-color: var(--focus-ring);
}

/* ============ الألوان: فاتح ============ */
:root[data-theme-v2][data-theme="light"] {
    --bg: #FAF7F7;
    --surface: #FFFFFF;
    --surface-2: #F4EEEE;
    --primary-soft: #F6E3E3;
    --border-subtle: #E4D9D9;
    --border-strong: #857070;
    --text: #1F1515;
    --text-muted: #5F4E4E;
    --primary: #7A1414;
    --primary-hover: #5E0E0E;
    --primary-text: #7A1414;
    --focus-ring: #7A1414;
    --success-fg: #18703F;
    --warning-fg: #8A5300;
    --danger-fg: #B3261E;
    --info-fg: #1A5DA8;
    --switch-knob-off: #857070;
    --text-heading: #1F1515;
    --accent-glow: rgba(122, 20, 20, 0.25);
    --danger-soft: rgba(179, 38, 30, 0.08);
    --danger-soft-border: rgba(179, 38, 30, 0.4);
    --shadow-color: rgba(31, 21, 21, 0.10);
    --bs-primary-rgb: 122, 20, 20;
    --bs-link-color-rgb: 122, 20, 20;
    --bs-link-hover-color-rgb: 31, 21, 21;
}

[data-theme-v2] body { font-family: 'Tajawal', sans-serif; background-color: var(--bg); color: var(--text); }

/* ============ نصوص Bootstrap (كانت ألوان Bootstrap الثابتة) ============ */
[data-theme-v2] .text-secondary,
[data-theme-v2] .text-muted,
[data-theme-v2] .text-body-secondary,
[data-theme-v2] .form-text { color: var(--text-muted) !important; }
[data-theme-v2] .text-body,
[data-theme-v2] .text-dark,
[data-theme-v2] .text-light { color: var(--text) !important; }
[data-theme-v2] .text-primary { color: var(--primary-text) !important; }
[data-theme-v2] .text-success { color: var(--success-fg) !important; }
[data-theme-v2] .text-warning { color: var(--warning-fg) !important; }
[data-theme-v2] .text-danger  { color: var(--danger-fg) !important; }
[data-theme-v2] .text-info    { color: var(--info-fg) !important; }
[data-theme-v2] code { color: var(--primary-text); }
[data-theme-v2] a:not(.btn):not(.nav-link) { color: var(--primary-text); }

/* ============ خلفيات وحدود Bootstrap ============ */
/* bg-dark كان أسود ثابت حتى بالوضع الفاتح: صار سطح ثاني من الثيم (ونصّه الأبيض يتبع الثيم بدل الأبيض الحرفي) */
[data-theme-v2] .bg-dark { background-color: var(--surface-2) !important; }
[data-theme-v2] .bg-dark.text-white,
[data-theme-v2] .bg-dark .text-white { color: var(--text) !important; }
/* bg-black (بطاقات الرياكشن/الخطوط وحقل البادئة) كان أسود حتى بالفاتح، ومع bg-opacity-50 يطلع رمادي يخرّب تباين النص */
[data-theme-v2] .bg-black { background-color: var(--surface-2) !important; }
[data-theme-v2] .bg-black.text-white,
[data-theme-v2] .bg-black .text-white { color: var(--text) !important; }
[data-theme-v2] .badge.bg-dark { color: var(--text) !important; }
[data-theme-v2] .bg-warning.text-dark,
[data-theme-v2] .bg-warning .text-dark { color: var(--on-warning) !important; }
[data-theme-v2] .bg-body { background-color: var(--bg) !important; }
[data-theme-v2] .bg-secondary { background-color: var(--primary-soft) !important; color: var(--text); }
[data-theme-v2] .bg-primary { background-color: var(--primary) !important; color: var(--on-primary); }
[data-theme-v2] .bg-success { background-color: var(--success-solid) !important; color: var(--on-primary); }
[data-theme-v2] .bg-danger  { background-color: var(--danger-solid) !important; color: var(--on-primary); }
[data-theme-v2] .bg-info    { background-color: var(--info-solid) !important; color: var(--on-primary); }
[data-theme-v2] .bg-warning { background-color: var(--warning-solid) !important; color: var(--on-warning); }
[data-theme-v2] .badge.bg-secondary { background-color: var(--primary-soft) !important; color: var(--text) !important; }
[data-theme-v2] .border-secondary { border-color: var(--border-subtle) !important; }
[data-theme-v2] .border-success { border-color: var(--success-fg) !important; }
[data-theme-v2] .border-danger  { border-color: var(--danger-fg) !important; }
[data-theme-v2] .border-warning { border-color: var(--warning-fg) !important; }
[data-theme-v2] .border-info    { border-color: var(--info-fg) !important; }
[data-theme-v2] hr { border-color: var(--border-subtle); opacity: 1; }

/* ============ الحقول: إطار قوي (3:1) - كان 1.36:1 داكن / 1.19:1 فاتح ============ */
[data-theme-v2] .form-control,
[data-theme-v2] .form-select,
[data-theme-v2] .form-control.border-secondary,
[data-theme-v2] .form-select.border-secondary,
[data-theme-v2] .input-group-text { border-color: var(--border-strong) !important; }
[data-theme-v2] .form-control,
[data-theme-v2] .form-select { background-color: var(--surface-2); color: var(--text); }
[data-theme-v2] .form-control.bg-dark,
[data-theme-v2] .form-select.bg-dark { background-color: var(--surface-2) !important; color: var(--text) !important; }
[data-theme-v2] .input-group-text { background-color: var(--surface-2); color: var(--text-muted); }
[data-theme-v2] .form-control:focus,
[data-theme-v2] .form-select:focus { border-color: var(--focus-ring) !important; box-shadow: 0 0 0 2px var(--focus-ring); }
[data-theme-v2] .form-control::placeholder { color: var(--text-muted); opacity: 1; }
[data-theme-v2] .form-select option { background-color: var(--surface-2); color: var(--text); }

/* ============ المفاتيح: مقبض ظاهر بالحالتين ============
   theme.css يعرّض كل checkbox (2.8rem)، و33 مفتاح بالقوالب بدون .form-switch كانت تطلع مربع فاضي. هنا كل checkbox
   أبوه مو .form-switch يتصرف كمفتاح مثل الباقي (RTL: المقبض يمين وهو مطفّي، يسار وهو شغال - نفس bootstrap.rtl). */
[data-theme-v2] .form-switch .form-check-input,
[data-theme-v2] :not(.form-switch) > input.form-check-input[type="checkbox"] {
    width: 2.8rem; height: 1.4rem; border-radius: 2rem;
    background-color: var(--surface-2);
    border: 1px solid var(--border-strong);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23B9A8A8'/%3e%3c/svg%3e");
    background-repeat: no-repeat; background-size: contain; background-position: right center;
    transition: background-position .15s ease-in-out, background-color .15s;
}
[data-theme-v2][data-theme="light"] .form-switch .form-check-input,
[data-theme-v2][data-theme="light"] :not(.form-switch) > input.form-check-input[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23857070'/%3e%3c/svg%3e");
}
[data-theme-v2] .form-switch .form-check-input:checked,
[data-theme-v2] :not(.form-switch) > input.form-check-input[type="checkbox"]:checked {
    background-color: var(--success-solid); border-color: var(--success-solid);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    background-position: left center;
}
[data-theme-v2] .form-check-input[type="radio"] { background-color: var(--surface-2); border: 1px solid var(--border-strong); }
[data-theme-v2] .form-check-input[type="radio"]:checked { background-color: var(--success-solid); border-color: var(--success-solid); }
[data-theme-v2] .form-check-input:focus { box-shadow: 0 0 0 2px var(--focus-ring); border-color: var(--focus-ring); }
[data-theme-v2] .form-check-input:disabled { opacity: .55; }

/* ============ الأزرار (متغيرات Bootstrap 5.3) ============ */
[data-theme-v2] .btn { --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); }
[data-theme-v2] .btn-primary {
    --bs-btn-color: var(--on-primary); --bs-btn-bg: var(--primary); --bs-btn-border-color: var(--primary);
    --bs-btn-hover-color: var(--on-primary); --bs-btn-hover-bg: var(--primary-hover); --bs-btn-hover-border-color: var(--primary-hover);
    --bs-btn-active-color: var(--on-primary); --bs-btn-active-bg: var(--primary-hover); --bs-btn-active-border-color: var(--primary-hover);
    --bs-btn-disabled-color: var(--on-primary); --bs-btn-disabled-bg: var(--primary); --bs-btn-disabled-border-color: var(--primary);
}
[data-theme-v2] .btn-success { --bs-btn-color: #fff; --bs-btn-bg: var(--success-solid); --bs-btn-border-color: var(--success-solid); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #125A32; --bs-btn-hover-border-color: #125A32; --bs-btn-active-bg: #125A32; --bs-btn-active-color: #fff; }
[data-theme-v2] .btn-danger  { --bs-btn-color: #fff; --bs-btn-bg: var(--danger-solid); --bs-btn-border-color: var(--danger-solid); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #8F1D17; --bs-btn-hover-border-color: #8F1D17; --bs-btn-active-bg: #8F1D17; --bs-btn-active-color: #fff; }
[data-theme-v2] .btn-info    { --bs-btn-color: #fff; --bs-btn-bg: var(--info-solid); --bs-btn-border-color: var(--info-solid); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #154C8A; --bs-btn-hover-border-color: #154C8A; --bs-btn-active-bg: #154C8A; --bs-btn-active-color: #fff; }
[data-theme-v2] .btn-warning { --bs-btn-color: var(--on-warning); --bs-btn-bg: var(--warning-solid); --bs-btn-border-color: var(--warning-solid); --bs-btn-hover-color: var(--on-warning); --bs-btn-hover-bg: #D89E2A; --bs-btn-hover-border-color: #D89E2A; --bs-btn-active-bg: #D89E2A; --bs-btn-active-color: var(--on-warning); }
[data-theme-v2] .btn-dark,
[data-theme-v2] .btn-secondary {
    --bs-btn-color: var(--text); --bs-btn-bg: var(--surface-2); --bs-btn-border-color: var(--border-strong);
    --bs-btn-hover-color: var(--text); --bs-btn-hover-bg: var(--primary-soft); --bs-btn-hover-border-color: var(--border-strong);
    --bs-btn-active-color: var(--text); --bs-btn-active-bg: var(--primary-soft); --bs-btn-active-border-color: var(--border-strong);
}
/* أزرار بإطار: النص والإطار بلون مقروء (4.5:1+)، والمرور يعبّي بالصلب ونص أبيض */
[data-theme-v2] .btn-outline-primary { --bs-btn-color: var(--primary-text); --bs-btn-border-color: var(--primary-text); --bs-btn-hover-color: var(--on-primary); --bs-btn-hover-bg: var(--primary); --bs-btn-hover-border-color: var(--primary); --bs-btn-active-color: var(--on-primary); --bs-btn-active-bg: var(--primary-hover); --bs-btn-active-border-color: var(--primary-hover); }
[data-theme-v2] .btn-outline-success { --bs-btn-color: var(--success-fg); --bs-btn-border-color: var(--success-fg); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--success-solid); --bs-btn-hover-border-color: var(--success-solid); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--success-solid); --bs-btn-active-border-color: var(--success-solid); }
[data-theme-v2] .btn-outline-danger  { --bs-btn-color: var(--danger-fg); --bs-btn-border-color: var(--danger-fg); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--danger-solid); --bs-btn-hover-border-color: var(--danger-solid); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--danger-solid); --bs-btn-active-border-color: var(--danger-solid); }
[data-theme-v2] .btn-outline-warning { --bs-btn-color: var(--warning-fg); --bs-btn-border-color: var(--warning-fg); --bs-btn-hover-color: var(--on-warning); --bs-btn-hover-bg: var(--warning-solid); --bs-btn-hover-border-color: var(--warning-solid); --bs-btn-active-color: var(--on-warning); --bs-btn-active-bg: var(--warning-solid); --bs-btn-active-border-color: var(--warning-solid); }
[data-theme-v2] .btn-outline-info    { --bs-btn-color: var(--info-fg); --bs-btn-border-color: var(--info-fg); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--info-solid); --bs-btn-hover-border-color: var(--info-solid); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--info-solid); --bs-btn-active-border-color: var(--info-solid); }
[data-theme-v2] .btn-outline-secondary,
[data-theme-v2] .btn-outline-light,
[data-theme-v2] .btn-outline-dark { --bs-btn-color: var(--text-muted); --bs-btn-border-color: var(--border-strong); --bs-btn-hover-color: var(--text); --bs-btn-hover-bg: var(--surface-2); --bs-btn-hover-border-color: var(--border-strong); --bs-btn-active-color: var(--text); --bs-btn-active-bg: var(--primary-soft); --bs-btn-active-border-color: var(--border-strong); }
[data-theme-v2] .btn-outline-light { --bs-btn-color: var(--text); }
/* المعطّلة (مثل «السابق» بأول صفحة): كانت رمادي Bootstrap #6C757D - صارت بألوان الثيم (Bootstrap يخففها بـopacity) */
[data-theme-v2] .btn-outline-secondary, [data-theme-v2] .btn-outline-light, [data-theme-v2] .btn-outline-dark,
[data-theme-v2] .btn-outline-primary, [data-theme-v2] .btn-outline-success, [data-theme-v2] .btn-outline-danger,
[data-theme-v2] .btn-outline-warning, [data-theme-v2] .btn-outline-info {
    --bs-btn-disabled-color: var(--bs-btn-color); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--bs-btn-border-color);
}
/* زر «حفظ» وأزرار الهوية من theme.css تاخذ الألوان الجديدة عن طريق المتغيرات؛ تدرّج الحفظ بنفس اللون */
[data-theme-v2] .btn-action-save { background: var(--success-solid); }
[data-theme-v2] .btn-action-save:hover { background: #125A32; opacity: 1; }
/* أزرار الإنشاء التلقائي: التدرّج يبقى، ولون صلب تحته (لو ما ظهر التدرّج ما يصير نص أبيض على أبيض) */
[data-theme-v2] .btn-flame-auto { background-color: var(--primary); --bs-btn-color: var(--on-primary); --bs-btn-hover-color: var(--on-primary); --bs-btn-active-color: var(--on-primary); color: var(--on-primary); }
[data-theme-v2] .btn-flame-auto:hover { background-color: var(--primary-hover); }
/* مؤشّر «اسم العضو» فوق صورة المعاينة: خلفية داكنة شفافة عشان النص الأبيض يتقرا على أي صورة/ثيم */
[data-theme-v2] #textPositionMarker { background-color: rgba(0, 0, 0, 0.62); padding: 1px 6px; border-radius: 6px; }

/* ============ الشريط الجانبي: لون واحد للأيقونات بدل قوس قزح ============ */
[data-theme-v2] .nav-pills .nav-link i,
[data-theme-v2] .ui-sidebar .nav-link i { color: var(--primary-text) !important; }
[data-theme-v2] .nav-pills .nav-link.active i,
[data-theme-v2] .ui-sidebar .nav-link.active i { color: var(--on-primary) !important; }
[data-theme-v2] .nav-pills .nav-link { color: var(--text-muted); }
[data-theme-v2] .nav-pills .nav-link:hover { color: var(--text); background: var(--primary-soft); }
[data-theme-v2] .nav-pills .nav-link.active { background: var(--primary); color: var(--on-primary); box-shadow: none; }
[data-theme-v2] .sidebar-group-title { color: var(--text-muted); opacity: 1; }

/* ============ الهيدر بلون الهوية #310404 (بالوضعين) ============ */
[data-theme-v2] .navbar-main { background: var(--brand); border-bottom: 1px solid var(--brand); backdrop-filter: none; }
[data-theme-v2] .navbar-main,
[data-theme-v2] .navbar-main h1, [data-theme-v2] .navbar-main h2, [data-theme-v2] .navbar-main h3,
[data-theme-v2] .navbar-main h4, [data-theme-v2] .navbar-main h5, [data-theme-v2] .navbar-main .text-white { color: var(--header-text) !important; }
[data-theme-v2] .navbar-main .text-secondary,
[data-theme-v2] .navbar-main .text-muted,
[data-theme-v2] .navbar-main small { color: var(--header-muted) !important; }
[data-theme-v2] .navbar-main .server-avatar { border-color: var(--header-edge); }
[data-theme-v2] .navbar-main .btn,
[data-theme-v2] .navbar-main .theme-toggle-btn {
    --bs-btn-color: var(--header-text); --bs-btn-border-color: var(--header-edge); --bs-btn-bg: transparent;
    --bs-btn-hover-color: var(--brand); --bs-btn-hover-bg: #FFFFFF; --bs-btn-hover-border-color: #FFFFFF;
    --bs-btn-active-color: var(--brand); --bs-btn-active-bg: #FFFFFF; --bs-btn-active-border-color: #FFFFFF;
}
[data-theme-v2] .navbar-main .theme-toggle-btn { background: transparent; color: var(--header-text); border-color: var(--header-edge); }
[data-theme-v2] .navbar-main .theme-toggle-btn:hover { background: #FFFFFF; color: var(--brand); }
[data-theme-v2] .navbar-main .btn-outline-danger { --bs-btn-color: var(--header-danger); --bs-btn-border-color: var(--header-danger); --bs-btn-hover-color: var(--brand); --bs-btn-hover-bg: var(--header-danger); --bs-btn-hover-border-color: var(--header-danger); }
[data-theme-v2] .navbar-main .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }

/* ============ أشياء ثانية كانت بألوان ثابتة ============ */
[data-theme-v2] .item-tag .remove-item { color: var(--danger-fg); }
[data-theme-v2] .ui-unsaved-inner { background: var(--surface); color: var(--text); border-color: var(--border-strong); box-shadow: 0 8px 24px var(--shadow-color); }
[data-theme-v2] .ui-unsaved-inner .btn-outline-light { --bs-btn-color: var(--text); --bs-btn-border-color: var(--border-strong); }
[data-theme-v2] .ui-unsaved-text .bi { color: var(--warning-fg); }
[data-theme-v2] .ui-toast-ok { background: var(--success-solid); }
[data-theme-v2] .ui-toast-error { background: var(--danger-solid); }
[data-theme-v2] .ui-toast-warn { background: #9a6700; } /* 2026-10-18 */
[data-theme-v2] .ui-chip-x:hover { background: var(--danger-soft); }
[data-theme-v2] .health-dot-ok { background: var(--success-fg); box-shadow: none; }
[data-theme-v2] .health-dot-bad { background: var(--danger-fg); box-shadow: none; }
[data-theme-v2] .viewer-mode-banner { background: var(--warning-solid); color: var(--on-warning); }
[data-theme-v2] .glass-panel { box-shadow: 0 8px 24px var(--shadow-color); }
[data-theme-v2] .table { --bs-table-color: var(--text); --bs-table-bg: transparent; --bs-table-border-color: var(--border-subtle); --bs-table-hover-color: var(--text); --bs-table-hover-bg: var(--primary-soft); }
[data-theme-v2] .modal-content, [data-theme-v2] .dropdown-menu { background: var(--surface); color: var(--text); border-color: var(--border-subtle); }
[data-theme-v2] .alert { --bs-alert-color: var(--text); }