/* ══════════════════════════════════════════════════════════════ WAVENDO — باقات ألوان الواجهة (Color Palettes) طبقة متغيّرات فقط: تعيد تعريف ألوان الهوية دون لمس أي قاعدة تصميم. تُطبَّق بـ data-palette على وتعمل فوق الوضعين الفاتح والداكن. ══════════════════════════════════════════════════════════════ */ :root[data-palette="violet"]{--accent:#8C3DF5;--accent-rgb:140,61,245;--accent2:#F5A623;--glow:rgba(140,61,245,0.35);--border:rgba(140,61,245,0.2);--mesh1:rgba(140,61,245,0.1);--premium-gradient:linear-gradient(135deg,#8C3DF5 0%,#F5A623 100%)} :root[data-theme="zid-light"][data-palette="violet"]{--accent:#7723E2;--accent-rgb:119,35,226;--accent2:#e89209;--glow:rgba(119,35,226,0.22);--border:rgba(119,35,226,0.18);--mesh1:rgba(119,35,226,0.06);--shadow:0 8px 30px rgba(119,35,226,0.05);--shadow-sm:0 4px 12px rgba(119,35,226,0.03);--premium-gradient:linear-gradient(135deg,#7723E2 0%,#4c0bb3 100%)} :root[data-palette="blue"]{--accent:#3B82F6;--accent-rgb:59,130,246;--accent2:#22D3EE;--glow:rgba(59,130,246,0.35);--border:rgba(59,130,246,0.2);--mesh1:rgba(59,130,246,0.1);--premium-gradient:linear-gradient(135deg,#3B82F6 0%,#22D3EE 100%)} :root[data-theme="zid-light"][data-palette="blue"]{--accent:#1D4ED8;--accent-rgb:29,78,216;--accent2:#0891B2;--glow:rgba(29,78,216,0.22);--border:rgba(29,78,216,0.18);--mesh1:rgba(29,78,216,0.06);--shadow:0 8px 30px rgba(29,78,216,0.05);--shadow-sm:0 4px 12px rgba(29,78,216,0.03);--premium-gradient:linear-gradient(135deg,#1D4ED8 0%,#0b2e7a 100%)} :root[data-palette="emerald"]{--accent:#10B981;--accent-rgb:16,185,129;--accent2:#A3E635;--glow:rgba(16,185,129,0.35);--border:rgba(16,185,129,0.2);--mesh1:rgba(16,185,129,0.1);--premium-gradient:linear-gradient(135deg,#10B981 0%,#A3E635 100%)} :root[data-theme="zid-light"][data-palette="emerald"]{--accent:#047857;--accent-rgb:4,120,87;--accent2:#65A30D;--glow:rgba(4,120,87,0.22);--border:rgba(4,120,87,0.18);--mesh1:rgba(4,120,87,0.06);--shadow:0 8px 30px rgba(4,120,87,0.05);--shadow-sm:0 4px 12px rgba(4,120,87,0.03);--premium-gradient:linear-gradient(135deg,#047857 0%,#064e3b 100%)} :root[data-palette="teal"]{--accent:#14B8A6;--accent-rgb:20,184,166;--accent2:#38BDF8;--glow:rgba(20,184,166,0.35);--border:rgba(20,184,166,0.2);--mesh1:rgba(20,184,166,0.1);--premium-gradient:linear-gradient(135deg,#14B8A6 0%,#38BDF8 100%)} :root[data-theme="zid-light"][data-palette="teal"]{--accent:#0F766E;--accent-rgb:15,118,110;--accent2:#0369A1;--glow:rgba(15,118,110,0.22);--border:rgba(15,118,110,0.18);--mesh1:rgba(15,118,110,0.06);--shadow:0 8px 30px rgba(15,118,110,0.05);--shadow-sm:0 4px 12px rgba(15,118,110,0.03);--premium-gradient:linear-gradient(135deg,#0F766E 0%,#134e4a 100%)} :root[data-palette="rose"]{--accent:#F43F5E;--accent-rgb:244,63,94;--accent2:#FB923C;--glow:rgba(244,63,94,0.35);--border:rgba(244,63,94,0.2);--mesh1:rgba(244,63,94,0.1);--premium-gradient:linear-gradient(135deg,#F43F5E 0%,#FB923C 100%)} :root[data-theme="zid-light"][data-palette="rose"]{--accent:#BE123C;--accent-rgb:190,18,60;--accent2:#C2410C;--glow:rgba(190,18,60,0.22);--border:rgba(190,18,60,0.18);--mesh1:rgba(190,18,60,0.06);--shadow:0 8px 30px rgba(190,18,60,0.05);--shadow-sm:0 4px 12px rgba(190,18,60,0.03);--premium-gradient:linear-gradient(135deg,#BE123C 0%,#7f1d3a 100%)} :root[data-palette="amber"]{--accent:#F59E0B;--accent-rgb:245,158,11;--accent2:#FB7185;--glow:rgba(245,158,11,0.35);--border:rgba(245,158,11,0.2);--mesh1:rgba(245,158,11,0.1);--premium-gradient:linear-gradient(135deg,#F59E0B 0%,#FB7185 100%)} :root[data-theme="zid-light"][data-palette="amber"]{--accent:#B45309;--accent-rgb:180,83,9;--accent2:#BE123C;--glow:rgba(180,83,9,0.22);--border:rgba(180,83,9,0.18);--mesh1:rgba(180,83,9,0.06);--shadow:0 8px 30px rgba(180,83,9,0.05);--shadow-sm:0 4px 12px rgba(180,83,9,0.03);--premium-gradient:linear-gradient(135deg,#B45309 0%,#78350f 100%)} :root[data-palette="slate"]{--accent:#64748B;--accent-rgb:100,116,139;--accent2:#38BDF8;--glow:rgba(100,116,139,0.35);--border:rgba(100,116,139,0.2);--mesh1:rgba(100,116,139,0.1);--premium-gradient:linear-gradient(135deg,#64748B 0%,#38BDF8 100%)} :root[data-theme="zid-light"][data-palette="slate"]{--accent:#334155;--accent-rgb:51,65,85;--accent2:#0369A1;--glow:rgba(51,65,85,0.22);--border:rgba(51,65,85,0.18);--mesh1:rgba(51,65,85,0.06);--shadow:0 8px 30px rgba(51,65,85,0.05);--shadow-sm:0 4px 12px rgba(51,65,85,0.03);--premium-gradient:linear-gradient(135deg,#334155 0%,#0f172a 100%)} /* "نيون" — الهوية الجديدة المعتمَدة (مقترح إعادة التصميم 2026-09-06)، باقة افتراضية الآن */ :root[data-palette="neon"]{--accent:#8B7BFF;--accent-rgb:139,123,255;--accent2:#22D3EE;--glow:rgba(139,123,255,0.35);--border:rgba(139,123,255,0.2);--mesh1:rgba(139,123,255,0.1);--premium-gradient:linear-gradient(135deg,#8B7BFF 0%,#22D3EE 100%)} :root[data-theme="zid-light"][data-palette="neon"]{--accent:#6D5EF5;--accent-rgb:109,94,245;--accent2:#0891B2;--glow:rgba(109,94,245,0.22);--border:rgba(109,94,245,0.18);--mesh1:rgba(109,94,245,0.06);--shadow:0 8px 30px rgba(109,94,245,0.05);--shadow-sm:0 4px 12px rgba(109,94,245,0.03);--premium-gradient:linear-gradient(135deg,#6D5EF5 0%,#3A2999 100%)} /* ربط القواعد التي كانت تُثبّت اللون نصّاً بمتغيّر الباقة */ html[data-theme="zid-light"][data-palette] .sidebar{border-left-color:rgba(var(--accent-rgb),0.08)!important} html[data-theme="zid-light"][data-palette] .sidebar-section-title{border-top-color:rgba(var(--accent-rgb),0.05)!important} html[data-theme="zid-light"][data-palette] .sidebar-footer{border-top-color:rgba(var(--accent-rgb),0.05)!important} html[data-theme="zid-light"][data-palette] .nav-item svg{color:var(--accent)!important} html[data-theme="zid-light"][data-palette] .nav-item:hover{background:rgba(var(--accent-rgb),0.04)!important;color:var(--accent)!important} html[data-theme="zid-light"][data-palette] .nav-item.active{background:rgba(var(--accent-rgb),0.07)!important;color:var(--accent)!important;border-color:rgba(var(--accent-rgb),0.08)!important;box-shadow:inset 0 2px 8px rgba(var(--accent-rgb),0.02)!important} html[data-theme="zid-light"][data-palette] .nav-item.active::before{background:var(--accent)!important} html[data-theme="zid-light"][data-palette] .creator-badge{background:rgba(var(--accent-rgb),0.03)!important} html[data-theme="zid-light"][data-palette] .creator-badge .creator-name{color:var(--accent)!important} html[data-theme="zid-light"][data-palette] #themeNameLabel{color:var(--accent)!important} html[data-theme="zid-light"][data-palette] .theme-btn{border-color:rgba(var(--accent-rgb),0.15)!important} html[data-palette] input:not([type="checkbox"]):not([type="radio"]):focus, html[data-palette] textarea:focus, html[data-palette] select:focus{border-color:var(--accent)!important;box-shadow:0 0 12px rgba(var(--accent-rgb),0.3)!important} html[data-palette] .glow-theme-btn.active, html[data-palette] .glow-theme-btn.pulse.active{border-color:var(--accent)!important;background:rgba(var(--accent-rgb),0.08)!important;box-shadow:0 0 15px rgba(var(--accent-rgb),0.2)!important} html[data-palette] .confirm-btn-ok{box-shadow:0 4px 12px rgba(var(--accent-rgb),0.3)} html[data-palette] .confirm-btn-ok:hover{box-shadow:0 6px 16px rgba(var(--accent-rgb),0.4)} html[data-palette] .search-input:focus, html[data-palette] #crmQueryFilter:focus{box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.12)!important} /* ── منتقي الباقات في الإعدادات ── */ .palette-grid{display:flex;gap:12px;flex-wrap:wrap} .palette-btn{position:relative;width:96px;padding:10px 8px 8px;border-radius:12px;cursor:pointer; background:var(--surface2);border:1.5px solid var(--border2);color:var(--text2); font-family:inherit;font-size:11px;font-weight:700;text-align:center; display:flex;flex-direction:column;align-items:center;gap:7px;transition:all .2s ease} .palette-btn:hover{transform:translateY(-2px);border-color:var(--border)} .palette-btn.active{border-color:var(--accent);color:var(--text);background:rgba(var(--accent-rgb),0.08); box-shadow:0 0 15px rgba(var(--accent-rgb),0.2)} .palette-swatch{width:100%;height:26px;border-radius:8px;display:block} .palette-btn .sub-label{font-size:9px;opacity:.6;font-weight:600;letter-spacing:.4px} .palette-btn.active::after{content:'✓';position:absolute;top:4px;inset-inline-end:6px;font-size:11px;color:var(--accent)} @media(max-width:600px){.palette-btn{width:calc(50% - 6px);min-height:44px}} .palette-btn[data-pal="violet"] .palette-swatch{background:linear-gradient(135deg,#8C3DF5 0%,#F5A623 100%)} .palette-btn[data-pal="blue"] .palette-swatch{background:linear-gradient(135deg,#3B82F6 0%,#22D3EE 100%)} .palette-btn[data-pal="emerald"] .palette-swatch{background:linear-gradient(135deg,#10B981 0%,#A3E635 100%)} .palette-btn[data-pal="teal"] .palette-swatch{background:linear-gradient(135deg,#14B8A6 0%,#38BDF8 100%)} .palette-btn[data-pal="rose"] .palette-swatch{background:linear-gradient(135deg,#F43F5E 0%,#FB923C 100%)} .palette-btn[data-pal="amber"] .palette-swatch{background:linear-gradient(135deg,#F59E0B 0%,#FB7185 100%)} .palette-btn[data-pal="slate"] .palette-swatch{background:linear-gradient(135deg,#64748B 0%,#38BDF8 100%)} .palette-btn[data-pal="neon"] .palette-swatch{background:linear-gradient(135deg,#8B7BFF 0%,#22D3EE 100%)} /* ── حركة انتقال تبويبات ERP (الهوية الجديدة) — لا تلمس منطق erpShowTab نفسه ── */ @keyframes wvTabFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} .wv-tab-fade{animation:wvTabFadeIn .28s cubic-bezier(.4,0,.2,1)} @media (prefers-reduced-motion: reduce){.wv-tab-fade{animation:none}}