/* v15: شبكة الأقسام في القائمة الجانبية + سلاسة على كل الأجهزة */
body.nav-v15 #nav{display:flex;flex-direction:column;gap:12px}
.stab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.stab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:78px;padding:10px 6px;border-radius:16px;border:1px solid #2a2c33;background:linear-gradient(180deg,#16181d,#111317);color:#d9d4cf;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.stab:hover{border-color:#10b77f55}
.stab:active{transform:scale(.96)}
.stab:focus-visible{outline:2px solid #10b981;outline-offset:2px}
.stab.on{border-color:#10b981;background:linear-gradient(180deg,#2a1a0e,#1a120c);color:#fff;box-shadow:0 6px 18px #10b98126,inset 0 0 0 1px #10b98133}
.stab-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#ffffff0a;color:#2dcf94}
.stab.on .stab-ic{background:#10b981;color:#111}
.stab-ic .svg{width:19px;height:19px}
.stab-name{font-size:12px;font-weight:700;line-height:1.3;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%}
.stab-count{position:absolute;top:6px;inset-inline-start:7px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ffffff12;color:#bbb;font-size:10.5px;line-height:18px;text-align:center}
.stab.on .stab-count{background:#10b98140;color:#f5e1a8}
.stab-panel{border-top:1px solid #ffffff10;padding-top:10px}
.stab-panel.stab-in{animation:stabIn .22s ease both}
@keyframes stabIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.stab-title{display:flex;align-items:center;gap:8px;margin:0 4px 8px;color:#fff}
.stab-title .nav-ic{color:#2dcf94}.stab-title small{margin-inline-start:auto;color:#8f8a85;font-size:11.5px}
body.nav-v15 .stab-panel .side-toggle{display:none}
body.nav-v15 .stab-panel .side-items{margin-inline-start:6px;border:0;padding:0}
body.nav-v15 .stab-panel .side-more>summary{display:none}
body.nav-v15 .stab-panel .nav-item{min-height:46px;border-radius:12px;transition:background .15s ease}
body.nav-v15 .stab-panel .side-head-row .side-hub-name::after{content:' ← صفحة القسم';font-size:11px;color:#8f8a85;font-weight:400}
/* القائمة المصغرة (لابتوب) */
body.sidebar-compact .stab-grid{grid-template-columns:1fr}
body.sidebar-compact .stab{min-height:48px}
body.sidebar-compact .stab-name,body.sidebar-compact .stab-count,body.sidebar-compact .stab-title{display:none}
/* شاشات كبيرة */
@media (min-width:1400px){.stab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stab{min-height:84px}}
/* جوال صغير */
@media (max-width:360px){.stab-grid{gap:6px}.stab{min-height:70px}.stab-name{font-size:11px}}
/* سلاسة: تخفيف التأثيرات الثقيلة على الجوال */
@media (max-width:899px){
  .sidebar{transition:transform .26s cubic-bezier(.2,.8,.2,1)!important;will-change:transform;overscroll-behavior:contain}
  .sidebar *, .card, .topbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .main{overscroll-behavior-y:none}
}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
button,a{touch-action:manipulation}
@media (prefers-reduced-motion:reduce){.stab,.stab-panel.stab-in{transition:none;animation:none}html{scroll-behavior:auto}}

/* v15.7: شارات الباقات */
.side-badge.premium{background:#7c5cff22;color:#c4b5ff;border:1px solid #7c5cff66}
.side-badge.pro{background:#ffc83d22;color:#ffd970;border:1px solid #ffc83d66}
.side-badge.free{background:#10b98122;color:#6ee7b7;border:1px solid #10b98166}
.plan-note{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;padding:12px 14px;border-radius:14px;line-height:1.6}
.plan-note.premium{background:#7c5cff14;border:1px solid #7c5cff55;color:#d9d0ff}
.plan-note.pro{background:#ffc83d12;border:1px solid #ffc83d55;color:#ffe7a3}
.plan-note .btn{margin-inline-start:auto}

/* ===== v15.8: الكريد والمكافآت ===== */
.cr-wrap{display:grid;gap:14px}
.cr-head{background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(167,139,250,.10));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;display:grid;gap:12px}
.cr-me{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cr-me h2{margin:0;font-size:1.35rem}
.cr-nameline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cr-stats>div{background:rgba(0,0,0,.18);border-radius:12px;padding:10px;text-align:center;display:grid;gap:2px}
.cr-stats b{font-size:1.25rem}.cr-stats span{font-size:.8rem;opacity:.75}
.cr-note{margin:0;font-size:.85rem}
.cr-tabs{display:flex;gap:6px;flex-wrap:wrap}
.cr-tab{border:1px solid rgba(255,255,255,.12);background:transparent;color:inherit;border-radius:999px;padding:8px 14px;cursor:pointer;font:inherit}
.cr-tab.on{background:#10b981;border-color:#10b981;color:#111;font-weight:700}
.cr-tabs.sm .cr-tab{padding:6px 12px;font-size:.85rem}
.cr-body{display:grid;gap:14px}
.cr-daily{text-align:center}
.cr-reward{display:grid;gap:2px;margin:12px 0}.cr-reward b{font-size:2.4rem;color:#31d297}
.cr-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:10px 0}
.cr-step{border-radius:10px;padding:8px 0;text-align:center;background:rgba(255,255,255,.06);font-weight:700;font-size:.85rem}
.cr-step.done{background:#10b981;color:#111}.cr-step.next{outline:2px dashed #10b981}
.cr-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cr-mini>div{display:grid;gap:2px;background:rgba(0,0,0,.15);border-radius:10px;padding:8px;text-align:center}
.cr-how{margin:0;padding-inline-start:20px;display:grid;gap:6px}
.cr-av{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;background:#2a2a35;flex:none;overflow:hidden;font-weight:700}
.cr-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.cr-av.lg{width:64px;height:64px;font-size:1.4rem}
.cr-f-purple{box-shadow:0 0 0 3px #a78bfa,0 0 14px #a78bfa}.cr-f-emerald{box-shadow:0 0 0 3px #34d399,0 0 14px #34d399}
.cr-f-gold{box-shadow:0 0 0 3px #facc15,0 0 0 5px #0d9165}.cr-f-fire{box-shadow:0 0 0 3px #11c387,0 0 18px #ef4444}
.cr-f-diamond{box-shadow:0 0 0 3px #a5f3fc,0 0 16px #67e8f9}
.cr-f-aurora{animation:crAura 4s linear infinite}
@keyframes crAura{0%{box-shadow:0 0 0 3px #22d3ee,0 0 16px #22d3ee}33%{box-shadow:0 0 0 3px #a78bfa,0 0 16px #a78bfa}66%{box-shadow:0 0 0 3px #34d399,0 0 16px #34d399}100%{box-shadow:0 0 0 3px #22d3ee,0 0 16px #22d3ee}}
.cr-c-purple{color:#a78bfa}.cr-c-sky{color:#38bdf8}.cr-c-emerald{color:#34d399}.cr-c-amber{color:#fbbf24}.cr-c-crimson{color:#f43f5e}
.cr-c-gold{background:linear-gradient(90deg,#fde68a,#10b880,#fde68a);-webkit-background-clip:text;background-clip:text;color:transparent}
.cr-c-diamond{background:linear-gradient(90deg,#e0f2fe,#67e8f9,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.cr-c-aurora{background:linear-gradient(90deg,#22d3ee,#a78bfa,#34d399,#22d3ee);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:crShift 5s linear infinite}
@keyframes crShift{to{background-position:300% 0}}
.cr-title{font-size:.72rem;padding:2px 8px;border-radius:999px;background:rgba(16,185,129,.18);color:#31d297;font-weight:700}
.cr-lb{display:grid;gap:6px;margin-top:10px}
.cr-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04)}
.cr-row.me{outline:1px solid #10b981}.cr-row.top1{background:rgba(250,204,21,.12)}.cr-row.top2{background:rgba(203,213,225,.10)}.cr-row.top3{background:rgba(14,159,111,.12)}
.cr-rank{min-width:34px;text-align:center;font-weight:700}
.cr-who{flex:1;min-width:0;display:grid}.cr-val{font-variant-numeric:tabular-nums}
.cr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px}
.cr-item{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;display:grid;gap:6px;justify-items:center;text-align:center}
.cr-item.owned{border-color:#34d399}.cr-item.locked{opacity:.6}
.cr-prev{min-height:44px;display:grid;place-items:center}
.cr-price{font-size:.85rem;opacity:.8}
.cr-bal{display:flex;align-items:baseline;gap:8px;justify-content:center}.cr-bal b{font-size:1.8rem;color:#31d297}
.cr-prem select{max-width:320px}
.cr-log{display:grid;gap:4px}
.cr-logrow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.cr-logrow>div{display:grid}
.cr-amt.pos{color:#34d399;font-weight:700}.cr-amt.neg{color:#f43f5e;font-weight:700}
@media (max-width:640px){.cr-stats{grid-template-columns:repeat(2,1fr)}.cr-steps{grid-template-columns:repeat(4,1fr)}}
.side-credits{width:100%;font:inherit;cursor:pointer;text-align:center}