/* ============================================================
   dash-side.css — سايدبار جديد: نظيف، مرتّب، هادئ
   (يُحمّل أخيراً ويلغي كل زخرفة سابقة داخل السايدبار)
   ============================================================ */
:root{--sd-w:272px;--sd-bg:#050b07;--sd-line:rgba(255,255,255,.07);--sd-mu:#7f9486;--sd-tx:#cfdcd3;--sd-g:#00d632}

/* الحاوية */
#sidebar.sidebar{
  display:flex !important;flex-direction:column;gap:0;
  width:var(--sd-w) !important;padding:0 !important;
  background:var(--sd-bg) !important;backdrop-filter:none !important;
  border:0 !important;border-inline-start:1px solid var(--sd-line) !important;
  box-shadow:none !important;overflow:hidden !important;
}
#sidebar .side-pages{flex:1;overflow-y:auto;padding:6px 12px 14px;scrollbar-width:thin;scrollbar-color:#17261c transparent}
#sidebar .side-pages::-webkit-scrollbar{width:5px}
#sidebar .side-pages::-webkit-scrollbar-thumb{background:#17261c !important;border-radius:9px;border:0 !important}

/* بطاقة السيرفر: صف بسيط */
#sidebar .server-head{
  display:flex;align-items:center;gap:12px;margin:0 !important;padding:18px 16px 14px !important;
  background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;
}
#sidebar .server-head .sh-glow{display:none !important}
#sidebar .server-head img,#sidebar .server-head .ph{width:40px !important;height:40px !important;border-radius:12px !important;flex-shrink:0;box-shadow:none !important}
#sidebar .server-head .ph{display:grid;place-items:center;background:linear-gradient(135deg,#0b8f2e,#00d632);color:#031a09;font-weight:900}
#sidebar .sname{font-size:.95rem;font-weight:800;color:#f1f7f3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sidebar .smem{font-size:.74rem;color:var(--sd-mu);margin-top:2px}
#sidebar .sh-prem{color:#5dff8a}

/* البحث */
#sidebar .side-search{position:relative;margin:0 14px 10px !important;padding:0 !important;background:none !important;border:0 !important}
#sidebar .side-search input{
  width:100%;height:40px;padding:0 38px 0 34px !important;border-radius:11px !important;
  background:rgba(255,255,255,.045) !important;border:1px solid transparent !important;color:#eaf3ec !important;font-size:.86rem !important;box-shadow:none !important;
}
#sidebar .side-search input::placeholder{color:#6b7f71}
#sidebar .side-search input:focus{background:rgba(255,255,255,.07) !important;border-color:rgba(0,214,50,.55) !important;box-shadow:0 0 0 3px rgba(0,214,50,.14) !important;outline:0}
#sidebar .ss-ic{position:absolute;inset-inline-end:13px;top:50%;transform:translateY(-50%);font-size:.85rem;opacity:.55;pointer-events:none}
#sidebar .ss-clear{position:absolute;inset-inline-start:11px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--sd-mu);cursor:pointer;padding:4px}

/* العناصر */
#sidebar .side-item{
  position:relative;display:flex !important;align-items:center;gap:12px;width:100%;height:40px;margin:1px 0;padding:0 12px !important;
  border:0 !important;border-radius:10px !important;background:transparent !important;box-shadow:none !important;
  color:var(--sd-tx) !important;font:inherit;font-size:.88rem;font-weight:600;text-align:start;cursor:pointer;transition:background .18s,color .18s;
}
#sidebar .side-item:hover{background:rgba(255,255,255,.055) !important;color:#fff !important;transform:none !important}
#sidebar .side-item .si-icon{width:22px;display:inline-flex;justify-content:center;font-size:1.05rem;filter:none !important;opacity:.7;flex-shrink:0}
#sidebar .side-item .si-icon svg{width:19px;height:19px}
#sidebar .side-item:hover .si-icon{opacity:1}
#sidebar .side-item .si-lb{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sidebar .side-item.active{background:rgba(0,214,50,.12) !important;color:#fff !important;box-shadow:none !important}
#sidebar .side-item.active .si-icon{opacity:1}
#sidebar .side-item.active::after{content:"";position:absolute;inset-inline-end:-12px;top:9px;bottom:9px;width:3px;border-radius:3px;background:var(--sd-g);box-shadow:none !important}
/* نقطة التفعيل: صغيرة وهادئة */
#sidebar .si-dot{width:6px !important;height:6px !important;margin:0 !important;border-radius:50%;background:transparent !important;box-shadow:none !important;flex-shrink:0}
#sidebar .si-dot.on{background:#2ee66b !important}
/* نجمة التثبيت: تظهر بالمرور فقط */
#sidebar .si-pin{margin:0 !important;padding:2px 4px;font-size:.9rem;color:#5d6f63;opacity:0;transform:none;transition:.15s;border-radius:6px}
#sidebar .side-item:hover .si-pin,#sidebar .si-pin.on{opacity:1}
#sidebar .si-pin.on{color:var(--sd-g);text-shadow:none}
#sidebar .si-pin:hover{color:#5dff8a;background:rgba(255,255,255,.07)}

/* المفضلة: سطر عنوان فقط */
#sidebar .side-quick{margin:8px 0 4px;padding:0;background:none !important;border:0 !important;border-radius:0}
#sidebar .sq-title{padding:8px 12px 4px;font-size:.7rem;font-weight:800;letter-spacing:.04em;color:var(--sd-mu)}
#sidebar .side-quick+.side-pages,#sidebar .side-quick{border-bottom:1px solid var(--sd-line);padding-bottom:8px}

/* المجموعات */
#sidebar .side-group{margin-top:6px}
#sidebar .sg-head{
  display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 12px;margin:0;
  border:0;background:transparent !important;border-radius:10px;cursor:pointer;
  color:var(--sd-mu) !important;font:inherit;font-size:.78rem;font-weight:800;letter-spacing:.02em;text-align:start;transition:.18s;
}
#sidebar .sg-head:hover{background:rgba(255,255,255,.04) !important;color:#e8f2ea !important}
#sidebar .sg-ic{width:22px;text-align:center;font-size:.95rem;opacity:.8;flex-shrink:0}
#sidebar .sg-nm{flex:1}
#sidebar .sg-ct{font-size:.68rem;font-weight:700;color:#55675b;background:none !important;padding:0 !important;min-width:0}
#sidebar .sg-on,#sidebar .sg-badge{display:none !important}
#sidebar .sg-ar{font-style:normal;font-size:.7rem;color:#55675b;transition:transform .3s cubic-bezier(.22,1,.36,1)}
#sidebar .side-group:not(.closed) .sg-head{color:#e8f2ea !important}
#sidebar .side-group:not(.closed) .sg-ar{transform:rotate(180deg)}
/* جسم المجموعة: انسدال ناعم + خط توجيه */
#sidebar .sg-body{display:block !important;overflow:hidden;max-height:900px;opacity:1;margin-inline-end:21px;padding-inline-end:6px;border-inline-end:1px solid var(--sd-line);transition:max-height .35s cubic-bezier(.22,1,.36,1),opacity .25s}
#sidebar .side-group.closed .sg-body{max-height:0;opacity:0;pointer-events:none;border-color:transparent}
#sidebar .sg-body .side-item{height:36px;font-size:.84rem;font-weight:600;padding-inline:10px !important}
#sidebar .sg-body .side-item.active::after{inset-inline-end:-8px;top:8px;bottom:8px}

/* التذييل */
#sidebar .side-bottom{padding:8px 12px 12px;border-top:1px solid var(--sd-line);background:var(--sd-bg)}
#sidebar .side-foot{padding:8px 12px 0;font-size:.7rem;color:#4b5d51;text-align:start}
#sidebar #side-noresult{padding:26px 14px !important}

/* ثبات التمرير: السايدبار ثابت تحت الشريط */
.dash-layout{display:flex !important}
.dash-main{padding:26px 34px 120px !important}

/* ===== الجوال: قائمة منزلقة نظيفة ===== */
@media(max-width:860px){
  .dash-layout{display:block !important}
  #sidebar.sidebar{position:fixed !important;top:0 !important;right:0;bottom:0;width:min(86vw,320px) !important;height:100vh !important;z-index:400;transform:translateX(105%);transition:transform .3s cubic-bezier(.22,1,.36,1);box-shadow:-20px 0 60px rgba(0,0,0,.6) !important}
  #sidebar.sidebar.open{transform:translateX(0)}
  #sidebar .side-pages{padding-bottom:20px}
  #sidebar .si-pin{opacity:.6}
  .drawer-fab{display:flex !important;background:var(--sd-g) !important;color:#031a09 !important;box-shadow:0 10px 26px -8px rgba(0,214,50,.7) !important}
  .side-overlay{display:block !important}
  .dash-main{padding:18px 14px 110px !important}
}
/* أيقونات بلا مربعات */
#sidebar .side-item .si-icon,#sidebar .side-item.active .si-icon{background:none !important;border:0 !important;box-shadow:none !important;width:22px !important;height:auto !important;border-radius:0 !important;color:inherit}
#sidebar .side-item.active .si-icon{color:#5dff8a}
body:has(#sidebar.open) #demo-bar{display:none !important}

/* شريط الحفظ: حاوية تمركز شفافة فقط — الستايل على الأزرار */
.save-bar{
  left:0 !important;right:var(--sd-w) !important;bottom:22px !important;width:auto !important;transform:none !important;
  background:none !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  border-radius:0 !important;padding:0 !important;gap:10px;pointer-events:none;
}
.save-bar>*{pointer-events:auto}
@media(max-width:860px){.save-bar{right:0 !important;bottom:84px !important}}
#demo-bar{bottom:auto !important;top:70px !important;opacity:.95}