/* الزاد — أنماط الواجهة (مُستخرجة من index.php — خطة تقسيم الكود، الخطوة 1) */
/* ═══════════════════════════════════════════════════════════════
   الزاد — Design System v3  |  Tajawal · HSL palette · Soft UI
═══════════════════════════════════════════════════════════════ */

:root{
  /* HSL design tokens (مطابقة للمنصة المرجعية) */
  --background:210 20% 98%; --foreground:215 25% 15%;
  --card-h:0 0% 100%;       --muted:210 16% 93%;  --muted-fg:215 12% 45%;
  --border-h:214 15% 88%;   --input-h:214 15% 85%;
  --primary:174 84% 28%;    --primary-fg:0 0% 100%;
  --accent-h:174 60% 94%;   --accent-fg:174 84% 20%;
  --destructive:0 72% 46%;

  /* خريطة الأسماء القديمة → القيم الجديدة (كل الـ JS يستخدم هذه) */
  --tl:  hsl(174 84% 28%);  --tl2: hsl(174 84% 34%);
  --tl3: hsl(174 60% 94%);  --tl4: hsl(174 55% 86%);
  --gn:  hsl(160 70% 34%);  --gnl: hsl(160 60% 95%);
  --rd:  hsl(0 72% 46%);    --rdl: hsl(0 70% 96%);
  --am:  hsl(35 90% 44%);   --aml: hsl(40 90% 95%);
  --bl:  hsl(210 75% 42%);  --bll: hsl(210 70% 95%);
  --bg:  hsl(210 20% 98%);  --bg2: hsl(210 16% 95%);
  --wh:  hsl(0 0% 100%);
  --bd:  hsl(214 15% 88%);  --bd2: hsl(214 15% 82%);
  --t1:  hsl(215 25% 15%);  --t2:  hsl(215 15% 35%);  --t3: hsl(215 12% 45%);
  --sb:  hsl(0 0% 100%);
  --card-bg: hsl(0 0% 100%); --card-bd: hsl(214 15% 88%);
  --input-bg: hsl(0 0% 100%);
  --topbar-bg: hsl(210 20% 98% / .85); --topbar-bd: hsl(214 15% 88%);
  --dash-bg: hsl(210 20% 98%);

  --r:10px; --r2:16px; --r3:20px;
  --sh:  0 1px 2px 0 hsl(215 25% 15% / .05);
  --sh2: 0 4px 16px -2px hsl(215 25% 15% / .10);
}

*{ box-sizing:border-box; }
html{ -webkit-font-smoothing:antialiased; }
body{
  background:var(--bg); color:var(--t1);
  font-family:"Tajawal","Segoe UI",system-ui,sans-serif;
  font-size:14px; margin:0; line-height:1.55;
}
a{ color:inherit; }

/* ── Topbar: sticky + blur (مطابق للمرجع) ── */
.topbar{
  background:var(--topbar-bg);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--topbar-bd);
  padding:0 24px; height:64px;
  display:flex; align-items:center; justify-content:space-between;
  position:sticky; top:0; z-index:50;
}
.tbt{ font-size:17px; font-weight:800; color:var(--t1); letter-spacing:-.2px; }

/* ── Sidebar: فاتح بحد فاصل (تحوّل جذري من الداكن) ── */
#sb{
  background:var(--sb) !important;
  border-left:1px solid var(--bd);
  box-shadow:none;
}
.sbl{ padding:0 20px; height:64px; display:flex; align-items:center; gap:10px; border-bottom:1px solid var(--bd); }
.sblm{ font-size:22px; }
.sbln{ font-size:15px; font-weight:800; color:var(--t1); letter-spacing:.2px; }
.sbls{ font-size:10px; color:var(--t3); letter-spacing:1.5px; }
.sbs{ font-size:10px; font-weight:700; color:var(--t3); letter-spacing:1.4px; text-transform:uppercase; padding:16px 20px 6px; }
.sbi{
  display:none; width:calc(100% - 16px); text-align:right;
  padding:9px 12px; margin:1px 8px;
  background:none; border:none; border-radius:10px;
  color:var(--t2); font-size:13.5px; font-weight:500; font-family:inherit;
  cursor:pointer; gap:8px; align-items:center; transition:.14s;
}
.sbi:hover{ background:hsl(var(--muted) / .6); color:var(--t1); }
.sbi.active{ background:var(--tl3); color:hsl(var(--accent-fg)); font-weight:700; }
.sbico{ font-size:13px; opacity:.65; margin-left:8px; }
.sbdot{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:17px; height:17px; background:var(--rd); border-radius:20px;
  font-size:9.5px; font-weight:800; color:#fff; margin-right:auto; padding:0 4px;
}
.sbtop{ margin-top:12px; }

/* ── مجموعات القائمة القابلة للطي ── */
.sbgrp{ margin:2px 0; }
.sbgh{ display:flex; align-items:center; gap:8px; padding:12px 20px 4px; cursor:pointer; user-select:none; }
.sbgh-lbl{ font-size:10px; font-weight:700; color:var(--t3); letter-spacing:1.3px; text-transform:uppercase; flex:1; }
.sbgh-chev{ font-size:9px; color:var(--t3); transition:transform .18s; }
.sbgrp.open .sbgh-chev{ transform:rotate(90deg); }
.sbgrp-items{ display:none; }
.sbgrp.open .sbgrp-items{ display:block; }

/* ── البطاقات: rounded-2xl + حد + ظل ناعم ── */
.card{
  background:var(--card-bg); border:1px solid var(--card-bd);
  border-radius:var(--r2); margin-bottom:16px;
  box-shadow:var(--sh); transition:box-shadow .18s;
}
.card:hover{ box-shadow:var(--sh2); }
.ch{ display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-bottom:1px solid var(--bd); gap:10px; flex-wrap:wrap; }
.ct{ font-size:15px; font-weight:800; color:var(--t1); }
.cs{ font-size:12.5px; color:var(--t3); margin-top:2px; }
.tw{ overflow-x:auto; }

/* ── الجداول ── */
table{ width:100%; border-collapse:collapse; font-size:13px; }
th{
  padding:11px 16px; text-align:right; font-size:11.5px; font-weight:700;
  color:var(--t3); background:hsl(var(--muted) / .5);
  border-bottom:1px solid var(--bd); white-space:nowrap;
}
td{ padding:12px 16px; border-bottom:1px solid var(--bd); color:var(--t2); vertical-align:middle; }
tr:last-child td{ border-bottom:none; }
tr.cl{ cursor:pointer; transition:.12s; }
tr.cl:hover{ background:hsl(var(--muted) / .35); }
.tdm{ font-weight:700; color:var(--t1); }
.tb2{ background:var(--tl3); }

/* ── الأزرار: h-10 rounded-lg (لغة المرجع) ── */
.btn{
  border:none; border-radius:10px; padding:9px 18px;
  font-size:13.5px; font-weight:700; cursor:pointer; font-family:inherit;
  transition:.15s; display:inline-flex; align-items:center; gap:6px;
  line-height:1.2;
}
.bp{ background:var(--tl); color:#fff; box-shadow:0 1px 2px hsl(174 84% 20% / .25); }
.bp:hover{ background:var(--tl2); box-shadow:0 3px 10px hsl(174 84% 20% / .3); }
.bg2{ background:var(--card-bg); border:1px solid var(--bd); color:var(--t2); }
.bg2:hover{ border-color:var(--tl); color:var(--tl); background:var(--tl3); }
.bred{ background:var(--rdl); color:var(--rd); border:1px solid hsl(0 72% 46% / .25); }
.bred:hover{ background:var(--rd); color:#fff; }
.bsm{ padding:7px 13px; font-size:12.5px; }
.bxs{ padding:5px 11px; font-size:11.5px; border-radius:8px; }
.bfull{ width:100%; justify-content:center; }

/* ── النماذج: h-10 rounded-lg bg-card ── */
.fi{
  width:100%; height:42px; padding:9px 14px;
  border:1px solid hsl(var(--input-h)); border-radius:10px;
  background:var(--input-bg); color:var(--t1);
  font-size:13.5px; font-family:inherit; outline:none; transition:.15s;
}
textarea.fi{ height:auto; min-height:90px; }
.fi:focus{ border-color:var(--tl); box-shadow:0 0 0 3px hsl(174 84% 28% / .13); }
.fs{
  width:100%; height:42px; padding:8px 12px;
  border:1px solid hsl(var(--input-h)); border-radius:10px;
  background:var(--input-bg); color:var(--t1);
  font-size:13px; font-family:inherit; outline:none; cursor:pointer; transition:.15s;
}
.fs:focus{ border-color:var(--tl); box-shadow:0 0 0 3px hsl(174 84% 28% / .13); }
.fg{ margin-bottom:14px; }
.fg label,.flbl{ display:block; font-size:12.5px; font-weight:700; color:var(--t2); margin-bottom:6px; }
.g2{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.qi{
  width:80px; height:38px; padding:6px 8px; text-align:center;
  border:1px solid hsl(var(--input-h)); border-radius:9px;
  background:var(--input-bg); color:var(--t1); font-size:13px; font-family:inherit; outline:none;
}
.qi:focus{ border-color:var(--tl); box-shadow:0 0 0 3px hsl(174 84% 28% / .13); }

/* ── الشارات ── */
.bdg,.bt,.bgg,.bgr,.br,.ba,.bb{
  display:inline-flex; align-items:center; border-radius:20px;
  padding:3px 10px; font-size:11px; font-weight:700; white-space:nowrap;
}
.bt{ background:var(--tl3); color:hsl(var(--accent-fg)); }
.bgg{ background:var(--gnl); color:var(--gn); }
.bgr{ background:hsl(var(--muted) / .7); color:var(--t3); border:1px solid var(--bd); }
.br{ background:var(--rdl); color:var(--rd); }
.ba{ background:var(--aml); color:var(--am); }
.bb{ background:var(--bll); color:var(--bl); }

/* ── المودال ── */
#ov{ display:flex; position:fixed; inset:0; background:hsl(215 25% 15% / .45); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); z-index:1000; justify-content:center; align-items:center; padding:16px; }
.h{ display:none !important; }
.modal{
  background:var(--card-bg); border-radius:var(--r3);
  width:100%; max-width:540px; max-height:90vh; overflow-y:auto;
  box-shadow:0 24px 64px hsl(215 25% 15% / .28); border:1px solid var(--bd);
}
.mlg{ max-width:720px; }
.mhd{ display:flex; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid var(--bd); position:sticky; top:0; background:var(--card-bg); z-index:1; }
.mtl{ font-size:16px; font-weight:800; color:var(--t1); }
.mcl{ width:32px; height:32px; border-radius:10px; background:hsl(var(--muted) / .6); display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:14px; color:var(--t2); transition:.15s; }
.mcl:hover{ background:var(--rdl); color:var(--rd); }
.mbd{ padding:22px; }
.mft{ padding:16px 22px; border-top:1px solid var(--bd); }

/* ── التخطيط ── */
.view{ display:none; }
.view.active{ display:block; }
.shdr{ display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:22px; flex-wrap:wrap; gap:10px; }
.stitle{ font-size:23px; font-weight:800; color:var(--t1); letter-spacing:-.3px; }
.ssub{ font-size:13px; color:var(--t3); margin-top:3px; }
.empty{ text-align:center; padding:56px 20px; color:var(--t3); font-size:13px; border:1.5px dashed var(--bd); border-radius:var(--r2); }
.dvd{ border:none; border-top:1px solid var(--bd); margin:16px 0; }
.notice{ background:var(--tl3); border:1px solid var(--tl4); border-radius:12px; padding:11px 16px; margin-bottom:14px; font-size:13px; color:hsl(var(--accent-fg)); }
.notr{ background:var(--rdl); border-color:hsl(0 72% 46% / .3); color:var(--rd); }
#main > div:last-child{ padding:26px; }

/* ── بطاقات الإحصاء ── */
.sg{ display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:14px; margin-bottom:22px; }
.sg3{ display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:10px; margin-bottom:16px; }
.sc{
  background:var(--card-bg); border:1px solid var(--card-bd);
  border-radius:var(--r2); padding:18px; box-shadow:var(--sh); transition:box-shadow .18s;
}
.sc:hover{ box-shadow:var(--sh2); }
.scico{ font-size:24px; margin-bottom:10px; }
.scval{ font-size:26px; font-weight:800; letter-spacing:-1px; line-height:1; }
.sclbl{ font-size:12px; color:var(--t3); margin-top:5px; }
.sctrd{ font-size:11px; color:var(--t3); margin-top:5px; }
.scv{ font-size:26px; font-weight:800; color:var(--t1); letter-spacing:-1px; }
.scl{ font-size:12px; color:var(--t3); margin-top:2px; }
.scs{ font-size:11px; color:var(--t3); margin-top:4px; }

/* ── mini stat ── */
.mini{ background:hsl(var(--muted) / .55); border-radius:12px; padding:11px 14px; }
.miniv{ font-size:19px; font-weight:800; }
.minil{ font-size:11px; color:var(--t3); margin-top:2px; }
.mv{ font-size:19px; font-weight:800; }
.ml{ font-size:11px; color:var(--t3); margin-top:2px; }

/* ── بطاقات الفنادق/المنتجات ── */
.hgrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:14px; }
.hcard{
  background:var(--card-bg); border:1px solid var(--card-bd);
  border-radius:var(--r2); padding:18px; margin-bottom:0;
  cursor:pointer; transition:.16s; box-shadow:var(--sh);
}
.hcard:hover{ border-color:hsl(174 84% 28% / .5); box-shadow:var(--sh2); transform:translateY(-1px); }
.hacc{ color:var(--tl); font-weight:700; }
.pm{ font-size:13px; font-weight:700; color:var(--t1); }
.pn{ font-size:11.5px; color:var(--t3); }
.prog{ height:6px; background:hsl(var(--muted)); border-radius:3px; overflow:hidden; margin-top:5px; }
.progf{ height:100%; background:var(--tl); border-radius:3px; transition:width .3s; }
.pl{ display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--bd); }
.pdot{ width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.edit-prod-btn{ opacity:0; transition:.15s; }
.hcard:hover .edit-prod-btn{ opacity:1; }

/* ── المستودع ── */
.whi{ display:flex; align-items:center; gap:12px; padding:13px 18px; border-bottom:1px solid var(--bd); }
.whi:last-child{ border-bottom:none; }
.wh-recv-row{ display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid var(--bd); }

/* ── صفوف الطلبات ── */
.orr{ display:flex; align-items:center; gap:10px; padding:11px 16px; border-bottom:1px solid var(--bd); cursor:pointer; transition:.12s; }
.orr:hover{ background:hsl(var(--muted) / .35); }

/* ── الصورة الرمزية ── */
.uav{ width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:13px; color:#fff; flex-shrink:0; }
.ndot{ display:none; }

/* ── بطاقة الترحيب ── */
.wcard{ background:linear-gradient(135deg,hsl(174 84% 18%),hsl(174 84% 28%)); border-radius:var(--r3); padding:26px; margin-bottom:22px; color:#fff; box-shadow:0 8px 28px hsl(174 84% 20% / .25); }
.wcin{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.wct{ font-size:19px; font-weight:800; margin-bottom:4px; }
.wcss{ font-size:12.5px; opacity:.78; }
.wcst{ display:flex; gap:22px; margin-top:16px; flex-wrap:wrap; }
.wcsv{ font-size:23px; font-weight:800; }
.wcsl{ font-size:11px; opacity:.68; }
.wcac{ display:flex; gap:8px; margin-top:18px; flex-wrap:wrap; }
.wcbw{ background:#fff; color:var(--tl); border:none; border-radius:10px; padding:9px 18px; font-size:13px; font-weight:700; cursor:pointer; font-family:inherit; }
.wcbo{ background:hsl(0 0% 100% / .14); color:#fff; border:1px solid hsl(0 0% 100% / .3); border-radius:10px; padding:9px 18px; font-size:13px; font-weight:600; cursor:pointer; font-family:inherit; }

/* ── تسجيل الدخول ── */
.lcard{ background:#fff; border-radius:var(--r3); padding:38px 34px; width:100%; max-width:392px; box-shadow:0 24px 64px hsl(215 25% 15% / .3); }
.llogo{ text-align:center; margin-bottom:28px; }
.llogo h1{ font-size:23px; font-weight:800; color:hsl(174 84% 18%); margin:10px 0 4px; }
.llogo p{ font-size:12.5px; color:var(--t3); }

/* ── رفع الملفات ── */
.img-upload{ border:1.5px dashed var(--tl4); border-radius:12px; padding:16px; text-align:center; cursor:pointer; color:var(--tl); font-size:13px; background:var(--tl3); transition:.15s; }
.img-upload:hover{ border-color:var(--tl); background:var(--tl4); }

/* ── التبويبات ── */
.tabs{ display:flex; gap:4px; padding:12px 16px 0; flex-wrap:wrap; }
.tab{
  padding:8px 16px; border-radius:10px; font-size:12.5px; font-weight:700;
  color:var(--t3); cursor:pointer; border:none; background:transparent;
  font-family:inherit; transition:.13s;
}
.tab.active{ background:var(--tl3); color:hsl(var(--accent-fg)); }
.tab:hover:not(.active){ color:var(--t1); background:hsl(var(--muted) / .5); }

/* ── صفوف مركبة ── */
.eq-row{ display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.eq-sel{ flex:1; }
.eq-mi{ width:72px; }
.tl2{ color:var(--tl2); }

/* ── سكرول بار ── */
::-webkit-scrollbar{ width:6px; height:6px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:var(--bd2); border-radius:3px; }
::-webkit-scrollbar-thumb:hover{ background:var(--tl); }

/* ── الجوال: قائمة منزلقة ── */
#mob-menu-btn{ display:none; }
#sb-overlay{ display:none; }
@media(max-width:768px){
  #sb{
    transform:translateX(100%);
    transition:transform .25s ease;
    width:264px !important;
    box-shadow:-10px 0 32px hsl(215 25% 15% / .18);
  }
  body.sb-open #sb{ transform:translateX(0); }
  #sb-overlay{ display:none; position:fixed; inset:0; background:hsl(215 25% 15% / .4); z-index:99; }
  body.sb-open #sb-overlay{ display:block; }
  #main{ margin-right:0 !important; }
  #mob-menu-btn{
    display:flex; align-items:center; justify-content:center;
    width:40px; height:40px; border-radius:10px;
    background:var(--card-bg); border:1px solid var(--bd);
    font-size:19px; cursor:pointer; flex-shrink:0; font-family:inherit;
  }
  .topbar{ padding:0 12px; gap:8px; height:58px; }
  .sbl{ height:58px; }
  .tbt{ font-size:14.5px; }
  #main > div:last-child{ padding:14px; }
  .sg{ grid-template-columns:repeat(2,1fr); }
  .g2{ grid-template-columns:1fr; }
  .modal{ max-width:100%; margin:0 8px; }
  table{ font-size:12px; }
  th,td{ padding:8px 8px; }
}

/* ═══ تجاوب الجوال والتابلت (v3.4) ═══ */
.azback{ display:none; }
html,body{ max-width:100%; overflow-x:hidden; }
#main{ min-width:0; }
#mnav{ display:none; }
@media(max-width:1024px) and (min-width:769px){
  #main > div:last-child{ padding:18px; }
  [style*="grid-template-columns"]:not(.azboard){ grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)) !important; }
}
@media(max-width:768px){
  body{ -webkit-text-size-adjust:100%; }
  /* شريط علوي مضغوط: صورة المستخدم فقط */
  .tb-utxt{ display:none; }
  .tb-user{ padding:4px !important; gap:0 !important; border-radius:50% !important; }
  .topbar > div:last-child{ gap:7px !important; }
  .topbar > div:first-child{ min-width:0; flex:1; }
  .tbt{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
  #lang-toggle-btn,[id^="lang-toggle"]{ transform:scale(.92); }
  #main > div:last-child{ padding:12px 12px calc(78px + env(safe-area-inset-bottom)) !important; }
  /* أي شبكة بأعمدة مثبتة داخل الصفحة تصبح مرنة */
  [style*="grid-template-columns"]:not(.azboard):not(#mnav){ grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)) !important; }
  [style*="min-width:"][style*="px"]{ min-width:0 !important; }
  .card{ border-radius:14px; }
  [style*="grid-template-columns"].azchat:not(#mnav){ grid-template-columns:1fr !important; }
  .azchat{ height:calc(100vh - 270px) !important; height:calc(100dvh - 270px) !important; min-height:360px !important; }
  .azchat.azopen > :first-child{ display:none !important; }
  .azchat:not(.azopen) > :last-child{ display:none !important; }
  .azback{ display:inline-flex; flex-shrink:0; }
  .whi{ flex-wrap:wrap !important; gap:8px !important; } .whi > *{ min-width:0 !important; } .whi .prog{ width:100% !important; } .whi > span{ width:auto !important; }
  #main > div:last-child [style*="display:flex"]:not([style*="nowrap"]):not([style*="flex-direction:column"]){ flex-wrap:wrap; }
  #main > div:last-child [style*="flex:1"]{ min-width:0; }
  [style*="grid-template-columns"].az1:not(#mnav){ grid-template-columns:1fr !important; }
  [style*="grid-template-columns"].az2:not(#mnav){ grid-template-columns:1fr 1fr !important; }
  .sc{ padding:14px !important; } .scv{ font-size:26px !important; }
  /* قمع العملاء: أعمدة بعرض الشاشة تقريباً مع تمرير أفقي سلس */
  .azboard{ display:flex !important; gap:10px !important; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding-bottom:10px; margin:0 -12px; padding-inline:12px; }
  .azboard > div{ flex:0 0 82% !important; min-width:0 !important; scroll-snap-align:center; }
  /* النوافذ المنبثقة: ورقة من الأسفل بكامل العرض */
  #ov{ padding:0 !important; align-items:flex-end !important; }
  #ov .modal{ max-width:100% !important; width:100% !important; margin:0 !important; border-radius:20px 20px 0 0 !important; max-height:92vh; padding-bottom:env(safe-area-inset-bottom); }
  #ov .mhd{ padding:14px 16px; }
  #ov .mbd{ padding:14px 16px; }
  #ov .mft{ padding:12px 16px; flex-wrap:wrap; gap:8px; position:sticky; bottom:0; background:var(--card-bg); }
  #ov .mft .btn{ flex:1 1 auto; justify-content:center; }
  /* نماذج: حجم 16px يمنع تكبير iOS، وأهداف لمس مريحة */
  input,select,textarea,.fi{ font-size:16px !important; }
  .btn{ min-height:40px; }
  .btn.bsm,.btn.bxs{ min-height:36px; }
  .tabs,.tabrow{ overflow-x:auto; flex-wrap:nowrap !important; -webkit-overflow-scrolling:touch; }
  .tab{ flex-shrink:0; white-space:nowrap; }
  /* الجداول → بطاقات */
  .tw{ overflow-x:visible; }
  table.azc, table.azc tbody, table.azc tr, table.azc td{ display:block; width:100% !important; box-sizing:border-box; }
  table.azc{ border:0 !important; background:transparent !important; }
  table.azc thead{ display:none; }
  table.azc tr{ background:var(--card-bg); border:1px solid var(--bd); border-radius:14px; margin:0 0 10px; padding:6px 14px; box-shadow:0 1px 2px hsl(215 25% 15% / .04); }
  table.azc td{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:8px 0 !important; border:0 !important; border-bottom:1px dashed var(--bd) !important; text-align:start !important; min-height:34px; }
  table.azc td:last-child{ border-bottom:0 !important; }
  table.azc td::before{ content:attr(data-label); font-size:11px; font-weight:700; color:var(--t3); flex-shrink:0; max-width:40%; }
  table.azc td[data-label=""]::before,table.azc td:not([data-label])::before{ display:none; }
  table.azc td[data-label=""]{ justify-content:flex-start; flex-wrap:wrap; }
  table.azc td:first-child{ font-weight:700; }
  /* شريط تنقل سفلي */
  #mnav{ display:flex; position:fixed; left:0; right:0; bottom:0; z-index:90; background:var(--card-bg); border-top:1px solid var(--bd); padding:6px 4px calc(6px + env(safe-area-inset-bottom)); box-shadow:0 -4px 18px hsl(215 25% 15% / .08); }
  #mnav button{ flex:1; display:flex; flex-direction:column; align-items:center; gap:2px; background:none; border:0; font-family:inherit; font-size:10.5px; font-weight:700; color:var(--t3); padding:4px 2px; border-radius:10px; cursor:pointer; min-height:44px; position:relative; }
  #mnav button .mi{ font-size:19px; line-height:1; }
  #mnav button.on{ color:var(--tl); background:hsl(var(--muted) / .55); }
  body.sb-open #mnav{ display:none; }
}
/* ═══ v3.6 — المرحلة 1: الجوال ودخول الجوال ═══ */
/* شبكات لوحة التحكم (كانت أنماطاً مضمّنة) */
.azkpi{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.azmain{ display:grid; gap:14px; }
.azmain2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.azmain3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:1024px) and (min-width:769px){ .azmain3{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
/* شاشة الدخول: قابلة للتمرير حتى لا يختفي زر الحفظ تحت لوحة المفاتيح */
#ls{ overflow-y:auto; -webkit-overflow-scrolling:touch; align-items:flex-start !important; padding:56px 14px calc(24px + env(safe-area-inset-bottom)); box-sizing:border-box; }
#ls .lcard{ margin:auto; }
body.booting #ls{ align-items:center !important; }
#ls .btn,#ls .fi{ min-height:48px; }
#az-chpw .btn{ margin-top:4px; }
@media(max-width:768px){
  #ls .lcard{ padding:28px 20px; }
  /* أهداف لمس 44px على الأقل */
  .btn,.btn.bsm,.btn.bxs,.sbi,.tab,.mcl,select.fi,input.fi{ min-height:44px; }
  .mcl{ min-width:44px; }
  input[type=checkbox],input[type=radio]{ min-width:20px; min-height:20px; }
  /* النوافذ: تملأ الشاشة، المحتوى يتمرر وأزرار الإجراء ثابتة في الأسفل */
  #ov .modal{ display:flex !important; flex-direction:column; height:100vh; height:100dvh; max-height:100vh !important; max-height:100dvh !important; border-radius:0 !important; overflow:hidden !important; padding-bottom:0; }
  #ov .mhd{ flex-shrink:0; position:relative; }
  #ov .mbd{ flex:1 1 auto; overflow-y:auto; -webkit-overflow-scrolling:touch; min-height:0; }
  #ov .mft{ flex-shrink:0; position:relative; padding-bottom:calc(12px + env(safe-area-inset-bottom)); box-shadow:0 -4px 14px hsl(215 25% 15% / .06); }
  #ov .mft:empty{ display:none; }
  /* جداول لم تتحول لبطاقات: تمرير أفقي داخل حاويتها فقط */
  .azscroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%; }
  /* شبكات لوحة التحكم */
  .azkpi{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
  .azmain{ display:grid !important; grid-template-columns:minmax(0,1fr) !important; }
}
@media(max-width:420px){
  .azkpi{ grid-template-columns:repeat(auto-fit,minmax(min(100%,148px),1fr)) !important; }
  #main > div:last-child{ padding-left:10px !important; padding-right:10px !important; }
  .azboard{ margin:0 -10px !important; padding-inline:10px !important; }
}
/* ═══════════════════════════════════════════════════════
   LTR Mirror — English mode structural overrides
   (Most layout is flexbox-based and auto-mirrors with dir;
   these rules cover the physical right/left properties that
   don't auto-flip: fixed sidebar position, page margin,
   explicit text-align, and a few directional accents.)
═══════════════════════════════════════════════════════ */
html[dir="ltr"] #sb{
  right:auto !important; left:0 !important;
  border-left:none !important; border-right:1px solid var(--bd) !important;
}
html[dir="ltr"] #main{ margin-right:0 !important; margin-left:240px !important; }
html[dir="ltr"] th{ text-align:left !important; }
html[dir="ltr"] .sbi{ text-align:left !important; }
html[dir="ltr"] .sbico{ margin-left:0 !important; margin-right:8px !important; }
html[dir="ltr"] .sbdot{ margin-right:0 !important; margin-left:auto !important; }
html[dir="ltr"] [style*="text-align:right"]{ text-align:left !important; }
html[dir="ltr"] [style*="text-align: right"]{ text-align:left !important; }

@media(max-width:768px){
  html[dir="ltr"] #sb{
    transform:translateX(-100%);
    box-shadow:10px 0 32px hsl(215 25% 15% / .18) !important;
  }
  html[dir="ltr"] body.sb-open #sb{ transform:translateX(0); }
  html[dir="ltr"] #main{ margin-left:0 !important; }
}
/* لا تُعرض بطاقة الدخول حتى ينتهي فحص الجلسة (يمنع وميضها عند التحديث لمن هو مسجّل دخوله) */
body.booting .lcard{display:none}
#lboot{display:none;flex-direction:column;align-items:center;gap:14px;color:#fff;font-size:13px;opacity:.9}
body.booting #lboot{display:flex}
#lboot i{width:34px;height:34px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:azspin .8s linear infinite}
@keyframes azspin{to{transform:rotate(360deg)}}