/* ========================================================================== dash-fx.css — واجهة النظام: العين، التاسك بار الرفيع، إطار الدردشة الأنحف، لمسة ميكانيكية سريعة يُحمَّل بعد taskbar.css/appearance.css في taskbar.php (أي في كل صفحات النظام). ويعمل فوق chat.css الذي يُحمَّل كسولًا لذلك نرفع الأولوية بـ :not(#fx) بدل !important. كل الحركات بـ scale/translate/opacity فتتراكب مع أي transform موجود. حذف الملف وسطر تحميله يعيد المظهر السابق. ========================================================================== */ :root { --dk-s: 1; --dk-tb: 1.1; --dk-blocks: .9; --fx-snap: cubic-bezier(.25, 1, .35, 1); --fx-press: cubic-bezier(.2, 1.9, .45, 1); --fx-pop: cubic-bezier(.2, 1.35, .4, 1); } /* ========================================================================== 1) العين المتحركة (Iris Orb) — مقياس واحد --s يضبط كل شيء: الحلقة، الظل، البؤبؤ، اللمعة ========================================================================== */ @property --pr { syntax: ""; inherits: false; initial-value: .0625; } /* نصف قطر البؤبؤ كنسبة من المقاس */ .eye-orb { --s: 34px; position: relative; display: block; flex: none; width: var(--s); height: var(--s); border-radius: 50%; overflow: hidden; isolation: isolate; box-shadow: 0 0 0 calc(var(--s) * .05) #fff, 0 0 0 calc(var(--s) * .066) rgba(111, 84, 220, .30), 0 calc(var(--s) * .04) calc(var(--s) * .07) rgba(15, 32, 68, .22), 0 calc(var(--s) * .20) calc(var(--s) * .30) calc(var(--s) * -.12) rgba(111, 84, 220, .55); animation: deEyeFloat 6.5s ease-in-out infinite; transition: scale .17s var(--fx-press); } .eye-orb::before { content: ""; position: absolute; inset: -16%; background: radial-gradient(56% 56% at 24% 26%, #4fa3ff 0, rgba(79, 163, 255, 0) 74%), radial-gradient(54% 54% at 78% 24%, #ff74b8 0, rgba(255, 116, 184, 0) 74%), radial-gradient(58% 58% at 78% 78%, #a56bff 0, rgba(165, 107, 255, 0) 74%), radial-gradient(58% 58% at 24% 78%, #ffb54a 0, rgba(255, 181, 74, 0) 74%), radial-gradient(50% 50% at 50% 50%, #2dd4bf 0, rgba(45, 212, 191, 0) 70%), #8a8cff; filter: blur(calc(var(--s) * .06)) saturate(1.3); animation: deIris 34s linear infinite; } .eye-orb::after { content: ""; position: absolute; inset: 0; border-radius: 50%; --pup: calc(var(--s) * var(--pr)); background: radial-gradient(circle at 34% 20%, rgba(255, 255, 255, .55) 0 6%, rgba(255, 255, 255, 0) 28%), radial-gradient(circle at 42% 38%, #fff 0 calc(var(--s) * .044), rgba(255, 255, 255, 0) calc(var(--s) * .058)) 50% 0 / 120% 100% no-repeat, radial-gradient(circle at 58% 58%, rgba(255, 255, 255, .8) 0 calc(var(--s) * .019), rgba(255, 255, 255, 0) calc(var(--s) * .031)) 50% 0 / 120% 100% no-repeat, radial-gradient(circle at 50% 50%, #3b2160 0 var(--pup), rgba(59, 33, 96, .55) calc(var(--pup) + var(--s) * .03), rgba(59, 33, 96, 0) calc(var(--pup) + var(--s) * .06)) 50% 0 / 120% 100% no-repeat; box-shadow: inset 0 0 0 calc(var(--s) * .03) rgba(255, 255, 255, .55), inset 0 calc(var(--s) * -.09) calc(var(--s) * .16) calc(var(--s) * -.08) rgba(90, 40, 140, .22); animation: deGaze 18s ease-in-out infinite, dePupil 7s ease-in-out infinite; } @keyframes deGaze { 0%, 10% { background-position: 0 0, 50% 0, 50% 0, 50% 0; } 26%, 38% { background-position: 0 0, 22% 0, 22% 0, 22% 0; } 52%, 58% { background-position: 0 0, 50% 0, 50% 0, 50% 0; } 72%, 84% { background-position: 0 0, 78% 0, 78% 0, 78% 0; } 96%, 100% { background-position: 0 0, 50% 0, 50% 0, 50% 0; } } @keyframes dePupil { 0%, 100% { --pr: .0625; } 45%, 62% { --pr: .094; } } @keyframes deIris { to { transform: rotate(360deg); } } @keyframes deEyeFloat { 0%, 100% { translate: 0 0; } 50% { translate: 0 calc(var(--s) * -.04); } } /* في الهيدر الرئيسي: تحلّ محل الأيقونة القديمة بمقاس مثالي (34px على الشاشات الكبيرة، 30px على الجوال) */ html body .vr-logo-icon:not(#fx) { width: auto; height: auto; display: flex; align-items: center; animation: none; } html body .vr-logo-icon .eye-orb:not(#fx) { --s: calc(34px * var(--dk-s)); } html body .vr-logo { padding-block: 0; gap: 9px; } html body .vr-logo:hover .eye-orb:not(#fx) { scale: 1.07; } html body .vr-logo:active .eye-orb:not(#fx) { scale: .95; transition-duration: .04s; } @media (max-width: 720px) { html body .vr-logo-icon .eye-orb:not(#fx) { --s: calc(30px * var(--dk-s)); } } /* ========================================================================== 2) التاسك بار: أرقّ وأسرع — إحساس 4K (حواف شعرية حادّة، توهّج علوي، حدّ معدني متدرّج) بنفس الألوان ========================================================================== */ html body .eyeerp-home:not(#fx) { --taskbar-h: calc(40px * var(--dk-s) * var(--dk-tb)); --taskbar-m: clamp(10px, 1.6vw, 18px); --t: all .12s var(--fx-snap); --t-fast: all .06s var(--fx-snap); } html body .eyeerp-home .eyeerp-home-windows-taskbar:not(#fx) { /* رفّ عائم على نهج ChromeOS: لون نافذة التطبيقات معتمًا، حافة بنفسجية خافتة بدل البيضاء، وعمق من طبقات ظل لا من حدود فاتحة */ background: linear-gradient(180deg, #150d29 0%, #0b0618 48%, #070312 100%) padding-box, linear-gradient(180deg, rgba(150, 120, 255, .20), rgba(108, 63, 255, .07) 45%, rgba(0, 0, 0, .40)) border-box; border: 1px solid transparent; border-radius: 999px; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), /* لمعة علوية شبه غير مرئية */ inset 0 -3px 6px -2px rgba(0, 0, 0, .55), /* تعتيم سفلي داخلي = حجم */ 0 1px 1px rgba(0, 0, 0, .55), /* ظل تماس */ 0 4px 8px -2px rgba(0, 0, 0, .45), 0 14px 26px -8px rgba(0, 0, 0, .60), 0 30px 50px -20px rgba(0, 0, 0, .55), /* ظل بعيد يرفع الرف عن الخلفية */ 0 0 40px -18px rgba(108, 63, 255, .35); animation: dkTaskbarIn .26s var(--fx-snap) .1s both; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; } @keyframes dkTaskbarIn { from { opacity: 0; translate: 0 10px; scale: .985; } } @media (min-width: 901px) { html body .eyeerp-home .eyeerp-home-windows-taskbar:not(#fx) { padding-inline: 14px; } } /* الوسط بلا صندوق (كـ ChromeOS): الأيقونات دوائر على الرف مباشرة */ html body .eyeerp-home .eyeerp-home-taskbar-center:not(#fx) { padding: 0 4px; gap: 3px; border: 0; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; } html body .eyeerp-home .eyeerp-home-taskbar-icon:not(#fx) { width: 30px; height: 30px; border-radius: 50%; } html body .eyeerp-home .eyeerp-home-taskbar-icon svg:not(#fx) { width: 15px; height: 15px; shape-rendering: geometricPrecision; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .55)); } html body .eyeerp-home .eyeerp-home-taskbar-icon:hover:not(#fx) { transform: none; translate: 0 0; box-shadow: none; background: rgba(255, 255, 255, .06); } html body .eyeerp-home .eyeerp-home-taskbar-icon:hover svg:not(#fx) { transform: none; } html body .eyeerp-home .eyeerp-home-taskbar-icon.active:not(#fx) { background: rgba(255, 255, 255, .05); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5); } /* مضغوط للداخل */ html body .eyeerp-home .eyeerp-home-taskbar-icon.active:not(#fx)::after { bottom: -3px; width: 4px; height: 4px; border-radius: 50%; box-shadow: 0 0 7px var(--accent); } /* نقطة نشاط على طريقة ChromeOS */ /* زر القائمة (المشغّل): كرة بنفسجية بعمق حقيقي */ html body .eyeerp-home .eyeerp-home-taskbar-home:not(#fx) { width: 32px; height: 32px; margin: 0 4px; border: 0; background: radial-gradient(circle at 32% 24%, rgba(150, 120, 255, .50), rgba(80, 45, 190, .30) 62%), #120a24; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), inset 0 -3px 5px rgba(0, 0, 0, .45), 0 3px 8px -2px rgba(0, 0, 0, .65), 0 0 16px -5px rgba(108, 63, 255, .55); } html body .eyeerp-home .eyeerp-home-taskbar-home svg:not(#fx) { width: 15px; height: 15px; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .5)); } html body .eyeerp-home .eyeerp-home-taskbar-home:hover:not(#fx) { transform: none; translate: 0 0; scale: 1.05; } html body .eyeerp-home .eyeerp-home-taskbar-clock:not(#fx) { min-width: 58px; padding: 1px 8px; display: grid; grid-template-rows: auto 0fr; row-gap: 0; align-items: center; transition: grid-template-rows .2s var(--fx-snap); } html body .eyeerp-home .eyeerp-home-taskbar-clock.is-open:not(#fx) { grid-template-rows: auto 1fr; } html body .eyeerp-home .eyeerp-home-taskbar-time:not(#fx) { font-size: .78rem; font-variant-numeric: tabular-nums; } html body .eyeerp-home .eyeerp-home-taskbar-date:not(#fx) { font-size: .56rem; min-height: 0; max-width: 0; overflow: hidden; opacity: 0; transition: opacity .16s var(--fx-snap), max-width .2s var(--fx-snap); white-space: nowrap; } html body .eyeerp-home .eyeerp-home-taskbar-clock.is-open .eyeerp-home-taskbar-date:not(#fx) { opacity: 1; max-width: 280px; } /* للتراجع إلى الوضع القديم (بلا زر): أضف هذه الأسطر في آخر الملف — .eyeerp-home .eyeerp-home-tray-toggle { display: none; } html body .eyeerp-home .eyeerp-home-taskbar-date:not(#fx) { max-width: none; opacity: 1; } html body .eyeerp-home .eyeerp-home-taskbar-clock:not(#fx) { grid-template-rows: auto 1fr; } html body .eyeerp-home .eyeerp-home-connection-status:not(#fx) { display: flex !important; } */ /* زر الشريط (على نهج ويندوز 11): سهم صغير يكشف التاريخ ويطويه؛ يدور نصف دورة */ .eyeerp-home .eyeerp-home-tray-toggle { flex: none; width: 22px; height: 22px; padding: 0; border: 0; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: transparent; color: rgba(255, 255, 255, .5); cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: background-color .12s var(--fx-snap), color .12s var(--fx-snap), scale .17s var(--fx-press); } .eyeerp-home .eyeerp-home-tray-toggle:hover { background: rgba(255, 255, 255, .07); color: rgba(255, 255, 255, .88); } .eyeerp-home .eyeerp-home-tray-toggle:active { scale: .9; transition-duration: .03s; } .eyeerp-home .eyeerp-home-tray-toggle:focus-visible { outline: 2px solid rgba(0, 194, 224, .75); outline-offset: 1px; } .eyeerp-home .eyeerp-home-tray-toggle svg { width: 14px; height: 14px; transition: rotate .22s var(--fx-snap); } .eyeerp-home .eyeerp-home-tray-toggle[aria-expanded="true"] svg { rotate: 180deg; } /* أيقونة الشبكة: لا تظهر إلا عند انقطاع الاتصال (ولحظة عودته)، وتدخل بنبضة قصيرة */ @keyframes dkNetIn { from { opacity: 0; scale: .6; } } html body .eyeerp-home .eyeerp-home-connection-status:not(.offline):not(.show-restored):not(#fx) { display: none; } html body .eyeerp-home .eyeerp-home-connection-status.offline:not(#fx), html body .eyeerp-home .eyeerp-home-connection-status.show-restored:not(#fx) { animation: dkNetIn .22s var(--fx-pop) both; } html body .eyeerp-home .eyeerp-home-connection-status:not(#fx) { width: 22px; height: 22px; } /* منطقة الحالة (المستخدم) كحبّة هادئة على نهج ChromeOS */ html body .eyeerp-home .eyeerp-home-user-trigger:not(#fx) { padding: 2px 2px 2px 10px; gap: 8px; background: rgba(255, 255, 255, .035); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .35); border: 0; } html body .eyeerp-home .eyeerp-home-user-trigger:hover:not(#fx) { background: rgba(255, 255, 255, .06); } html body .eyeerp-home .eyeerp-home-user-avatar:not(#fx) { width: 26px; height: 26px; border-width: 1.5px; padding: 1px; box-shadow: 0 0 8px rgba(0, 194, 224, .14); } html body .eyeerp-home .eyeerp-home-user-trigger:hover .eyeerp-home-user-avatar:not(#fx) { transform: none; scale: 1.06; } html body .eyeerp-home .eyeerp-home-user-name:not(#fx) { font-size: .64rem; } /* ضغط ميكانيكي سريع على أزرار التاسك بار (scale/translate تتراكب مع أي transform) */ html body .eyeerp-home :is(.eyeerp-home-taskbar-icon, .eyeerp-home-taskbar-home, .eyeerp-home-user-trigger):not(#fx) { transition: all .12s var(--fx-snap), scale .17s var(--fx-press), translate .17s var(--fx-press); } html body .eyeerp-home :is(.eyeerp-home-taskbar-icon, .eyeerp-home-taskbar-home, .eyeerp-home-user-trigger):active:not(#fx) { transform: none; scale: .93; translate: 0 1px; transition-duration: .03s; } /* ---------- شريط «بم تفكر؟»: نفس لون نافذة التطبيقات، وحقله بلغة حقل «ابحث عن التطبيقات» ---------- */ html body .vr-feed-composer:not(#fx) { background: linear-gradient(180deg, rgba(18, 11, 36, .99), rgba(10, 6, 22, .99)); border-color: rgba(150, 120, 255, .12); border-top-color: rgba(150, 120, 255, .16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), inset 0 -3px 6px -2px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .5), 0 12px 24px -8px rgba(0, 0, 0, .65), 0 0 36px -18px rgba(108, 63, 255, .40); } html body .vr-feed-composer-placeholder:not(#fx) { background: rgba(255, 255, 255, .045); border: 1px solid rgba(255, 255, 255, .09); color: rgba(255, 255, 255, .62); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .4); /* كان أبيض شبه شفاف يبدو رماديًا على الخلفية الداكنة */ } html body .vr-feed-composer-idle:hover .vr-feed-composer-placeholder:not(#fx) { background: rgba(255, 255, 255, .07); border-color: rgba(124, 92, 255, .38); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .4), 0 0 0 3px rgba(108, 63, 255, .10); } /* ========================================================================== 3) إطار الدردشة: أنحف وأرفع — زوايا مضبوطة بدل 38/20/15، حشوة أصغر، ظلّ نظيف، ولا يأخذ مساحة ========================================================================== */ html body .eyeerp-home .eyeerp-home-chat-content:not(#fx) { max-width: 296px; height: min(436px, 68vh); max-height: 436px; padding: 6px; border: 0; border-radius: 18px; background: linear-gradient(180deg, rgba(18, 12, 34, .985), rgba(10, 6, 22, .99)); -webkit-backdrop-filter: blur(16px) saturate(150%); backdrop-filter: blur(16px) saturate(150%); box-shadow: 0 0 0 1px rgba(150, 120, 255, .10), inset 0 1px 0 rgba(255, 255, 255, .04), 0 2px 4px rgba(0, 0, 0, .5), 0 16px 30px -10px rgba(0, 0, 0, .65), 0 34px 56px -22px rgba(0, 0, 0, .6); transition: transform .16s var(--fx-snap), opacity .12s linear, max-width .22s var(--fx-snap), height .22s var(--fx-snap), max-height .22s var(--fx-snap); } html body .eyeerp-home .eyeerp-home-chat-modal:not(#fx) { transition-duration: .12s; padding-bottom: 8px; } html body .eyeerp-home .eyeerp-home-chat-content:not(#fx)::before { left: 22%; right: 22%; background: linear-gradient(90deg, transparent, rgba(108, 63, 255, .55), transparent); } html body .eyeerp-home .eyeerp-home-chat-header:not(#fx) { margin: 0 0 5px; padding: 1px 4px 6px; } html body .eyeerp-home .eyeerp-home-chat-title:not(#fx) { font-size: .78rem; } html body .eyeerp-home .eyeerp-home-chat-expand:not(#fx) { width: 24px; height: 24px; border-radius: 8px; transition: all .12s var(--fx-snap), scale .17s var(--fx-press); } html body .eyeerp-home .eyeerp-home-chat-expand:hover:not(#fx) { transform: none; scale: 1.05; } html body .eyeerp-home .eyeerp-home-chat-expand:active:not(#fx) { scale: .93; transition-duration: .03s; } /* التكبير: نسبة جيدة (≈1.8×) بنفس الرفع؛ يبقى ضمن حدّ التخطيط المضغوط فلا يتبدّل شكل الدردشة */ html body .eyeerp-home .eyeerp-home-chat-modal.is-expanded .eyeerp-home-chat-content:not(#fx) { max-width: min(540px, 94vw); width: min(540px, 94vw); max-height: calc(100dvh - var(--taskbar-h) - var(--taskbar-m) - var(--taskbar-gap) - 20px); height: min(620px, calc(100dvh - var(--taskbar-h) - var(--taskbar-m) - var(--taskbar-gap) - 20px)); } html body .eyeerp-home .eyeerp-home-chat-expand .ic-shrink { display: none; } html body .eyeerp-home .eyeerp-home-chat-expand[aria-pressed="true"] .ic-expand { display: none; } html body .eyeerp-home .eyeerp-home-chat-expand[aria-pressed="true"] .ic-shrink { display: block; } /* الداخل: زوايا أصغر بنفس الروح */ html body #eyeChatRoot .messenger-window:not(#fx) { border-radius: 13px; box-shadow: none; border-color: rgba(15, 32, 68, .06); } html body #eyeChatRoot .messenger-titlebar:not(#fx), html body #eyeChatRoot .messenger-title .brand-icon:not(#fx) { border-radius: 11px; } html body #eyeChatRoot .msn-frame:not(#fx) { border-radius: 12px; } html body #eyeChatRoot .msn-frame-md:not(#fx) { border-radius: 9px; } html body #eyeChatRoot .msn-frame img:not(#fx) { border-radius: 10px; } html body #eyeChatRoot .dropzone-overlay:not(#fx) { border-radius: 11px; } html body #eyeChatRoot .dropzone-overlay-inner:not(#fx) { border-radius: 12px; } /* اهتزاز الدخول: كان 0.5s بسعة 6px؛ صار 0.3s بسعة 4px (يستعمل translate فلا يتعارض مع أي transform) — والصوت يبدأ معه */ @keyframes dkChatShake { 0%, 100% { translate: 0 0; } 18% { translate: -4px 0; } 36% { translate: 4px 0; } 54% { translate: -2.5px 0; } 72% { translate: 1.5px 0; } } html body #eyeChatRoot .messenger-window:not(#fx) { animation: dkChatShake .3s cubic-bezier(.36, .07, .19, .97) both; } /* ========================================================================== 3b) نافذة التطبيقات: أرفع وأصغر، وبلاطات بروح مشغّل غوغل (سرعة، وضوح، لون خاص لكل تطبيق) ========================================================================== */ html body .eyeerp-home .eyeerp-home-system-apps-content:not(#fx) { min-width: 0; width: min(316px, calc(100vw - 24px)); padding: 10px 12px 12px; border-radius: 18px; max-height: min(360px, calc(100dvh - var(--taskbar-h) - var(--taskbar-m) - var(--taskbar-gap) - 20px)); background: linear-gradient(180deg, #130c26, #0a0616 58%, #070312); -webkit-backdrop-filter: none; backdrop-filter: none; border: 1px solid rgba(150, 120, 255, .13); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 2px 4px rgba(0, 0, 0, .5), 0 16px 30px -10px rgba(0, 0, 0, .7), 0 34px 56px -22px rgba(0, 0, 0, .6); } html body .eyeerp-home .eyeerp-home-system-apps-content:not(#fx)::before { border-radius: 18px 18px 0 0; left: 22%; right: 22%; } html body .eyeerp-home .eyeerp-home-system-apps-title:not(#fx) { font-size: .7rem; letter-spacing: 0; text-transform: none; margin-bottom: 8px; padding-bottom: 8px; opacity: .85; font-weight: 700; } html body .eyeerp-home .eyeerp-home-close-system-apps:not(#fx) { width: 22px; height: 22px; } html body .eyeerp-home #eyeerpHomeAppSearchContainer:not(#fx) { margin-bottom: 8px; } html body .eyeerp-home #eyeerpHomeAppSearch:not(#fx) { height: 32px; border-radius: 10px; font-size: .7rem; background: rgba(255, 255, 255, .035); border-color: rgba(255, 255, 255, .07); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .4); } html body .eyeerp-home #eyeerpHomeAppsGrid:not(#fx) { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px; padding: 0; max-height: none; overflow: visible; } /* البلاطة: لا حدود ولا لمعة؛ خلفية لونها من لون التطبيق عند المرور فقط (روح مشغّل غوغل) */ html body .eyeerp-home #eyeerpHomeAppsGrid .eyeerp-home-app-item:not(#fx) { --c: var(--app-rgb, 150, 130, 255); padding: 8px 2px 7px; border: 0; border-radius: 14px; gap: 6px; transition: background-color .12s var(--fx-snap), scale .17s var(--fx-press), translate .17s var(--fx-press); } html body .eyeerp-home #eyeerpHomeAppsGrid .eyeerp-home-app-item:not(#fx)::before { display: none; } html body .eyeerp-home #eyeerpHomeAppsGrid .eyeerp-home-app-item:hover:not(#fx) { background: rgba(var(--c), .075); } html body .eyeerp-home #eyeerpHomeAppsGrid .eyeerp-home-app-item:active:not(#fx) { transform: none; scale: .94; translate: 0 1px; transition-duration: .03s; } html body .eyeerp-home #eyeerpHomeAppsGrid .eyeerp-home-app-item:focus-visible:not(#fx) { outline: 2px solid rgba(var(--c), .7); outline-offset: 1px; } /* الأيقونة: مربّع منحنٍ بتدرّج لون التطبيق وعمق حقيقي (ظل + حدّ داخلي بلون التطبيق) */ html body .eyeerp-home #eyeerpHomeAppsGrid .eyeerp-home-app-icon:not(#fx) { width: 38px; height: 38px; margin: 0; border: 0; border-radius: 12px; color: rgb(var(--c)); background: radial-gradient(120% 120% at 28% 12%, rgba(var(--c), .34), rgba(var(--c), 0) 62%), linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015)), #0e0820; box-shadow: inset 0 0 0 1px rgba(var(--c), .26), inset 0 1px 0 rgba(255, 255, 255, .07), 0 6px 10px -5px rgba(0, 0, 0, .7), 0 0 16px -9px rgba(var(--c), .8); transition: translate .17s var(--fx-press), scale .17s var(--fx-press), box-shadow .14s var(--fx-snap); } html body .eyeerp-home #eyeerpHomeAppsGrid .eyeerp-home-app-icon svg:not(#fx) { width: 19px; height: 19px; stroke-width: 1.6; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .5)); } html body .eyeerp-home #eyeerpHomeAppsGrid .eyeerp-home-app-item:hover .eyeerp-home-app-icon:not(#fx) { translate: 0 -1px; scale: 1.05; background-color: #0e0820; box-shadow: inset 0 0 0 1px rgba(var(--c), .42), inset 0 1px 0 rgba(255, 255, 255, .09), 0 9px 14px -6px rgba(0, 0, 0, .75), 0 0 20px -6px rgba(var(--c), .9); } html body .eyeerp-home #eyeerpHomeAppsGrid .eyeerp-home-app-name:not(#fx) { font-size: .62rem; font-weight: 600; color: rgba(255, 255, 255, .9); } html body .eyeerp-home #eyeerpHomeAppsGrid .eyeerp-home-no-results:not(#fx) { grid-column: 1 / -1; padding: 18px 0; font-size: .68rem; opacity: .6; text-align: center; } /* ظهور متتالٍ سريع للبلاطات (24ms بين كل بلاطة) عند فتح النافذة */ @keyframes dkTileIn { from { opacity: 0; translate: 0 6px; scale: .94; } } html body .eyeerp-home .eyeerp-home-settings-modal.show #eyeerpHomeAppsGrid .eyeerp-home-app-item:not(#fx) { animation: dkTileIn .2s var(--fx-snap) both; } html body .eyeerp-home .eyeerp-home-settings-modal.show #eyeerpHomeAppsGrid .eyeerp-home-app-item:nth-child(2):not(#fx) { animation-delay: 24ms; } html body .eyeerp-home .eyeerp-home-settings-modal.show #eyeerpHomeAppsGrid .eyeerp-home-app-item:nth-child(3):not(#fx) { animation-delay: 48ms; } html body .eyeerp-home .eyeerp-home-settings-modal.show #eyeerpHomeAppsGrid .eyeerp-home-app-item:nth-child(4):not(#fx) { animation-delay: 72ms; } html body .eyeerp-home .eyeerp-home-settings-modal.show #eyeerpHomeAppsGrid .eyeerp-home-app-item:nth-child(5):not(#fx) { animation-delay: 96ms; } html body .eyeerp-home .eyeerp-home-settings-modal.show #eyeerpHomeAppsGrid .eyeerp-home-app-item:nth-child(n+6):not(#fx) { animation-delay: 120ms; } /* تنقّل التابات: فتح وإغلاق أسرع بنقطة انطلاق من الأسفل (من جهة الرف) */ html body .eyeerp-home .eyeerp-home-system-apps-content:not(#fx) { transform-origin: 50% 100%; } /* ========================================================================== 3c) الإعدادات: صفحة كاملة بروح ChromeOS — عمود مركزي، بحث فوق الثيمات، فتح فوري من المنتصف (appearance.css يفرض كثيرًا بـ !important لذلك نردّ بنفس الأسلوب وبأولوية أعلى) ========================================================================== */ html body .eyeerp-home #appearanceModal .eyeerp-home-appearance-content.dk-set { padding: 0 !important; gap: 0; background: radial-gradient(120% 60% at 50% -12%, rgba(108, 63, 255, .17), transparent 62%), linear-gradient(180deg, #0c0719, #060312) !important; transform: scale(.965) !important; opacity: 0 !important; transform-origin: 50% 42%; transition: transform .2s cubic-bezier(.2, .9, .25, 1), opacity .14s linear !important; /* فتح فوري من المنتصف كنافذة ChromeOS */ } html body .eyeerp-home #appearanceModal.show .eyeerp-home-appearance-content.dk-set { transform: none !important; opacity: 1 !important; } html body .eyeerp-home #appearanceModal .dk-set__bar { position: relative; flex: none; display: flex; align-items: center; justify-content: center; height: 54px; border-bottom: 1px solid rgba(255, 255, 255, .06); } html body .eyeerp-home #appearanceModal .dk-set__title { margin: 0 !important; padding: 0; border: 0; font-size: .82rem !important; font-weight: 700; letter-spacing: 0; text-transform: none; color: rgba(255, 255, 255, .92); } html body .eyeerp-home #appearanceModal .dk-set__title::after { display: none; } html body .eyeerp-home #appearanceModal .dk-set__close { top: 11px !important; left: 16px !important; width: 32px !important; height: 32px !important; } html body .eyeerp-home #appearanceModal .dk-set__scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 20px 14px 32px; } html body .eyeerp-home #appearanceModal .dk-set__col { max-width: 620px; margin: 0 auto; display: flex; flex-direction: column; gap: 14px; } /* مربع البحث (نسخة من محرك بحث التطبيقات) بحبّة أعرض */ html body .eyeerp-home #appearanceModal .dk-set__h { margin: 0 0 10px; font-size: .72rem; font-weight: 700; letter-spacing: 0; color: rgba(255, 255, 255, .74); } /* شبكة الثيمات */ html body .eyeerp-home #appearanceModal .vr-wall-grid { grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 10px; max-width: none; margin: 0; } html body .eyeerp-home #appearanceModal .vr-wall-swatch { aspect-ratio: 16 / 10; border: 0; border-radius: 10px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .06), 0 4px 10px -5px rgba(0, 0, 0, .65); transition: translate .22s var(--fx-snap), scale .22s var(--fx-snap), box-shadow .18s var(--fx-snap); } html body .eyeerp-home #appearanceModal .vr-wall-swatch:hover { translate: 0 -1px; scale: 1.035; box-shadow: 0 0 0 1px rgba(150, 120, 255, .38), 0 10px 16px -8px rgba(0, 0, 0, .75); } html body .eyeerp-home #appearanceModal .vr-wall-swatch:active { scale: .97; translate: 0 1px; transition-duration: .04s; } html body .eyeerp-home #appearanceModal .vr-wall-swatch.is-selected { box-shadow: 0 0 0 2px #a78bfa, 0 0 0 4px rgba(108, 63, 255, .22), 0 8px 14px -8px rgba(0, 0, 0, .75); } html body .eyeerp-home #appearanceModal .vr-wall-swatch.is-selected .vr-wall-swatch__img { inset: 0; } html body .eyeerp-home #appearanceModal .vr-wall-swatch__img { border-radius: inherit; } html body .eyeerp-home #appearanceModal .vr-wall-swatch__name { font-size: .56rem; padding: 10px 5px 4px; } html body .eyeerp-home #appearanceModal .vr-wall-swatch__check { width: 16px; height: 16px; } @keyframes dkSlide { from { opacity: 0; translate: var(--dk-dx, 14px) 0; } } html body .eyeerp-home #appearanceModal .vr-wall-grid.dk-slide { animation: dkSlide .18s var(--fx-snap); } html body .eyeerp-home #appearanceModal .dk-set__empty { margin: 0; padding: 30px 0; text-align: center; font-size: .74rem; color: rgba(255, 255, 255, .5); } html body .eyeerp-home #appearanceModal .dk-set__empty[hidden], html body .eyeerp-home #appearanceModal .dk-set__pager[hidden], html body .eyeerp-home #appearanceModal .dk-set__dots[hidden] { display: none; } /* التنقل: أزرار دائرية بسهم + نقاط الصفحات، بدل «السابق/التالي» النصية */ html body .eyeerp-home #appearanceModal .dk-set__pager { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 14px 0 0; padding: 0; border: 0; } html body .eyeerp-home #appearanceModal .dk-set__pg { flex: none; width: 36px; height: 36px; padding: 0; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, .85); background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 4px 8px -4px rgba(0, 0, 0, .6); font-size: 0; } html body .eyeerp-home #appearanceModal .dk-set__pg svg { width: 18px; height: 18px; } html body .eyeerp-home #appearanceModal .dk-set__pg:hover:not(:disabled) { background: rgba(255, 255, 255, .09); border-color: rgba(150, 120, 255, .35); } html body .eyeerp-home #appearanceModal .dk-set__pg:disabled { opacity: .3; cursor: default; box-shadow: none; } html body .eyeerp-home #appearanceModal .dk-set__pageinfo { display: flex; align-items: center; gap: 10px; min-width: 70px; justify-content: center; } html body .eyeerp-home #appearanceModal .dk-set__pageinfo > span:last-child { font-size: .62rem; color: rgba(255, 255, 255, .68); font-variant-numeric: tabular-nums; } html body .eyeerp-home #appearanceModal .dk-set__dots { display: inline-flex; gap: 6px; align-items: center; } html body .eyeerp-home #appearanceModal .dk-set__dots i { display: block; width: 6px; height: 6px; border-radius: 999px; background: rgba(255, 255, 255, .22); transition: width .2s var(--fx-snap), background-color .2s var(--fx-snap); } html body .eyeerp-home #appearanceModal .dk-set__dots i.is-on { width: 18px; background: #a78bfa; } /* الإرشاد السفلي: بطاقة معلومات هادئة بدل سطر طويل */ /* ========================================================================== 3d) تنبيهات الدردشة: بطاقة الإذن (شرح قبل طلب المتصفح) وإشعار الصفحة الصغير فوق الشريط ========================================================================== */ .eyeerp-home .eyeerp-home-notif-card, .eyeerp-home .eyeerp-home-chat-toast { position: fixed; left: 50%; bottom: calc(var(--taskbar-h) + var(--taskbar-m) + var(--taskbar-gap) + 12px); z-index: 20760; translate: -50% 8px; opacity: 0; pointer-events: none; background: linear-gradient(180deg, #130c26, #0a0616); color: #fff; box-shadow: 0 0 0 1px rgba(150, 120, 255, .14), inset 0 1px 0 rgba(255, 255, 255, .04), 0 2px 4px rgba(0, 0, 0, .5), 0 16px 30px -10px rgba(0, 0, 0, .7); transition: opacity .16s var(--fx-snap), translate .2s var(--fx-snap); } .eyeerp-home .eyeerp-home-notif-card.show, .eyeerp-home .eyeerp-home-chat-toast.show { translate: -50% 0; opacity: 1; pointer-events: auto; } .eyeerp-home .eyeerp-home-notif-card[hidden], .eyeerp-home .eyeerp-home-chat-toast[hidden] { display: none; } .eyeerp-home .eyeerp-home-notif-card { display: flex; align-items: center; gap: 10px; width: min(360px, calc(100vw - 24px)); padding: 10px 12px; border-radius: 16px; } .eyeerp-home .eyeerp-home-notif-ico { flex: none; width: 32px; height: 32px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; color: #a78bfa; background: radial-gradient(120% 120% at 28% 12%, rgba(167, 139, 250, .3), rgba(167, 139, 250, 0) 62%), #0e0820; box-shadow: inset 0 0 0 1px rgba(167, 139, 250, .26); } .eyeerp-home .eyeerp-home-notif-ico svg { width: 17px; height: 17px; } .eyeerp-home .eyeerp-home-notif-txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: .62rem; line-height: 1.55; color: rgba(255, 255, 255, .74); text-wrap: pretty; } .eyeerp-home .eyeerp-home-notif-txt strong { font-size: .7rem; color: rgba(255, 255, 255, .92); } .eyeerp-home .eyeerp-home-notif-actions { flex: none; display: flex; flex-direction: column; gap: 4px; } .eyeerp-home .eyeerp-home-notif-actions button { min-width: 58px; height: 26px; padding: 0 10px; border: 0; border-radius: 999px; font: inherit; font-size: .62rem; font-weight: 700; cursor: pointer; touch-action: manipulation; transition: all .12s var(--fx-snap), scale .17s var(--fx-press); } .eyeerp-home .eyeerp-home-notif-allow { color: #fff; background: linear-gradient(180deg, #7c5cff, #5b3fe0); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 4px 10px -4px rgba(108, 63, 255, .7); } .eyeerp-home .eyeerp-home-notif-later { color: rgba(255, 255, 255, .6); background: rgba(255, 255, 255, .05); } .eyeerp-home .eyeerp-home-notif-actions button:hover { filter: brightness(1.1); } .eyeerp-home .eyeerp-home-notif-actions button:active { scale: .94; transition-duration: .03s; } .eyeerp-home .eyeerp-home-chat-toast { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 12px; border-radius: 999px; font-size: .68rem; font-weight: 600; cursor: pointer; white-space: nowrap; } .eyeerp-home .eyeerp-home-chat-toast[data-open="1"]:hover { filter: brightness(1.12); } .eyeerp-home .eyeerp-home-chat-toast__dot { width: 8px; height: 8px; border-radius: 50%; background: #fb7185; box-shadow: 0 0 8px rgba(251, 113, 133, .8); } /* ========================================================================== 4) الرئيسية والنوافذ: انبثاق سريع ولمسة ميكانيكية ========================================================================== */ html body :is(.eyeerp-home-settings-modal, .vr-modal):not(#fx) { transition-duration: .14s; } html body :is(.eyeerp-home-system-apps-content, .eyeerp-home-profile-apps-content, .eyeerp-home-appearance-content, .vr-modal-box):not(#fx) { transition-duration: .17s; transition-timing-function: var(--fx-pop); } html body :is(.vr-card, .vr-modal-btn, .vr-feed-action-btn, .vr-toolbar-btn, .vr-feed-icon-btn, .eyeerp-home-nav-btn, .eyeerp-settings-nav-item, .vr-modal-close, .vr-wall-swatch, #eyeChatRoot .tab-btn, #eyeChatRoot .contact-item, #eyeChatRoot .emoji-button, #eyeChatRoot .attach-button, #eyeChatRoot .back-to-contacts-btn):not(#fx) { transition: all .14s var(--fx-snap), scale .17s var(--fx-press), translate .17s var(--fx-press); } html body :is(.vr-card, .vr-modal-btn, .vr-feed-action-btn, .vr-toolbar-btn, .vr-feed-icon-btn, .eyeerp-home-nav-btn, .eyeerp-settings-nav-item, .vr-modal-close, .vr-wall-swatch, #eyeChatRoot .tab-btn, #eyeChatRoot .contact-item, #eyeChatRoot .emoji-button, #eyeChatRoot .attach-button, #eyeChatRoot .back-to-contacts-btn):active:not(:disabled):not(#fx) { scale: .975; translate: 0 1px; filter: brightness(.97); transition-duration: .03s; } html body :is(.vr-card--schedule, .vr-card--todo):active:not(#fx) { scale: .99; } /* ---------- زر الصوت في هيدر الرئيسية ---------- */ .dash-sound { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border-radius: 50%; cursor: pointer; color: rgba(0, 0, 0, .45); background: var(--engraved-bg, rgba(0, 0, 0, .035)); border: 1px solid rgba(0, 0, 0, .09); box-shadow: var(--engraved-shadow, none); touch-action: manipulation; transition: all .12s var(--fx-snap), scale .17s var(--fx-press); } .dash-sound:hover { color: rgba(0, 0, 0, .7); } .dash-sound:active { scale: .92; transition-duration: .03s; } .dash-sound .fx-off { display: none; } .dash-sound[aria-pressed=false] .fx-on { display: none; } .dash-sound[aria-pressed=false] .fx-off { display: block; } .dash-sound[aria-pressed=false] { opacity: .6; } /* ---------- الوصول ---------- */ html body :is(.eyeerp-home-taskbar-icon, .eyeerp-home-taskbar-home, .eyeerp-home-user-trigger, .dash-sound, .vr-logo):focus-visible:not(#fx) { outline: 2px solid rgba(0, 194, 224, .75); outline-offset: 2px; } /* ========================================================================== 5) التمركز الدقيق، العرض 90%، الجوال، شاشات 4K، والتباين ========================================================================== */ /* التاسك بار: شبكة بعمودين جانبيين متساويين ووسط auto ← الأيقونات في منتصف الشريط تمامًا مهما اختلف عرض القسمين (كان الانحراف يأتي من العرض الضيق حيث يتحول الوسط من موضع مطلق إلى هامش تلقائي بين قسمين غير متساويين) */ html body .eyeerp-home .eyeerp-home-windows-taskbar:not(#fx) { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; column-gap: 10px; left: 0; right: 0; width: 90%; max-width: calc(1800px * var(--dk-s)); margin-inline: auto; padding-inline: calc(14px * var(--dk-s) * var(--dk-tb)); } html body .eyeerp-home .eyeerp-home-taskbar-left:not(#fx) { justify-self: start; margin: 0; display: flex; align-items: center; gap: 2px; zoom: calc(var(--dk-s) * var(--dk-tb)); } html body .eyeerp-home .eyeerp-home-taskbar-right:not(#fx) { justify-self: end; margin: 0; zoom: calc(var(--dk-s) * var(--dk-tb)); } html body .eyeerp-home .eyeerp-home-taskbar-center:not(#fx) { position: relative; left: auto; right: auto; transform: none; margin: 0; justify-self: center; zoom: calc(var(--dk-s) * var(--dk-tb)); } /* شاشات 4K: تكبير متدرّج بحسب العرض (الشريط والنوافذ والعين والإعدادات) كي لا تبدو الواجهة مصغّرة */ @media (min-width: 2200px) { :root { --dk-s: 1.2; } } @media (min-width: 3000px) { :root { --dk-s: 1.45; } } @media (min-width: 3700px) { :root { --dk-s: 1.7; } } html body .eyeerp-home :is(.eyeerp-home-system-apps-content, .eyeerp-home-chat-content, .eyeerp-home-notif-card, .eyeerp-home-chat-toast):not(#fx) { zoom: var(--dk-s); } html body .eyeerp-home #appearanceModal :is(.dk-set__col, .dk-set__bar):not(#fx) { zoom: var(--dk-s); } /* الجوال: شريط بعرض الشاشة تقريبًا، أيقونات أكبر للمس، أسماء مخفية، ظلال أقل (خفّة)، والنوافذ تلائم العرض */ @media (max-width: 720px) { :root { --dk-tb: 1; --dk-blocks: .94; } html body .eyeerp-home:not(#fx) { --taskbar-h: calc(46px * var(--dk-s)); --taskbar-m: 8px; } html body .eyeerp-home .eyeerp-home-windows-taskbar:not(#fx) { width: calc(100% - 16px); max-width: none; padding-inline: 8px; column-gap: 4px; box-shadow: inset 0 -2px 4px -1px rgba(0, 0, 0, .5), 0 6px 14px -6px rgba(0, 0, 0, .7), 0 0 24px -14px rgba(108, 63, 255, .35); } html body .eyeerp-home .eyeerp-home-taskbar-icon:not(#fx) { width: 36px; height: 36px; } html body .eyeerp-home .eyeerp-home-taskbar-home:not(#fx) { width: 38px; height: 38px; margin: 0 2px; } html body .eyeerp-home .eyeerp-home-user-name:not(#fx), html body .eyeerp-home .eyeerp-home-user-info:not(#fx) { display: none; } html body .eyeerp-home .eyeerp-home-user-trigger:not(#fx) { padding: 2px; } html body .eyeerp-home .eyeerp-home-tray-toggle { width: 26px; height: 26px; } html body .eyeerp-home .eyeerp-home-chat-content:not(#fx) { max-width: min(420px, calc(100vw - 16px)); box-shadow: 0 0 0 1px rgba(150, 120, 255, .10), 0 12px 24px -10px rgba(0, 0, 0, .7); } html body .eyeerp-home .eyeerp-home-chat-modal.is-expanded .eyeerp-home-chat-content:not(#fx) { max-width: calc(100vw - 16px); width: calc(100vw - 16px); } html body .eyeerp-home .eyeerp-home-system-apps-content:not(#fx) { box-shadow: 0 0 0 1px rgba(150, 120, 255, .12), 0 12px 24px -10px rgba(0, 0, 0, .7); } html body .eyeerp-home #appearanceModal .vr-wall-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } html body .eyeerp-home #appearanceModal .dk-set__scroll { padding: 14px 12px 28px; } .eyeerp-home .eyeerp-home-notif-card { width: calc(100vw - 16px); } } @media (pointer: coarse) { html body .eyeerp-home .eyeerp-home-taskbar-icon:not(#fx) { min-width: 36px; min-height: 36px; } html body .eyeerp-home #appearanceModal .dk-set__pg { width: 42px; height: 42px; } } /* تباين أعلى عند طلب النظام (prefers-contrast) أو الألوان المفروضة */ @media (prefers-contrast: more) { html body .eyeerp-home .eyeerp-home-windows-taskbar:not(#fx) { background: linear-gradient(180deg, #0c0719, #060312) padding-box, linear-gradient(180deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, .3)) border-box; } html body .eyeerp-home :is(.eyeerp-home-system-apps-content, .eyeerp-home-chat-content):not(#fx) { border-color: rgba(255, 255, 255, .45); box-shadow: none; } html body .eyeerp-home .eyeerp-home-taskbar-icon:not(#fx) svg, html body .eyeerp-home .eyeerp-home-tray-toggle { color: #fff; } html body .eyeerp-home #eyeerpHomeAppsGrid .eyeerp-home-app-name:not(#fx), .eyeerp-home .eyeerp-home-notif-txt, html body .eyeerp-home #appearanceModal .dk-set__h { color: #fff; } html body .eyeerp-home #appearanceModal .vr-wall-swatch { box-shadow: 0 0 0 1px rgba(255, 255, 255, .5); } } @media (forced-colors: active) { html body .eyeerp-home .eyeerp-home-windows-taskbar:not(#fx), html body .eyeerp-home :is(.eyeerp-home-system-apps-content, .eyeerp-home-chat-content):not(#fx) { border: 1px solid CanvasText; background: Canvas; } } /* ========================================================================== 6) الصفحة الرئيسية: نسبة وتناسب وواقعية (فكرة «فيلم SD على شاشة كبيرة» ← «صورة عالية الدقة») • البلوكات أصغر 10% بتفاصيل أدقّ، والتاسك بار أكبر 10% فيصير هو المرجع المعياري للصفحة • أسطح شبه صلبة بظلال متعددة الطبقات (تماس + قريب + بعيد) بدل الزجاج الشفاف، ونصوص بوزن موحّد • عمق خلفي (تعتيم أطراف + لمسة لون بحسب وقت اليوم) وظهور هادئ متتابع، لمقاومة الرتابة دون إلهاء ========================================================================== */ html body :is(.vr-weather-card, .vr-feed-composer, .vr-page):not(#fx) { zoom: calc(var(--dk-blocks) * var(--dk-s)); } html body .vr-frame:not(#fx) { margin-bottom: calc(44px + 18px + 16px + var(--safe-b, 0px)); } /* مساحة للتاسك بار الأكبر والأعلى قليلًا */ /* خلل خطّي: letter-spacing على العربية يفكّ اتصال الحروف (كان 1–2px على «مدير النظام» ووصف الطقس وعناوين البطاقات) */ html body :is(.vr-w-role, .vr-w-desc, .vr-w-name, .vr-sch-title, .vr-sch-date, .vr-todo-label, .vr-todo-sub, .vr-logo-name, .vr-w-tempn, .vr-todo-num, .eyeerp-home-user-trigger *):not(#fx) { letter-spacing: 0; } html body :is(.vr-w-tempn, .vr-todo-num, .vr-si-time, .vr-sch-date):not(#fx) { font-variant-numeric: tabular-nums lining-nums; } /* أوزان موحّدة: أرقام وعناوين كبرى 800 (بدل 900)، عناوين 700، نص 600 */ html body :is(.vr-w-tempn, .vr-todo-num, .vr-logo-name):not(#fx) { font-weight: 800; } /* بيانات المستخدم: محاذاة بصرية واحدة (الصورة | كتلة نص متوسّطة عموديًا وبداية سطر واحدة) مع ظل نص يحفظ الوضوح على أي خلفية */ html body .vr-wc-user:not(#fx) { gap: 11px; align-items: center; } html body .vr-wc-userinfo:not(#fx) { gap: 4px; align-items: flex-start; justify-content: center; } html body .vr-w-name:not(#fx) { font-size: 13.5px; font-weight: 800; line-height: 1.3; unicode-bidi: plaintext; text-align: start; text-shadow: 0 1px 2px rgba(0, 0, 0, .5); } html body .vr-w-role:not(#fx) { font-size: 10.5px; font-weight: 700; line-height: 1.25; padding: 3px 10px; background: rgba(10, 8, 22, .66); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 2px 5px -2px rgba(0, 0, 0, .5); } html body .vr-w-branch:not(#fx) { font-size: 10px; font-weight: 600; line-height: 1.3; color: rgba(255, 255, 255, .86); text-shadow: 0 1px 2px rgba(0, 0, 0, .5); } html body .vr-w-tempn:not(#fx) { line-height: 1.05; text-shadow: 0 2px 6px rgba(0, 0, 0, .4); } html body .vr-w-desc:not(#fx) { font-weight: 700; color: rgba(255, 255, 255, .88); text-shadow: 0 1px 3px rgba(0, 0, 0, .45); } html body .vr-wc-divider:not(#fx) { background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, .30), transparent); } /* اسم المستخدم في التاسك بار: بداية سطر موحّدة ومحاذاة لاتينية/عربية سليمة */ html body .eyeerp-home .eyeerp-home-user-name:not(#fx) { unicode-bidi: plaintext; text-align: start; font-weight: 700; line-height: 1.25; } html body .eyeerp-home .eyeerp-home-user-trigger [class*="eyeerp-home-user-role"]:not(#fx) { font-weight: 600; line-height: 1.25; } /* البطاقات: أسطح شبه صلبة، زوايا أدق (16)، وظل واقعي من ثلاث طبقات + حدّ داخلي دقيق */ html body .vr-card:not(#fx) { -webkit-backdrop-filter: none; backdrop-filter: none; border-radius: 16px; } html body .vr-card--schedule:not(#fx) { background: linear-gradient(180deg, rgba(251, 251, 254, .97), rgba(240, 241, 247, .97)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 -1px 0 rgba(20, 24, 48, .06), 0 1px 1px rgba(8, 12, 30, .16), 0 4px 8px -2px rgba(8, 12, 30, .20), 0 16px 26px -12px rgba(8, 12, 30, .38); } html body .vr-card--todo:not(#fx) { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), inset 0 0 0 1px rgba(150, 120, 255, .10), 0 1px 1px rgba(0, 0, 0, .4), 0 5px 10px -3px rgba(0, 0, 0, .4), 0 18px 28px -12px rgba(0, 0, 0, .55); } html body .vr-card--profile:not(#fx) { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), inset 0 -2px 4px rgba(120, 50, 0, .18), 0 1px 1px rgba(120, 50, 0, .30), 0 6px 10px -3px rgba(150, 70, 0, .32), 0 18px 28px -12px rgba(150, 70, 0, .45); } /* عمق خلف المحتوى: تعتيم أطراف خفيف (يركّز النظر في الوسط) + لمسة لون من وقت اليوم (يضبطها dash-fx.js) = تنوّع هادئ يكسر الرتابة */ html body .inner > .vr-frame:not(#fx) { position: relative; z-index: 1; } html body .inner:not(#fx)::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; border-radius: inherit; background: radial-gradient(130% 95% at 50% 42%, rgba(0, 0, 0, 0) 52%, rgba(3, 5, 14, .42) 100%), var(--dk-tod, linear-gradient(transparent, transparent)); } :root[data-tod="morning"] { --dk-tod: linear-gradient(180deg, rgba(255, 196, 120, .11), rgba(255, 196, 120, 0) 58%); } :root[data-tod="noon"] { --dk-tod: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, 0) 60%); } :root[data-tod="evening"] { --dk-tod: linear-gradient(180deg, rgba(255, 120, 90, .12), rgba(120, 70, 200, .10)); } :root[data-tod="night"] { --dk-tod: linear-gradient(180deg, rgba(20, 30, 90, .22), rgba(10, 10, 40, .18)); } /* ظهور متتابع هادئ للبلوكات عند التحميل (بلا قفز): 0.3s، فارق 60ms */ @keyframes dkBlockIn { from { opacity: 0; translate: 0 8px; } } html body .vr-weather-card:not(#fx) { animation: dkBlockIn .3s var(--fx-snap) both; } html body .vr-feed-composer:not(#fx) { animation: dkBlockIn .3s var(--fx-snap) .06s both; } html body .vr-card:not(#fx) { animation: dkBlockIn .32s var(--fx-snap) .12s both; } html body .vr-card--todo:not(#fx) { animation-delay: .18s; } html body .vr-card--profile:not(#fx) { animation-delay: .24s; } @media (prefers-reduced-motion: reduce) { html body :is(.vr-weather-card, .vr-feed-composer, .vr-card):not(#fx) { animation: none; } } /* ---------- تقليل الحركة: لا عين متحركة ولا اهتزاز ولا ضغط ---------- */ @media (prefers-reduced-motion: reduce) { html body .eyeerp-home #appearanceModal .eyeerp-home-appearance-content.dk-set { transform: none !important; transition: opacity .1s linear !important; } html body .eyeerp-home #appearanceModal .vr-wall-grid.dk-slide, html body .eyeerp-home .eyeerp-home-connection-status:not(#fx) { animation: none; } .eyeerp-home .eyeerp-home-tray-toggle svg, html body .eyeerp-home .eyeerp-home-taskbar-clock:not(#fx) { transition: none; } html body .eyeerp-home .eyeerp-home-settings-modal.show #eyeerpHomeAppsGrid .eyeerp-home-app-item:not(#fx) { animation: none; } .eye-orb, .eye-orb::before, .eye-orb::after { animation: none; } html body #eyeChatRoot .messenger-window:not(#fx), html body .eyeerp-home .eyeerp-home-windows-taskbar:not(#fx) { animation: none; } html body :is(.eyeerp-home-taskbar-icon, .eyeerp-home-taskbar-home, .eyeerp-home-user-trigger, .vr-card, .dash-sound):active:not(#fx) { scale: none; translate: none; } }