/* ============================================================
   Chatsky UI-Kit — الطبقة المشتركة (tokens + مكوّنات مجمّلة)
   تُكتب مرّة وتستعملها كل الواجهات. كل واجهة تحتفظ بهويتها عبر
   تغيير --uk-accent فقط (لا تكرار). المكوّنات مُنمّطة uk- لئلّا
   تصطدم بـBootstrap. راجع: مقترح واجهة الأدمن (2026-07-19).
   ============================================================ */
:root{
  /* هوية الأدمن (سماوي كما هو) — كل واجهة تُعيد ضبط هذين فقط */
  --uk-accent:#00b4d8; --uk-accent-strong:#0090ad; --uk-accent-2:#33c6e6;
  --uk-accent-soft:rgba(0,180,216,.13);
  --uk-navy:#123a52; --uk-navy-2:#0f2e42;

  --uk-ok:#16a34a; --uk-ok-soft:rgba(22,163,74,.14);
  --uk-warn:#e08a00; --uk-warn-soft:rgba(224,138,0,.15);
  --uk-crit:#e23b3b; --uk-crit-soft:rgba(226,59,59,.13);
  --uk-radius:11px; --uk-radius-sm:8px;

  --uk-bg:#e9edf5; --uk-panel:#fff; --uk-panel-2:#f3f6fb; --uk-panel-3:#eaeff7;
  --uk-text:#161f38; --uk-text-2:#39445f; --uk-muted:#697690;
  --uk-border:#e0e6f0; --uk-border-2:#d1dae8;
  --uk-shadow:0 1px 2px rgba(20,30,60,.05),0 8px 22px rgba(20,30,60,.06);
}
@media (prefers-color-scheme:dark){:root{
  --uk-bg:#0a1020; --uk-panel:#121a2e; --uk-panel-2:#0f1728; --uk-panel-3:#18233c;
  --uk-text:#e8edf7; --uk-text-2:#b6c1d8; --uk-muted:#8493ad;
  --uk-border:#212d47; --uk-border-2:#2b3956;
  --uk-shadow:0 1px 2px rgba(0,0,0,.3),0 10px 26px rgba(0,0,0,.4);
}}
:root[data-theme="dark"]{--uk-bg:#0a1020;--uk-panel:#121a2e;--uk-panel-2:#0f1728;--uk-panel-3:#18233c;--uk-text:#e8edf7;--uk-text-2:#b6c1d8;--uk-muted:#8493ad;--uk-border:#212d47;--uk-border-2:#2b3956;--uk-shadow:0 1px 2px rgba(0,0,0,.3),0 10px 26px rgba(0,0,0,.4)}
:root[data-theme="light"]{--uk-bg:#e9edf5;--uk-panel:#fff;--uk-panel-2:#f3f6fb;--uk-panel-3:#eaeff7;--uk-text:#161f38;--uk-text-2:#39445f;--uk-muted:#697690;--uk-border:#e0e6f0;--uk-border-2:#d1dae8;--uk-shadow:0 1px 2px rgba(20,30,60,.05),0 8px 22px rgba(20,30,60,.06)}

/* أدوات صغيرة */
.uk-num{font-variant-numeric:tabular-nums;letter-spacing:.2px;white-space:nowrap}
.uk-ic{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;vertical-align:-2px}

/* ===== الأزرار: ب أساسي (ناعم مصبوغ) · أ ثانوي (ممتلئ بتدرّج) ===== */
.uk-btn{font-family:inherit;font-weight:650;border:1px solid transparent;cursor:pointer;display:inline-flex;
  align-items:center;gap:7px;white-space:nowrap;font-size:13px;padding:9px 14px;border-radius:var(--uk-radius-sm);
  transition:transform .05s,background .13s,border .13s,filter .13s;text-decoration:none;line-height:1.2}
.uk-btn:active{transform:translateY(1px)}
.uk-btn:focus-visible{outline:2px solid var(--uk-accent);outline-offset:2px}
.uk-btn.sm{font-size:12px;padding:6px 11px}
.uk-btn.primary{background:var(--uk-accent-soft);color:var(--uk-accent-strong)}
.uk-btn.primary:hover{background:rgba(0,180,216,.22);color:var(--uk-accent-strong)}
.uk-btn.secondary{background:linear-gradient(180deg,var(--uk-accent-2),var(--uk-accent));color:#fff;
  box-shadow:0 2px 5px var(--uk-accent-soft),inset 0 1px 0 rgba(255,255,255,.25)}
.uk-btn.secondary:hover{filter:brightness(1.05);color:#fff}
.uk-btn.ghost{background:var(--uk-panel-2);color:var(--uk-text-2);border-color:var(--uk-border-2)}
.uk-btn.ghost:hover{border-color:var(--uk-accent);color:var(--uk-accent)}
.uk-btn.danger{background:var(--uk-crit-soft);color:var(--uk-crit)}
.uk-btn.danger:hover{background:rgba(226,59,59,.2)}
.uk-btn.glass{background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.22)}
.uk-btn.glass:hover{background:rgba(255,255,255,.26);color:#fff}

/* ===== البطاقات ===== */
.uk-card{background:var(--uk-panel);border:1px solid var(--uk-border);border-radius:var(--uk-radius);box-shadow:var(--uk-shadow);overflow:hidden}
.uk-box{border:1px solid var(--uk-border);border-radius:var(--uk-radius);overflow:hidden;background:var(--uk-panel)}
.uk-box-h{padding:13px 16px;border-bottom:1px solid var(--uk-border);font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;background:var(--uk-panel-2)}
.uk-box-h .mini{margin-inline-start:auto;font-size:12px;color:var(--uk-muted);font-weight:500}
.uk-box-b{padding:16px}

/* ===== حالات (Pills) ===== */
.uk-pill{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:5px}
.uk-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.uk-pill.ok{color:var(--uk-ok);background:var(--uk-ok-soft)}
.uk-pill.warn{color:var(--uk-warn);background:var(--uk-warn-soft)}
.uk-pill.crit{color:var(--uk-crit);background:var(--uk-crit-soft)}
.uk-pill.muted{color:var(--uk-muted);background:var(--uk-panel-3)}
.uk-pill.live::before{box-shadow:0 0 0 3px var(--uk-ok-soft)}

/* ===== جداول — تلتفّ لتسع الصفحة كاملةً بلا تمرير ===== */
.uk-tw{border:1px solid var(--uk-border);border-radius:var(--uk-radius);overflow:hidden}
.uk-table{width:100%;border-collapse:collapse;table-layout:auto}
.uk-table th{text-align:start;font-size:11px;letter-spacing:.5px;color:var(--uk-muted);font-weight:700;padding:11px 15px;background:var(--uk-panel-2);white-space:normal}
.uk-table td{padding:11px 15px;border-top:1px solid var(--uk-border);font-size:13px;white-space:normal;word-break:break-word;color:var(--uk-text)}
.uk-table tbody tr:hover{background:var(--uk-panel-2)}

/* ===== تبويبات ===== */
.uk-tabs{display:flex;gap:2px;border-bottom:1px solid var(--uk-border);flex-wrap:wrap}
.uk-tabs button{padding:14px 15px;font-size:13.5px;color:var(--uk-muted);background:0;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:7px;white-space:nowrap}
.uk-tabs button.on{color:var(--uk-accent);border-color:var(--uk-accent)}
.uk-tab-panel{display:none}
.uk-tab-panel.on{display:block;animation:uk-fade .28s ease}
@keyframes uk-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.uk-tab-panel.on{animation:none}}

/* ===== شريط استهلاك ===== */
.uk-bar{height:9px;border-radius:20px;background:var(--uk-panel-3);overflow:hidden}
.uk-bar>i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--uk-accent),var(--uk-accent-2))}

/* ===== نافذة + إشعار ===== */
.uk-overlay{position:fixed;inset:0;background:rgba(10,18,36,.5);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:1050;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;padding:20px}
.uk-overlay.open{opacity:1;visibility:visible}
.uk-modal{background:var(--uk-panel);border:1px solid var(--uk-border);border-radius:16px;width:420px;max-width:100%;box-shadow:0 30px 80px rgba(0,0,0,.4);transform:scale(.94) translateY(10px);transition:transform .22s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.uk-overlay.open .uk-modal{transform:none}
.uk-toast{position:fixed;inset-block-end:24px;inset-inline-start:50%;transform:translate(-50%,80px);background:var(--uk-navy);color:#fff;padding:13px 20px;border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.35);display:flex;align-items:center;gap:10px;font-weight:600;font-size:13.5px;z-index:1060;opacity:0;transition:transform .35s cubic-bezier(.2,.9,.2,1),opacity .35s}
.uk-toast.show{transform:translate(-50%,0);opacity:1}

/* ===== خطّ أساس مريح ومتجاوب مع حجم الشاشة =====
   جذر متغيّر بـclamp: ~15px على الحواسيب (أخفّ من 16 الافتراضي = أريح للعين)،
   يتقلّص بلطف على الشاشات الصغيرة ويبقى مقروءاً. يقيس كل عناصر rem (بوتستراب). */
html{font-size:clamp(13.5px, 0.35vw + 12.3px, 15px)}

/* ===== إصلاح تسرّب لون الشريط الجانبي إلى تبويبات المحتوى =====
   قواعد .nav-link العامة (لون شبه أبيض للشريط الداكن) كانت تجعل نصّ تبويبات
   nav-tabs غير المفعّلة غير مرئي على الخلفية الفاتحة. نخصّص تبويبات المحتوى فقط
   (الشريط الجانبي .sidebar-nav غير متأثّر لأنه ليس nav-tabs). */
.nav-tabs .nav-link{color:var(--uk-text-2);border-right:0}
.nav-tabs .nav-link:hover{color:var(--uk-accent)}
.nav-tabs .nav-link.active{color:var(--uk-accent)}
.nav-pills .nav-link:not(.active){color:var(--uk-text-2)}

/* ===== مربّع بحث الشريط الجانبي يبقى ثابتاً أثناء التمرير ===== */
.sidebar-search-box{
  position:sticky !important;top:0;z-index:6;
  background:#16213e;               /* يطابق تدرّج الشريط عند موضع القائمة */
  margin:-8px -14px 8px !important; /* يغطّي حشوة nav العلوية ويمتدّ لكامل العرض */
  padding:10px 14px !important;
  box-shadow:0 8px 14px -8px rgba(0,0,0,.55);
}

/* ===== زر تسجيل الخروج — أصغر وأخفّ ===== */
.logout-btn{padding:8px 14px !important;border-radius:10px !important;font-weight:600 !important;font-size:.82rem !important;gap:8px !important}
.logout-btn i{font-size:.9em}

/* ===== هوية لكل واجهة (تُبقي ثيمها كما هو — تغيّر --uk-accent فقط) ===== */
body.pos-app{--uk-accent:#5b21b6;--uk-accent-strong:#4c1d95;--uk-accent-2:#a78bfa;--uk-accent-soft:rgba(91,33,182,.13);--uk-navy:#1e1245;--uk-navy-2:#2d1b69}
body.portal-app{--uk-accent:#4338ca;--uk-accent-strong:#372da3;--uk-accent-2:#818cf8;--uk-accent-soft:rgba(67,56,202,.14);--uk-navy:#1e1b4b;--uk-navy-2:#13112e}