/* ==========================================================================
   wowme-ux-shared.css — UX_QW_V1 (week-1 quick wins, restrained)  13/11/2026
   ملف واحد مشترك: WOW / SLIM / EMZ / REBOOT / Dubai / Booking Hub / WMS / لوحة المالك.
   الرجوع: ux-switch.sh off (أو شيل سطر الـ <link> / rollback.sh). مفيش تغيير في: حجم الخط الأساسي /
   الخلفيات / ألوان الأزرار الأساسية / ألوان خلفية المنيو.
   ========================================================================== */
:root{--w-ux:1;--w-ink:#1F2433;--w-muted:#5B6475;--w-danger:#B42318;--w-gold:#E8C766;
  --w-ease:cubic-bezier(.2,.7,.2,1);--w-t-fast:120ms;--w-t:150ms}

/* 1) تباين / وضوح ------------------------------------------------------- */
.text-muted,.text-secondary{color:var(--w-muted)!important}
small,.small{font-size:max(12px,80%)}
.badge{font-size:max(12px,75%)}
:where(table.dataTable,table.table):where(:not(.table-dark)) thead:where(:not(.thead-dark)) th{font-size:13px;font-weight:600;color:var(--w-muted)}
/* LG01: زرار الدخول/التحذير — نص أبيض على أصفر (1.6:1) → نص غامق */
.btn-warning,.btn-warning.text-white,.btn-warning:hover,.btn-warning:focus{color:var(--w-ink)!important}
.btn-info,.btn-info:hover,.btn-info:focus{color:var(--w-ink)}
/* focus ظاهر للكيبورد (الحقول بتفضل على الـ glow بتاعها) */
a:focus-visible,button:focus-visible,[role=button]:focus-visible,summary:focus-visible,
.btn:focus-visible,.page-link:focus-visible,.dropdown-item:focus-visible,.nav-link:focus-visible{outline:2px solid #1D4ED8!important;outline-offset:2px}
.c-sidebar a:focus-visible,.c-sidebar button:focus-visible{outline:2px solid var(--w-gold)!important;outline-offset:-2px}

/* 2) المنيو الجانبي (CoreUI): تظليل أبيض خفيف، ألوان الهوية زي ما هي ------------------ */
body .c-sidebar .c-sidebar-nav-link,body .c-sidebar .c-sidebar-nav-dropdown-toggle{position:relative;text-decoration:none!important}
body .c-sidebar .c-sidebar-nav-link:hover,body .c-sidebar .c-sidebar-nav-dropdown-toggle:hover{
  background-color:rgba(255,255,255,.08)!important;color:#fff!important;text-decoration:none!important}
body .c-sidebar .c-sidebar-nav-link.c-active,body .c-sidebar .c-sidebar-nav-link.active{
  background-color:rgba(255,255,255,.14)!important;color:#fff!important;font-weight:600}
body .c-sidebar .c-sidebar-nav-link.c-active::before,body .c-sidebar .c-sidebar-nav-link.active::before{
  content:"";position:absolute;inset-block:6px;inset-inline-start:0;width:3px;border-radius:3px;background:var(--w-gold)}
@media (prefers-reduced-motion:no-preference){
  body .c-sidebar .c-sidebar-nav-link,body .c-sidebar .c-sidebar-nav-dropdown-toggle{transition:background-color var(--w-t) linear}
  body .c-sidebar .c-sidebar-nav-link.c-active::before,body .c-sidebar .c-sidebar-nav-link.active::before{animation:w-bar-in var(--w-t) var(--w-ease) both}
}
@keyframes w-bar-in{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* 2b) تنقل الداشبورد/التقارير الداخلي (بنفسجي): لوحة المالك (.navi) + التقارير المتقدمة (.ar-nav) ---- */
.navi:hover,.ar-nav button:hover{background:rgba(91,63,160,.07)}
.navi[aria-current="page"],.ar-nav button.active{background:rgba(91,63,160,.12);color:var(--brand,#5b3fa0);font-weight:600}
html[dir=rtl] .navi[aria-current="page"],.ar .ar-nav button.active{box-shadow:inset -3px 0 0 var(--brand,#5b3fa0)}
html[dir=ltr] .navi[aria-current="page"]{box-shadow:inset 3px 0 0 var(--brand,#5b3fa0)}
.navi:focus-visible,.ar-nav button:focus-visible{outline:2px solid var(--brand,#5b3fa0);outline-offset:-2px}

/* 3) أرقام / فلوس: عزل BiDi، tabular، سالب أحمر (الكلاسات بيحطها wowme-ux-shared.js على الخلايا الرقمية) --- */
.num,.money,.w-num{unicode-bidi:isolate;direction:ltr;font-variant-numeric:tabular-nums;white-space:nowrap}
[dir=rtl] .w-num:not([style*="text-align"]){text-align:right}   /* نفس محاذاة الخلية الأصلية في الجداول العربي بعد عزل الاتجاه */
.w-neg,.num.neg,.money.neg{color:var(--w-danger)}
bdi,.bidi-iso{unicode-bidi:isolate}

/* 4) حركات خفيفة: بس على أجهزة فيها hover + من غير reduced-motion. مفيش حركة على حقول الإدخال ---------- */
@media (hover:hover){
  .table tbody tr:hover>td,.table tbody tr:hover>th,table.dataTable tbody tr:hover>td{box-shadow:inset 0 0 0 9999px rgba(29,78,216,.055)}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .btn{transition:transform var(--w-t) var(--w-ease),box-shadow var(--w-t) var(--w-ease),background-color var(--w-t),border-color var(--w-t),color var(--w-t)}
  .btn:not(:disabled):not(.disabled):not(.btn-block):hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(16,24,40,.14)}
  .btn-group>.btn:not(:disabled):hover,.input-group .btn:not(:disabled):hover,.dt-buttons .btn:hover{transform:none;box-shadow:none}
  .btn:not(:disabled):not(.disabled):active{transform:none;box-shadow:none;transition-duration:60ms}
  .table tbody td,table.dataTable tbody td{transition:box-shadow var(--w-t-fast) linear}
  .table tbody td:last-child>.btn,table.dataTable tbody td:last-child>.btn{opacity:.82;transition:opacity var(--w-t-fast) linear}
  .table tbody tr:hover td:last-child>.btn,.table tbody tr:focus-within td:last-child>.btn,table.dataTable tbody tr:hover td:last-child>.btn{opacity:1}
  .w-card-hover,.ar-kpi,.kpi{transition:box-shadow var(--w-t) var(--w-ease),transform var(--w-t) var(--w-ease)}
  .w-card-hover:hover,.ar-kpi:hover,.kpi:hover{box-shadow:0 4px 14px rgba(16,24,40,.10);transform:translateY(-1px)}
}

/* 5) Skeleton للإطارات (JS بيحطه فوق الـ iframe لحد ما يخلص تحميل) ------------------------------ */
.w-skel-host{position:relative}
.w-skel-ov{position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:6px;background:#F4F5FA;overflow:hidden;transition:opacity 150ms linear}
.w-skel-ov::before{content:"";position:absolute;inset:16px;border-radius:10px;background:linear-gradient(90deg,#E8EAF2 25%,#F6F7FB 50%,#E8EAF2 75%);background-size:200% 100%;
  -webkit-mask:linear-gradient(#000 0 0) top/100% 56px no-repeat,linear-gradient(#000 0 0) 0 80px/32% 180px no-repeat,linear-gradient(#000 0 0) 50% 80px/32% 180px no-repeat,linear-gradient(#000 0 0) 100% 80px/32% 180px no-repeat,linear-gradient(#000 0 0) 0 290px/100% 260px no-repeat;
  mask:linear-gradient(#000 0 0) top/100% 56px no-repeat,linear-gradient(#000 0 0) 0 80px/32% 180px no-repeat,linear-gradient(#000 0 0) 50% 80px/32% 180px no-repeat,linear-gradient(#000 0 0) 100% 80px/32% 180px no-repeat,linear-gradient(#000 0 0) 0 290px/100% 260px no-repeat}
@media (prefers-reduced-motion:no-preference){.w-skel-ov::before{animation:w-shimmer 1.2s linear infinite}}
@keyframes w-shimmer{to{background-position:-200% 0}}
.w-skel-ov.w-out{opacity:0}

/* 6) ارتفاع الإطارات (قسم 4 في المراجعة): من غير scrollbar مزدوج ------------------------------ */
.wow-inventory-shell{height:calc(100dvh - 73px)!important;min-height:520px}
#odFrame{height:calc(100dvh - 72px)!important;min-height:520px!important}
iframe[title="Booking Hub"]{height:calc(100dvh - 105px)!important;min-height:480px}
@media (max-width:767px){.wow-inventory-shell{height:calc(100dvh - 64px)!important;min-height:480px}}

/* 7) reduced-motion */
@media (prefers-reduced-motion:reduce){.w-skel-ov::before{animation:none}body .c-sidebar .c-sidebar-nav-link::before{animation:none!important}}