/* ============================================================
   dash-v7.css — الداشبورد بأسلوب AURORA NEON (يُحمّل أخيراً)
   ============================================================ */
:root{
  --v7-bg:#030806; --v7-s1:#08110b; --v7-s2:#0e1a12;
  --v7-brand:#00d632; --v7-pink:#5dff8a; --v7-cyan:#2bea5c;
  --v7-grad:linear-gradient(110deg,#0b8f2e,#5dff8a 45%,#12b83f 70%,#5dff8a);
  --v7-line:rgba(255,255,255,.08); --v7-line-2:rgba(0,214,50,.35);
  --bg:#030806; --bg2:#050b07; --card:#08110b; --card-hover:#0e1a12;
  --ds-bg:#030806; --ds-side:#08051300; --ds-surface:#08110b; --ds-surface-2:#0a140d;
  --ds-gold:#00d632; --ds-gold-l:#5dff8a; --ds-gold-soft:rgba(0,214,50,.14);
  --gold:#00d632; --gold-light:#5dff8a; --primary:#00d632; --accent:#2bea5c;
  --success:#2ee6a6; --ds-green:#2ee6a6;
}
html,body{background:var(--v7-bg) !important}
body{position:relative}
/* خلفية أورورا */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
   radial-gradient(60vmax 40vmax at 90% -10%,rgba(124,58,237,.38),transparent 60%),
   radial-gradient(50vmax 40vmax at 0% 10%,rgba(14,165,198,.22),transparent 60%),
   radial-gradient(40vmax 30vmax at 50% 110%,rgba(93,255,138,.14),transparent 60%),var(--v7-bg)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:56px 56px;mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 10%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 10%,transparent 75%)}

/* الشريط العلوي */
nav{background:rgba(5,11,7,.6) !important;border-bottom:1px solid rgba(0,214,50,.2) !important;backdrop-filter:blur(22px) saturate(160%)}
nav .logo .gold-text,.gold-text{background:var(--v7-grad) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;font-weight:800}
.logo-icon{box-shadow:0 0 24px -4px rgba(0,214,50,.8);border-radius:12px !important}

/* السايدبار */
.sidebar{background:linear-gradient(180deg,rgba(8,17,11,.85),rgba(5,11,7,.85)) !important;backdrop-filter:blur(20px);border-inline-start:1px solid rgba(0,214,50,.18) !important}
.server-head{background:linear-gradient(135deg,rgba(0,214,50,.28),rgba(93,255,138,.10)) !important;border:1px solid rgba(0,214,50,.4) !important;border-radius:20px !important;box-shadow:0 20px 50px -20px rgba(0,214,50,.7)}
.side-item{border-radius:14px !important;transition:.2s !important;position:relative}
.side-item:hover{background:rgba(0,214,50,.1) !important;transform:translateX(-3px)}
.side-item.active{background:linear-gradient(135deg,rgba(0,214,50,.38),rgba(93,255,138,.14)) !important;box-shadow:inset 0 0 0 1px rgba(179,155,255,.45),0 10px 30px -12px rgba(0,214,50,.8) !important;color:#fff !important}
.side-item.active::after{content:"";position:absolute;inset-inline-end:-1px;top:20%;bottom:20%;width:3px;border-radius:3px;background:var(--v7-grad);box-shadow:0 0 12px var(--v7-pink)}
.side-item .si-icon{filter:drop-shadow(0 0 6px rgba(0,214,50,.6))}
.sg-badge{background:rgba(0,214,50,.25) !important;color:#5dff8a !important}
.si-dot.on,.m-dot.on{background:var(--v7-cyan) !important;box-shadow:0 0 10px var(--v7-cyan) !important}
.side-search input{background:rgba(255,255,255,.04) !important;border:1px solid var(--v7-line) !important}
.side-search input:focus{border-color:var(--v7-brand) !important;box-shadow:0 0 0 3px rgba(0,214,50,.25) !important}

/* المحتوى */
.page-head h1,.page-head h2,.page-head .ph-title{font-size:clamp(1.8rem,3vw,2.5rem) !important;font-weight:900 !important;background:linear-gradient(180deg,#fff 30%,#8fa596);-webkit-background-clip:text;background-clip:text;color:transparent}
.crumbs{color:var(--ds-muted)}
.ph-btn,.crumb-cmd{background:rgba(255,255,255,.04) !important;border:1px solid var(--v7-line) !important;border-radius:12px !important;transition:.2s}
.ph-btn:hover,.crumb-cmd:hover{border-color:var(--v7-brand) !important;background:rgba(0,214,50,.14) !important}

/* بطاقات */
.panel,.ov-card,.chart-panel,.mod-card,.guild-card,.plan-card,.usx-card,.wlx-card,.us-hero,.empty-state{
  position:relative;isolation:isolate;
  background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012)),var(--v7-s1) !important;
  border:1px solid var(--v7-line) !important;border-radius:22px !important;
  box-shadow:0 20px 50px -30px rgba(0,0,0,.8);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s}
.ov-card:hover,.mod-card:hover,.guild-card:hover,.plan-card:hover{transform:translateY(-4px);border-color:rgba(0,214,50,.5) !important;box-shadow:0 30px 70px -25px rgba(0,214,50,.55)}
.ov-card::before,.mod-card::before,.guild-card::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;transition:.35s;pointer-events:none;
  background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(0,214,50,.22),transparent 60%)}
.ov-card:hover::before,.mod-card:hover::before,.guild-card:hover::before{opacity:1}
.ov-num{font-weight:900 !important;background:var(--v7-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:"Alexandria",sans-serif !important}
.ov-icon{background:linear-gradient(135deg,rgba(0,214,50,.35),rgba(43,234,92,.15)) !important;border:1px solid rgba(0,214,50,.4) !important;border-radius:14px !important;box-shadow:0 0 26px -6px rgba(0,214,50,.8)}
.up{color:#2ee6a6 !important}.down{color:#ff6b8b !important}
.mod-card.is-on{border-color:rgba(43,234,92,.45) !important;background:linear-gradient(160deg,rgba(43,234,92,.09),rgba(0,214,50,.07)),var(--v7-s1) !important}
.m-icon{color:var(--v7-cyan)}
.sec-title{font-family:"Alexandria",sans-serif !important;font-weight:800 !important}
.sec-ic{filter:drop-shadow(0 0 8px rgba(0,214,50,.8))}
.qa-btn{background:rgba(255,255,255,.04) !important;border:1px solid var(--v7-line) !important;border-radius:14px !important;transition:.25s}
.qa-btn:hover{background:rgba(0,214,50,.16) !important;border-color:var(--v7-brand) !important;transform:translateY(-2px);box-shadow:0 14px 34px -14px rgba(0,214,50,.8)}
.ov-period button{border-radius:12px !important}
.ov-period button.active{background:var(--v7-grad) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 8px 26px -8px rgba(0,214,50,.9)}

/* أزرار */
.btn{border-radius:13px !important;font-weight:700}
.btn-primary{background:var(--v7-grad) !important;background-size:160% 100%;border:0 !important;color:#fff !important;box-shadow:0 10px 32px -10px rgba(0,214,50,.9),inset 0 1px 0 rgba(255,255,255,.3) !important;transition:.3s !important}
.btn-primary:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 16px 40px -10px rgba(93,255,138,.7) !important}
.btn-outline,.btn-ghost{background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.14) !important;color:var(--ds-text) !important}
.btn-outline:hover,.btn-ghost:hover{border-color:var(--v7-brand) !important;background:rgba(0,214,50,.14) !important}
.btn-danger{background:linear-gradient(110deg,#ff3d6e,#ff6b3d) !important;border:0 !important;color:#fff !important}

/* حقول ومفاتيح */
input[type=text],input[type=number],input[type=password],input[type=url],input[type=search],input:not([type]),select,textarea,.field input,.field select,.field textarea{
  background:rgba(255,255,255,.04) !important;border:1px solid var(--v7-line) !important;border-radius:13px !important;color:var(--ds-text) !important;transition:.2s}
input:focus,select:focus,textarea:focus{outline:0 !important;border-color:var(--v7-brand) !important;box-shadow:0 0 0 3px rgba(0,214,50,.28),0 0 24px -6px rgba(0,214,50,.6) !important;background:rgba(0,214,50,.07) !important}
.switch input:checked+.slider,.switch input:checked + span,.switch.on,.switch .slider.on{background:var(--v7-grad) !important}
.switch-row{border-radius:16px !important;border:1px solid var(--v7-line) !important;background:rgba(255,255,255,.025) !important;transition:.2s}
.switch-row:hover{border-color:rgba(0,214,50,.4) !important;background:rgba(0,214,50,.07) !important}
.save-bar{background:rgba(8,17,11,.82) !important;backdrop-filter:blur(22px);border:1px solid rgba(0,214,50,.45) !important;border-radius:20px !important;box-shadow:0 24px 70px -20px rgba(0,214,50,.7) !important}
.toast{background:rgba(8,17,11,.92) !important;border:1px solid rgba(0,214,50,.5) !important;border-radius:16px !important;backdrop-filter:blur(18px)}
.danger-zone{border-color:rgba(255,61,110,.4) !important;background:linear-gradient(160deg,rgba(255,61,110,.08),transparent),var(--v7-s1) !important}
.tkp-tab.active,.rp-chip.active,.cmd-filter.active{background:var(--v7-grad) !important;color:#fff !important}
.lb-table tr:hover{background:rgba(0,214,50,.08)}

/* شريط تمرير */
.sidebar ::-webkit-scrollbar-thumb,.dash-main::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{background:linear-gradient(#0b8f2e,#5dff8a) !important;border-color:transparent !important}
.dash-progress{position:fixed;top:0;inset-inline:0;height:3px;z-index:2000;background:var(--v7-grad);transform-origin:right;transform:scaleX(0)}
@media(prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}}

/* V8 luxe */
.btn-primary,.ov-period button.active,.tkp-tab.active,.rp-chip.active,.cmd-filter.active{color:#031a09 !important}
.side-item.active{background:linear-gradient(135deg,rgba(0,214,50,.22),rgba(0,214,50,.05)) !important;box-shadow:inset 0 0 0 1px rgba(0,214,50,.4),0 10px 30px -14px rgba(0,214,50,.6) !important}
.side-item.active::after{background:linear-gradient(#0b8f2e,#5dff8a);box-shadow:0 0 12px rgba(93,255,138,.8)}
.server-head{background:linear-gradient(135deg,rgba(0,214,50,.16),rgba(0,214,50,.03)) !important;border-color:rgba(0,214,50,.35) !important}
body::before{background:radial-gradient(55vmax 35vmax at 90% -10%,rgba(0,214,50,.14),transparent 60%),radial-gradient(45vmax 35vmax at 0% 110%,rgba(0,214,50,.07),transparent 60%),var(--v7-bg)}
.mod-card.is-on{border-color:rgba(0,214,50,.5) !important;background:linear-gradient(160deg,rgba(0,214,50,.09),rgba(0,214,50,.02)),var(--v7-s1) !important}
.m-icon{color:var(--v7-cyan)}
.ov-num{background:linear-gradient(110deg,#0b8f2e,#5dff8a,#12b83f);-webkit-background-clip:text;background-clip:text;color:transparent}
.side-item{transition:transform .3s cubic-bezier(.22,1,.36,1),background .2s !important}


#demo-bar{background:rgba(8,17,11,.92) !important;border:1px solid rgba(0,214,50,.5) !important;color:#eef7f0 !important;box-shadow:0 20px 60px -20px rgba(0,214,50,.5) !important}#demo-bar a{color:#5dff8a !important}

/* ===== السايدبار V9: مفضلة · أخيرة · أكورديون ===== */
.side-quick{margin:6px 0 4px;padding:8px 6px 6px;border-radius:16px;background:rgba(0,214,50,.045);border:1px solid rgba(0,214,50,.14)}
.side-quick .sq-title{font-size:.7rem;font-weight:800;letter-spacing:.06em;color:var(--ds-muted-2,#62756a);padding:2px 10px 6px}
.side-quick.sq-hint{font-size:.74rem;line-height:1.6;color:var(--ds-muted,#9db0a2);padding:10px 12px;background:transparent;border-style:dashed}
.sg-all{font-size:.7rem;font-weight:800;letter-spacing:.06em;color:var(--ds-muted-2,#62756a);padding:12px 12px 4px}
.side-item{display:flex;align-items:center}
.si-pin{margin-inline-start:auto;font-size:.95rem;line-height:1;color:var(--ds-muted-2,#62756a);opacity:0;transform:scale(.8);transition:.2s;padding:3px 5px;border-radius:8px;cursor:pointer}
.side-item:hover .si-pin,.si-pin.on,.side-item:focus-visible .si-pin{opacity:1;transform:none}
.si-pin:hover{color:#5dff8a;background:rgba(0,214,50,.14)}
.si-pin.on{color:#00d632;text-shadow:0 0 10px rgba(0,214,50,.7)}
.side-item .si-dot{margin-inline-start:6px}
.side-item .si-dot ~ .si-pin{margin-inline-start:4px}
.sg-on{margin-inline-start:auto;font-size:.68rem;font-weight:800;color:#2ee66b;background:rgba(46,230,107,.12);border-radius:999px;padding:2px 8px}
.sg-head{display:flex;align-items:center;gap:6px}
.sg-head .sg-badge{margin-inline-start:0}
.sg-head .sg-ar{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.side-group:not(.closed) .sg-head .sg-ar{transform:rotate(180deg)}
.side-group:not(.closed) .sg-head{color:#fff}
@media(pointer:coarse){.si-pin{opacity:.7}}