/* القائمة الجانبية المرتّبة (sidebar.js): مجموعات تنطوي، بحث، وعدد الشاشات في كل مجموعة */
#nav.side__nav{padding:.5rem .55rem 1rem}
.sb__find{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:.45rem;margin:0 0 .6rem;padding:.15rem .7rem;
  background:#262c36;border:1px solid #333b48;border-radius:10px;color:#8b93a1;transition:border-color .15s,background .15s}
.sb__find:focus-within{border-color:#f7931e;background:#2a313c;color:#f7931e}
.sb__find svg{width:16px;height:16px;flex:0 0 auto}
.sb__find input{flex:1;min-width:0;background:none;border:0;outline:none;color:#eef1f5;font:600 .84rem/2.2 inherit}
.sb__find input::placeholder{color:#7b8494}
.side__group.sb{margin:0 0 .2rem;padding:0;border:0}
.sb__h{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .65rem;border:0;border-radius:10px;background:none;cursor:pointer;
  color:#dfe3ea;font:800 .84rem/1.4 inherit;text-align:start;transition:background .15s,color .15s}
.sb__h:hover,.sb__h:focus-visible{background:#2a313c;color:#fff;outline:none}
.sb__h:focus-visible{box-shadow:0 0 0 2px #f7931e inset}
.sb__ic{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:8px;background:#2a313c;color:#f7931e;flex:0 0 auto}
.sb__ic svg{width:16px;height:16px}
.sb__t{flex:1}
.sb__n{font-style:normal;font-size:.66rem;font-weight:800;color:#9aa3b2;background:#2f3642;border-radius:999px;padding:0 .45rem;line-height:1.5}
.sb__h::after{content:"";width:.42rem;height:.42rem;border:solid #8b93a1;border-width:0 2px 2px 0;transform:rotate(45deg);margin:-.2rem .15rem 0;transition:transform .2s}
.sb.closed .sb__h::after{transform:rotate(135deg);margin-top:.05rem}
.sb:has(.side__link.on) .sb__h{color:#fff}
.sb:has(.side__link.on) .sb__ic{background:rgba(247,147,30,.16)}
.sb__i{position:relative;margin:.1rem 0 .45rem;padding-inline-start:.85rem}
.sb__i::before{content:"";position:absolute;inset-block:.2rem;inset-inline-start:1.4rem;border-inline-start:1px solid #333b48}
.sb.closed .sb__i{display:none}
.sb__i .side__link{position:relative;padding:.42rem .65rem;min-height:36px;font-size:.84rem;font-weight:600;margin-bottom:1px}
.sb__i .side__link .ic{opacity:.7}
.sb__i .side__link--sub{padding-inline-start:2.6rem;font-size:.8rem;color:#aab2bf;min-height:32px}
.sb__sec{margin:.55rem 0 .2rem;padding-inline-start:2.65rem;font-size:.66rem;font-weight:800;color:#7b8494;letter-spacing:.02em}
.sb__none{padding:1rem .8rem;color:#8b93a1;font-size:.82rem;text-align:center}
#nav.sb--find .sb__i::before{display:none}
@media (prefers-reduced-motion:reduce){.sb__h,.sb__h::after,.sb__find{transition:none}}