/* ═══════════════════════════════════════════════════════════════════
   Digias Store — تصميم «كلاسيك» بأسلوب SantBot
   يتحمّل بعد theme-a.css: يعيد تعريف متغيراته (فيتغيّر كل اللي يعتمد عليها)
   ويضيف شكل SantBot: خلفية شبكية، قائمة عائمة، أزرار حبّة بتدرّج #547E72،
   شريط سيرفرات + قائمة جانبية بالداشبورد. أسماء الكلاسات الجديدة تبدأ بـ sb-
   (بدون كلمة hero/orb/ambient عشان قواعد theme-a العامة ما تلمسها).
   ═══════════════════════════════════════════════════════════════════ */

html:root {
    --a-page: #0D0E0E;
    --a-surface: #111313;
    --a-card: #151717;
    --a-card-2: #1B1E1D;
    --a-input: #111313;
    --a-chip: #1B1E1D;
    --a-line: #222625;
    --a-line-strong: #2E3432;
    --a-text: #F1F4F3;
    --a-dim: #AAB3B0;
    --a-muted: #8E9895;
    --a-accent: #547E72;
    --a-accent-hover: #5F8C7F;
    --a-accent-ink: #8DB8AA;
    --a-accent-soft: rgba(84, 126, 114, 0.14);
    --a-on-accent: #FFFFFF;
    --a-radius: 16px;
    --a-radius-sm: 12px;
    --primary-rgb: 84, 126, 114 !important;
    --accent-rgb: 84, 126, 114 !important;
    --primary-dark: #3F6157 !important;

    --sb-grad: linear-gradient(135deg, #6E9A8D 0%, #547E72 45%, #3F6157 100%);
    --sb-line: rgba(255, 255, 255, 0.07);
    --sb-ok: #4CC38A;
    --sb-dim: #5F6866;
}

::selection { background: rgba(84, 126, 114, 0.4); color: #fff; }

/* ── الخلفية الشبكية للصفحات العامة (مثل SantBot) */
html body:not(.in-corefi-app) {
    background:
        radial-gradient(48% 420px at 50% 0, rgba(84, 126, 114, 0.18), transparent 70%),
        linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px) center top / 44px 44px,
        linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px) center top / 44px 44px,
        #0D0E0E !important;
    background-attachment: scroll !important;
}
html body:not(.in-corefi-app) .page-stage,
html body:not(.in-corefi-app) #page-home,
html body:not(.in-corefi-app) #page-home section,
html body:not(.in-corefi-app) .route-page,
html body:not(.in-corefi-app) .route-page section {
    background: transparent !important;
}

/* ══════════════ القائمة العلوية العائمة ══════════════ */
html body .top-nav,
html body .top-nav.nav-scrolled,
html body.in-corefi-app .top-nav {
    background: #0D0E0E !important;
    border-bottom: 0 !important;
    padding: 7px 0 !important;
}
html body .top-nav .nav-inner {
    width: min(1000px, calc(100% - 32px)) !important;
    min-height: 58px !important;
    padding: 0 12px 0 20px !important;
    border: 1px solid var(--sb-line) !important;
    border-radius: 18px !important;
    background: #121414 !important;
}
html body.in-corefi-app .top-nav .nav-inner { width: calc(100% - 24px) !important; max-width: none !important; }
html body .top-nav .nav-link {
    color: var(--a-muted) !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 6px 4px !important;
}
html body .top-nav .nav-link:hover { color: var(--a-text) !important; }
html body .top-nav .nav-link.active { color: #fff !important; background: transparent !important; }
html body .top-nav .nav-logo span { font-size: 16px !important; font-weight: 700 !important; }
html body .top-nav .nav-logo-icon {
    width: 34px !important; height: 34px !important; border-radius: 10px !important;
    background: var(--a-accent) !important; border: 0 !important;
    display: grid !important; place-items: center !important;
}
html body .top-nav .nav-logo-icon img { width: 20px !important; height: 20px !important; object-fit: contain !important; }
html body .top-nav .btn-login {
    background: var(--sb-grad) !important; color: #fff !important; border: 0 !important;
    border-radius: 999px !important; height: 38px !important; padding: 0 18px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}
html body .top-nav .cart-btn, html body .top-nav .language-toggle, html body .top-nav .nav-user-trigger {
    border-radius: 999px !important; border: 1px solid var(--sb-line) !important; background: rgba(255, 255, 255, 0.03) !important;
}

/* ══════════════ الأزرار ══════════════ */
html body .btn-hero, html body .corefi-btn, html body .btn-save {
    border-radius: 999px !important;
}
html body .btn-hero-primary, html body .empty-state-cta, html body .btn-add-cart, html body .btn-checkout,
html body .btn-pay, html body button.primary, html body .btn.primary, html body .btn-save, html body .corefi-btn:not(.ghost) {
    background: var(--sb-grad) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}
html body .btn-hero-primary:hover, html body .btn-save:hover, html body .corefi-btn:not(.ghost):hover { filter: brightness(1.08); }
html body .btn-hero-outline, html body .corefi-btn.ghost {
    background: transparent !important;
    color: var(--a-text) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
}
html body .btn-hero-outline:hover, html body .corefi-btn.ghost:hover { border-color: rgba(141, 184, 170, 0.5) !important; background: rgba(84, 126, 114, 0.08) !important; }

/* ── البطاقات العامة */
html body .stat-card, html body .sys-feature-card, html body .dp-product-card, html body .dp-testimonial-card,
html body .dp-support-card, html body .sys-faq-item, html body .sys-price-card, html body .dp-duo-card,
html body .dp-panel-widget, html body .sys-stat-card, html body .dp-welcome-item {
    background: var(--a-card) !important;
    border: 1px solid var(--sb-line) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}
html body .sys-feature-icon, html body .dp-product-icon, html body .dp-welcome-item-icon, html body .dp-duo-icon {
    background: rgba(84, 126, 114, 0.14) !important;
    color: var(--a-accent-ink) !important;
    border: 1px solid rgba(141, 184, 170, 0.18) !important;
    border-radius: 12px !important;
}
html body .sys-feature-icon i, html body .dp-product-icon i, html body .dp-welcome-item-icon i, html body .dp-duo-icon i { color: var(--a-accent-ink) !important; }

/* ══════════════ الرئيسية: الواجهة بأسلوب SantBot ══════════════ */
#page-home .sb-intro { position: relative; text-align: center; padding: 64px 20px 0; }
#page-home .sb-pair { display: flex; align-items: center; justify-content: center; gap: 18px; }
#page-home .sb-tile {
    width: 66px; height: 66px; border-radius: 20px; display: grid; place-items: center;
    box-shadow: 0 14px 34px -12px rgba(0, 0, 0, 0.8);
}
#page-home .sb-tile--brand { background: linear-gradient(160deg, #1C2421, #0F1312); border: 1px solid rgba(141, 184, 170, 0.25); }
#page-home .sb-tile--brand img { width: 34px; height: 40px; object-fit: contain; }
#page-home .sb-tile--discord { background: #5865F2; color: #fff; font-size: 30px; }
#page-home .sb-tile--discord i { color: #fff !important; }
#page-home .sb-tile--discord.sb-tile--user { background: #1B1E1D; border: 1px solid rgba(141, 184, 170, 0.25); overflow: hidden; }
#page-home .sb-tile--user > i { display: none !important; }
#page-home .sb-tile-avatar { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: inherit; }
#page-home .sb-dots { display: flex; gap: 6px; }
#page-home .sb-dots span { width: 5px; height: 5px; border-radius: 50%; background: #4A524F; }
#page-home .sb-dots span:nth-child(2) { background: var(--a-accent-ink); }
#page-home .sb-chip {
    display: inline-flex; align-items: center; gap: 8px; margin-top: 26px; font-size: 13px; color: #CFE3DC !important;
    border: 1px solid rgba(141, 184, 170, 0.28); background: rgba(84, 126, 114, 0.10); padding: 5px 16px; border-radius: 999px;
}
#page-home .sb-chip i { color: var(--a-accent-ink) !important; }
#page-home h1.sb-title {
    font-size: clamp(30px, 4.2vw, 48px) !important; line-height: 1.5 !important; font-weight: 500 !important;
    margin: 22px auto 0 !important; letter-spacing: -0.3px !important; color: #fff !important; max-width: 900px;
}
#page-home h1.sb-title span { display: block; color: inherit !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
#page-home .sb-lead { color: var(--a-muted) !important; font-size: 15.5px; margin: 14px auto 0; max-width: 620px; }
#page-home .sb-cta { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 28px; }
#page-home .sb-cta .btn-hero { height: 46px; padding: 0 24px; display: inline-flex; align-items: center; gap: 9px; font-weight: 600; font-size: 14.5px; }
#page-home .sb-cta .sb-white {
    background: #F3F5F4 !important; color: #101212 !important; border: 0 !important;
    box-shadow: 0 10px 30px -10px rgba(255, 255, 255, 0.35) !important;
}
#page-home .sb-cta .sb-white i { color: #101212 !important; }

#page-home .sb-preview { position: relative; max-width: 1000px; margin: 60px auto 0; }
#page-home .sb-frame { border: 1px solid var(--sb-line); border-radius: 26px; background: rgba(255, 255, 255, 0.02); padding: 12px; }
#page-home .sb-win { position: relative; height: 340px; overflow: hidden; border-radius: 16px; background: var(--a-card); border: 1px solid var(--sb-line); text-align: start; }
#page-home .sb-win::after { content: ""; position: absolute; inset: auto 0 0; height: 120px; background: linear-gradient(transparent, #0D0E0E); pointer-events: none; }
#page-home .sb-bar { height: 40px; display: flex; align-items: center; gap: 10px; padding: 0 14px; border-bottom: 1px solid var(--sb-line); }
#page-home .sb-url { font-size: 11px; color: var(--sb-dim); background: rgba(255, 255, 255, 0.04); padding: 3px 12px; border-radius: 6px; direction: ltr; }
#page-home .sb-wc { margin-inline-start: auto; display: flex; gap: 16px; color: var(--sb-dim); font-size: 11px; }
#page-home .sb-body { display: grid; grid-template-columns: 160px 1fr; height: calc(100% - 40px); }
#page-home .sb-pside { border-inline-end: 1px solid var(--sb-line); padding: 12px; display: flex; flex-direction: column; gap: 6px; }
#page-home .sb-pg { height: 42px; border-radius: 10px; background: var(--a-card-2); display: flex; align-items: center; gap: 8px; padding: 0 10px; font-size: 11.5px; font-weight: 600; color: #fff; }
#page-home .sb-pg span { width: 24px; height: 24px; border-radius: 7px; background: var(--a-accent); display: grid; place-items: center; }
#page-home .sb-pg img { width: 13px; height: 15px; object-fit: contain; }
#page-home .sb-pside small { font-size: 10px; color: var(--sb-dim); margin-top: 8px; }
#page-home .sb-pside em { font-style: normal; font-size: 11px; color: var(--a-muted); padding: 6px 8px; border-radius: 8px; display: flex; gap: 8px; align-items: center; }
#page-home .sb-pside em i { color: var(--a-muted) !important; font-size: 10px; }
#page-home .sb-pside em.on { background: rgba(84, 126, 114, 0.16); color: #fff; }
#page-home .sb-pmain { padding: 18px 22px; }
#page-home .sb-pmain b.sb-hello { display: block; text-align: center; font-size: 14px; font-weight: 600; color: #fff; }
#page-home .sb-pmain small.sb-hello-sub { display: block; text-align: center; font-size: 10.5px; color: var(--sb-dim); }
#page-home .sb-pstats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 16px; }
#page-home .sb-pstats div { background: var(--a-card-2); border: 1px solid var(--sb-line); border-radius: 10px; padding: 10px 12px; font-size: 10.5px; color: var(--a-muted); }
#page-home .sb-pstats strong { display: block; font-size: 17px; color: #fff !important; margin-top: 4px; }
#page-home .sb-pstats em { font-style: normal; color: var(--sb-ok); font-size: 9.5px; }
#page-home .sb-prow { display: grid; grid-template-columns: 2fr 1fr; gap: 10px; margin-top: 10px; }
#page-home .sb-prow div { height: 120px; background: var(--a-card-2); border: 1px solid var(--sb-line); border-radius: 10px; }
#page-home .sb-float {
    position: absolute; display: flex; align-items: center; gap: 10px; text-align: start;
    background: rgba(21, 24, 23, 0.94); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px;
    padding: 10px 14px; box-shadow: 0 18px 40px -14px rgba(0, 0, 0, 0.9);
}
#page-home .sb-float > i { color: var(--a-accent-ink) !important; font-size: 13px; }
#page-home .sb-float b { display: block; font-size: 12.5px; color: #fff; }
#page-home .sb-float small { display: block; color: var(--a-muted); font-size: 10.5px; }
#page-home .sb-f1 { top: 18px; right: -56px; }
#page-home .sb-f2 { top: 262px; right: -44px; }
#page-home .sb-f3 { top: 96px; left: -50px; }
#page-home .sb-f4 { top: 226px; left: -34px; }

/* ── قسم «أهلاً بك»: نفس أسلوب الواجهة (نافذة + بطاقات طايرة + شريط) */
#page-home .sb-welcome-sec { text-align: center; max-width: 1000px; margin-inline: auto; padding-inline: 20px; background: transparent !important; border: 0 !important; box-shadow: none !important; }
#page-home .sb-wsec-head .sb-chip { margin-top: 0; }
#page-home h2.sb-wsec-title { font-size: clamp(26px, 3.4vw, 38px) !important; font-weight: 600 !important; line-height: 1.4 !important; margin: 16px 0 0 !important; color: #fff !important; }
#page-home .sb-wsec-preview { max-width: 760px; margin-top: 48px; }
#page-home .sb-win.sb-dwin { height: auto; background: #1A1D1F; }
#page-home .sb-dwin::after { display: none; }
#page-home .sb-dhash { color: var(--sb-dim); font-size: 18px; font-weight: 300; }
#page-home .sb-dchan { color: #fff; font-size: 14px; font-weight: 600; }
#page-home .sb-donline { margin-inline-start: auto; font-size: 12px; color: var(--a-muted); display: flex; align-items: center; gap: 6px; }
#page-home .sb-donline::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--sb-ok); }
#page-home .sb-dmsgs { padding: 20px 22px 24px; display: flex; flex-direction: column; gap: 16px; text-align: start; }
#page-home .sb-dsys { font-size: 13px; color: var(--a-muted); }
#page-home .sb-dsys i { color: var(--sb-ok) !important; margin-inline-end: 6px; }
#page-home .sb-dmsg { display: grid; grid-template-columns: 40px 1fr; gap: 12px; }
#page-home .sb-dav { width: 40px; height: 40px; border-radius: 50%; background: var(--a-accent); display: grid; place-items: center; }
#page-home .sb-dav img { width: 20px; height: 24px; object-fit: contain; }
#page-home .sb-dwho { font-size: 14px; font-weight: 600; color: #fff; display: flex; align-items: center; gap: 8px; }
#page-home .sb-dwho small { color: var(--sb-dim); font-weight: 400; font-size: 11.5px; }
#page-home .sb-dbot { font-size: 10px; font-weight: 700; background: var(--a-accent); color: #fff; padding: 0 6px; border-radius: 4px; }
#page-home .sb-dembed { margin-top: 8px; border-inline-start: 4px solid var(--a-accent); background: #24282B; border-radius: 8px; overflow: hidden; max-width: 480px; }
#page-home .sb-dart {
    height: 126px; display: flex; align-items: center; gap: 16px; padding: 0 20px;
    background: radial-gradient(70% 130% at 70% 0%, rgba(141, 184, 170, 0.35), transparent 60%), linear-gradient(135deg, #22312D, #141918);
}
#page-home .sb-dpf { width: 62px; height: 62px; flex: none; border-radius: 50%; background: #7A5AF5; border: 3px solid #fff; display: grid; place-items: center; font-weight: 700; font-size: 22px; color: #fff; }
#page-home .sb-dart b { display: block; font-size: 20px; color: #fff; }
#page-home .sb-dart span { font-size: 12.5px; color: #CFE3DC; }
#page-home .sb-dart .sb-dpf { font-size: 22px; color: #fff; }
#page-home .sb-dtx { padding: 10px 14px; font-size: 13px; color: #C9CED4; }
#page-home .sb-dtx b { color: #fff; }
#page-home .sb-w1 { top: -50px; right: -40px; }
#page-home .sb-w2 { top: 236px; right: -64px; }
#page-home .sb-w3 { top: 150px; left: -86px; }
#page-home .sb-wsec-band {
    display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 56px; text-align: start;
    border: 1px solid var(--sb-line); border-radius: 16px; background: var(--a-card); overflow: hidden;
}
#page-home .sb-wpt { padding: 24px; }
#page-home .sb-wpt + .sb-wpt { border-inline-start: 1px solid var(--sb-line); }
#page-home .sb-wib {
    width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; margin-bottom: 14px;
    background: var(--a-card-2); border: 1px solid var(--sb-line); color: var(--a-accent-ink); font-size: 16px;
}
#page-home .sb-wib i { color: var(--a-accent-ink) !important; }
#page-home .sb-wpt h3 { font-size: 16px !important; font-weight: 600 !important; color: #fff !important; margin: 0 !important; }
#page-home .sb-wpt p { font-size: 13.5px !important; color: var(--a-muted) !important; margin: 6px 0 0 !important; line-height: 1.75 !important; }
#page-home .sb-welcome-sec .sb-cta { margin-top: 32px; }

/* ── «اخوان» الواجهة: نفس الإطار المزدوج للنوافذ، وبطاقات بدون عنصر وحيد بآخر صف */
#page-home #dashboard-preview .dp-panel-preview,
#page-home .sys-hub-promo-frame,
#page-home .sys-split-visual {
    border: 1px solid var(--sb-line) !important; border-radius: 16px !important; background: var(--a-card) !important;
    box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.02), 0 0 0 13px var(--sb-line), 0 40px 80px -40px rgba(0, 0, 0, 0.9) !important;
    margin: 13px !important;
}
#page-home .sys-hub-promo-glow, #page-home .sys-hub-promo-dots { display: none !important; }
#page-home .dp-products-grid, #page-home .sys-features-grid {
    display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 16px !important;
}
#page-home .dp-products-grid > .dp-product-card { flex: 1 1 190px !important; max-width: 260px !important; }
#page-home .sys-features-grid > .sys-feature-card { flex: 0 1 calc(25% - 12px) !important; min-width: 220px; }
#page-home .sys-cta-band { border: 0 !important; background: transparent !important; padding: 0 !important; box-shadow: none !important; }
#page-home .dp-duo-card { background: var(--a-card) !important; background-image: none !important; }

/* ── «معاينة لوحة التحكم»: نفس نافذة الواجهة */
#page-home .sb-panel-preview { max-width: 1000px; margin-top: 48px; }
#page-home .sb-win.sb-pwin { height: auto; }
#page-home .sb-pwin::after { display: none; }
#page-home .sb-pwin .sb-body { grid-template-columns: 190px 1fr; height: auto; }
#page-home .sb-pwin .sb-pside em { font-size: 12.5px; padding: 8px 10px; }
#page-home .sb-pwin .sb-pside em i { font-size: 11.5px; }
#page-home .sb-pwin .sb-pmain { padding: 22px 26px 26px; }
#page-home .sb-ptop { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--sb-line); }
#page-home .sb-ptop b { font-size: 15px; font-weight: 600; color: #fff; }
#page-home .sb-ponline { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; color: var(--sb-ok); background: rgba(76, 195, 138, 0.10); border: 1px solid rgba(76, 195, 138, 0.25); padding: 2px 12px; border-radius: 999px; }
#page-home .sb-ponline::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--sb-ok); }
#page-home .sb-pstats.sb-pstats3 { grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 16px; }
#page-home .sb-pstats3 div { padding: 14px 16px; font-size: 12px; }
#page-home .sb-pstats3 strong { font-size: 22px; }
#page-home .sb-pchart { display: flex; align-items: flex-end; gap: 6px; height: 150px; margin-top: 12px; padding: 16px 16px 0; background: var(--a-card-2); border: 1px solid var(--sb-line); border-radius: 12px; direction: ltr; }
#page-home .sb-pchart i { flex: 1; border-radius: 4px 4px 0 0; background: linear-gradient(180deg, #8DB8AA, rgba(84, 126, 114, 0.35)); }
#page-home .sb-p1 { top: 168px; left: -72px; }
#page-home .sb-p2 { top: 330px; left: -52px; }
#page-home .sb-p3 { top: 372px; right: -60px; }

/* ── «مركز العضو»: نفس نافذة الواجهة + نص بنفس أسلوب باقي الأقسام */
#page-home .sys-hub-promo { background: transparent !important; border: 0 !important; box-shadow: none !important; }
#page-home .sys-hub-promo-badge {
    display: inline-flex !important; align-items: center; gap: 8px; width: max-content; color: #CFE3DC !important;
    border: 1px solid rgba(141, 184, 170, 0.28) !important; background: rgba(84, 126, 114, 0.10) !important;
    padding: 4px 14px !important; border-radius: 999px !important; font-size: 12.5px !important;
}
#page-home .sys-hub-promo-badge i { color: var(--a-accent-ink) !important; }
#page-home .sys-hub-promo-copy h2 { font-weight: 600 !important; color: #fff !important; }
#page-home .sys-hub-promo-points { list-style: none !important; padding: 0 !important; display: flex; flex-direction: column; gap: 12px; }
#page-home .sys-hub-promo-points li { display: flex !important; align-items: center; gap: 12px; color: #D7DEDB !important; font-size: 14.5px !important; }
#page-home .sys-hub-promo-points li i {
    width: 32px; height: 32px; flex: none; border-radius: 10px; display: grid !important; place-items: center;
    background: rgba(84, 126, 114, 0.14); border: 1px solid rgba(141, 184, 170, 0.18); color: var(--a-accent-ink) !important; font-size: 12.5px;
}
#page-home .sb-hub-preview { margin: 0; max-width: none; }
#page-home .sb-win.sb-hwin { height: auto; }
#page-home .sb-hwin::after { display: none; }
#page-home .sb-hwin .hub-mock { padding: 18px 20px 20px; background: transparent !important; }
#page-home .sb-hwin .hub-mock-input, #page-home .sb-hwin .hub-mock-paste, #page-home .sb-hwin .hub-mock-hit,
#page-home .sb-hwin .hub-mock-card, #page-home .sb-hwin .hub-mock-row {
    background: var(--a-card-2) !important; border: 1px solid var(--sb-line) !important; box-shadow: none !important;
}
#page-home .sb-hwin .hub-mock-card { border-radius: 14px !important; }
#page-home .sb-hwin .hub-mock-avatar { background: var(--a-accent) !important; }
#page-home .sb-h1 { top: -26px; left: 28px; }
#page-home .sb-h2 { top: auto; bottom: -24px; right: 28px; }
#page-home .sb-hub-preview { margin-top: 30px; margin-bottom: 30px; }

/* ── بطاقتي الموسيقى والاشتراكات: نافذة صغيرة بنفس أسلوب الواجهة بدل الأيقونة والإضاءة */
#page-home .dp-duo-card::before, #page-home .dp-duo-card::after { display: none !important; content: none !important; }
#page-home .dp-duo-card { padding: 22px 26px 26px !important; }
#page-home .sb-mini {
    border: 1px solid var(--sb-line); border-radius: 14px; background: #111313; overflow: hidden; margin: 8px 8px 26px;
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.02), 0 0 0 8px var(--sb-line);
}
#page-home .sb-mini-bar { height: 34px; display: flex; align-items: center; gap: 10px; padding: 0 12px; border-bottom: 1px solid var(--sb-line); }
#page-home .sb-mini-bar .sb-url { font-size: 10.5px; color: var(--sb-dim); background: rgba(255, 255, 255, 0.04); padding: 2px 10px; border-radius: 6px; direction: ltr; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#page-home .sb-mini-bar .sb-wc { flex: none; }
#page-home .sb-mini-bar .sb-wc { margin-inline-start: auto; display: flex; gap: 14px; color: var(--sb-dim); font-size: 10px; }
#page-home .sb-mini-body { padding: 16px; }
#page-home .sb-np { display: flex; align-items: center; gap: 12px; }
#page-home .sb-np-art { width: 46px; height: 46px; flex: none; border-radius: 12px; display: grid; place-items: center; background: linear-gradient(135deg, #6E9A8D, #3F6157); }
#page-home .sb-np-art i { color: #fff !important; font-size: 17px; }
#page-home .sb-np b { display: block; font-size: 13.5px; color: #fff; }
#page-home .sb-np small { display: block; font-size: 12px; color: var(--a-muted); }
#page-home .sb-np-btn { margin-inline-start: auto; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: #F3F5F4; }
#page-home .sb-np-btn i { color: #101212 !important; font-size: 12px; }
#page-home .sb-np-track { height: 5px; border-radius: 5px; background: var(--a-card-2); margin-top: 16px; overflow: hidden; direction: ltr; }
#page-home .sb-np-track i { display: block; width: 36%; height: 100%; border-radius: 5px; background: var(--a-accent-ink); }
#page-home .sb-np-time { display: flex; justify-content: space-between; font-size: 11px; color: var(--sb-dim); margin-top: 6px; direction: ltr; }
#page-home .sb-np-queue { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding: 9px 12px; border-radius: 10px; background: var(--a-card-2); border: 1px solid var(--sb-line); font-size: 12.5px; color: var(--a-muted); }
#page-home .sb-np-queue b { color: #fff; font-size: 12.5px; }
#page-home .sb-sub { display: grid; grid-template-columns: 30px 1fr auto auto; align-items: center; gap: 10px; padding: 8px 0; font-size: 13px; }
#page-home .sb-sub + .sb-sub { border-top: 1px solid var(--sb-line); }
#page-home .sb-sub-ic { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: var(--a-card-2); border: 1px solid var(--sb-line); }
#page-home .sb-sub-ic i { color: var(--a-accent-ink) !important; font-size: 12px; }
#page-home .sb-sub b { color: #fff; font-weight: 600; }
#page-home .sb-sub small { color: var(--a-muted); font-size: 12px; min-width: 48px; text-align: end; }
#page-home .sb-sub-st { font-size: 11px; font-weight: 600; padding: 1px 9px; border-radius: 999px; }
#page-home .sb-sub-st.ok { color: var(--sb-ok); background: rgba(76, 195, 138, 0.12); }
#page-home .sb-sub-st.warn { color: #E6B450; background: rgba(230, 180, 80, 0.12); }
#page-home .sb-sub-auto { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; padding: 9px 12px; border-radius: 10px; background: var(--a-card-2); border: 1px solid var(--sb-line); font-size: 12.5px; color: var(--a-muted); }
#page-home .sb-sw { width: 36px; height: 20px; border-radius: 99px; background: #6FA594; position: relative; }
#page-home .sb-sw::after { content: ""; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: #fff; }

/* ── «لماذا Digias Store؟»: بطاقة بارزة بنافذة صغيرة + شريط مقسوم بخطوط رفيعة (مثل شريط الأرقام) */
#page-home .sb-feat { max-width: 1150px; margin: 34px auto 0; display: flex; flex-direction: column; gap: 16px; text-align: start; }
#page-home .sb-feat-hero {
    display: grid; grid-template-columns: 1fr 1.1fr; gap: 36px; align-items: center; padding: 28px 32px;
    background: var(--a-card); border: 1px solid var(--sb-line); border-radius: 18px;
}
#page-home .sb-feat-hero h3 { font-size: 22px !important; font-weight: 600 !important; color: #fff !important; margin: 0 !important; }
#page-home .sb-feat-hero p { font-size: 15px !important; color: var(--a-muted) !important; margin: 8px 0 0 !important; line-height: 1.8 !important; max-width: 44ch; }
#page-home .sb-feat-hero .sb-mini { margin: 8px; }
#page-home .sb-fx { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 0; }
#page-home .sb-fx + .sb-fx { border-top: 1px solid var(--sb-line); }
#page-home .sb-fx b { display: block; font-size: 13.5px; color: #fff; font-weight: 600; }
#page-home .sb-fx small { display: block; font-size: 12px; color: var(--a-muted); }
#page-home .sb-sw.off { background: #3A4240; }
#page-home .sb-sw.off::after { left: auto; right: 3px; }
#page-home .sb-feat-band {
    display: grid; grid-template-columns: repeat(3, 1fr); background: var(--a-card); border: 1px solid var(--sb-line); border-radius: 18px; overflow: hidden;
}
#page-home .sb-fpt { padding: 26px; border-top: 1px solid var(--sb-line); }
#page-home .sb-fpt:nth-child(-n+3) { border-top: 0; }
#page-home .sb-fpt:not(:nth-child(3n+1)) { border-inline-start: 1px solid var(--sb-line); }
#page-home .sb-fpt h3 { font-size: 16px !important; font-weight: 600 !important; color: #fff !important; margin: 0 !important; }
#page-home .sb-fpt p { font-size: 13.5px !important; color: var(--a-muted) !important; margin: 6px 0 0 !important; line-height: 1.75 !important; }

/* ── «لوحة تحكم مخصصة لـ System»: نافذة صغيرة */
#page-home .sb-split-chip { margin: 0 0 14px; }
#page-home .sys-split-copy h3 { font-weight: 600 !important; color: #fff !important; }
#page-home .sb-split-visual .sb-mini { margin: 8px; }
#page-home .sb-srow { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 12px; padding: 11px 0; font-size: 13.5px; }
#page-home .sb-srow + .sb-srow { border-top: 1px solid var(--sb-line); }
#page-home .sb-srow b { color: #fff; font-weight: 600; }
#page-home .sb-srow span:last-child { color: var(--a-muted); font-size: 12.5px; }

/* ── الأسعار: إطار مزدوج + بطاقات طايرة */
#page-home .sb-price-preview { max-width: 460px; margin: 40px auto 0; }
#page-home .sb-price-preview .sb-frame { padding: 10px; }
#page-home .sb-price-preview .sys-price-card { margin: 0 !important; max-width: none !important; width: 100% !important; box-shadow: none !important; }
#page-home .sb-q1 { top: 40px; right: -150px; }
#page-home .sb-q2 { top: 210px; left: -150px; }
#page-home .sb-q3 { bottom: 70px; right: -120px; }

/* ── آراء العملاء: قناة ديسكورد */
#page-home .sb-rev-preview { max-width: 820px; margin-top: 40px; }
#page-home .sb-rev-preview .sb-dmsgs { gap: 20px; padding: 22px 24px 26px; }
#page-home .sb-rmsg .sb-dav { font-weight: 700; color: #fff; font-size: 15px; }
#page-home .sb-rmsg .sb-dwho small { margin-inline-start: 2px; }
#page-home .sb-rtext { margin: 4px 0 0 !important; font-size: 14.5px !important; color: #D7DEDB !important; line-height: 1.75 !important; }
#page-home .sb-rreact { display: flex; gap: 6px; margin-top: 8px; }
#page-home .sb-rreact span { font-size: 12px; padding: 1px 9px; border-radius: 8px; background: rgba(84, 126, 114, 0.14); border: 1px solid rgba(141, 184, 170, 0.25); color: #CFE3DC; }

/* ── الأسئلة الشائعة: قائمة وحدة مقسومة بخطوط رفيعة */
#page-home .sb-faq-list {
    display: block !important; max-width: 860px; margin: 34px auto 0 !important;
    background: var(--a-card); border: 1px solid var(--sb-line); border-radius: 18px; overflow: hidden;
}
#page-home .sb-faq-list .sys-faq-item { background: transparent !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; }
#page-home .sb-faq-list .sys-faq-item + .sys-faq-item { border-top: 1px solid var(--sb-line) !important; }
#page-home .sb-faq-list summary { padding: 20px 26px !important; font-size: 15.5px !important; font-weight: 600 !important; color: #fff !important; cursor: pointer; }
#page-home .sb-faq-list .sys-faq-item[open] { background: rgba(84, 126, 114, 0.06) !important; }
#page-home .sb-faq-list .sys-faq-item p { padding: 0 26px 20px !important; margin: -6px 0 0 !important; color: var(--a-muted) !important; }

/* ── الدعم: صندوق آخر الصفحة */
#page-home .sb-support {
    max-width: 1000px; margin-inline: auto; background: radial-gradient(60% 120% at 50% 0%, rgba(84, 126, 114, 0.20), transparent 70%), var(--a-card) !important;
    border: 1px solid rgba(141, 184, 170, 0.22) !important; border-radius: 22px !important;
    box-shadow: none !important;
}
#page-home .sb-support h2 { font-weight: 600 !important; color: #fff !important; }
#page-home .sb-support .dp-support-card { border-radius: 999px !important; padding: 10px 20px 10px 14px !important; background: var(--a-card-2) !important; border: 1px solid var(--sb-line) !important; }
#page-home .sb-support .dp-support-card:hover { border-color: rgba(141, 184, 170, 0.45) !important; }
#page-home .sb-support .dp-support-card > i {
    width: 38px; height: 38px; border-radius: 50%; display: grid !important; place-items: center; font-size: 15px !important;
    background: rgba(84, 126, 114, 0.18); color: var(--a-accent-ink) !important;
}

/* ── باقي أقسام الرئيسية */
#page-home .sys-section { padding-top: 80px !important; }
#page-home .sys-section-head { text-align: center !important; margin-inline: auto !important; }
#page-home .sys-section-head h2, #page-home .sys-section h2 { font-weight: 600 !important; color: #fff !important; }
#page-home .sys-section-kicker, #page-home .dp-kicker {
    display: inline-flex !important; align-items: center; gap: 8px; color: #CFE3DC !important;
    border: 1px solid rgba(141, 184, 170, 0.28) !important; background: rgba(84, 126, 114, 0.10) !important;
    padding: 4px 14px !important; border-radius: 999px !important; font-size: 12.5px !important; letter-spacing: 0 !important; text-transform: none !important;
}
#page-home .sys-stats-strip {
    max-width: 1000px !important; margin: 80px auto 0 !important; padding: 0 !important; gap: 0 !important;
    display: grid !important; grid-template-columns: repeat(4, 1fr) !important;
    border: 1px solid var(--sb-line) !important; border-radius: 16px !important; background: var(--a-card) !important; overflow: hidden;
}
#page-home .sys-stats-strip .sys-stat-card { border: 0 !important; border-radius: 0 !important; background: transparent !important; text-align: center !important; padding: 24px !important; }
#page-home .sys-stats-strip .sys-stat-card + .sys-stat-card { border-inline-start: 1px solid var(--sb-line) !important; }
#page-home .sys-stats-strip .sys-stat-card i { color: var(--a-accent-ink) !important; }
#page-home .sys-stats-strip strong { font-size: 30px !important; font-weight: 600 !important; color: #fff !important; }
#page-home .sys-cta-band, #page-home .sys-cta-inner {
    border: 1px solid rgba(141, 184, 170, 0.22) !important; border-radius: 24px !important;
    background: radial-gradient(60% 120% at 50% 0%, rgba(84, 126, 114, 0.22), transparent 70%), var(--a-card) !important;
}
.site-footer { border-top: 1px solid var(--sb-line) !important; background: transparent !important; }

/* ══════════════ الداشبورد: شريط السيرفرات + القائمة الجانبية ══════════════ */
#page-servers > .corefi-app, #page-dashboard > .corefi-app { display: flex !important; }
#page-servers > .corefi-app > .corefi-main, #page-dashboard > .corefi-app > .corefi-main { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; }

.sb-rail {
    flex: 0 0 66px; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 14px 0;
    background: #080A09; border-inline-end: 1px solid var(--sb-line); overflow-y: auto; scrollbar-width: none;
}
.sb-rail::-webkit-scrollbar { display: none; }
.sb-rail button, .sb-rail a {
    position: relative; width: 44px; height: 44px; flex: none; border-radius: 14px; display: grid; place-items: center;
    background: var(--a-card-2); color: #D7DEDB; font-weight: 700; font-size: 15px; border: 0; cursor: pointer; overflow: visible;
    transition: border-radius .15s ease, box-shadow .15s ease;
}
.sb-rail button:hover { border-radius: 12px; box-shadow: 0 0 0 1px rgba(141, 184, 170, 0.35); }
.sb-rail button img.sb-rail-img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.sb-rail .sb-rail-home { background: var(--a-accent); }
.sb-rail .sb-rail-home img { width: 22px; height: 26px; object-fit: contain; }
.sb-rail button.is-current { box-shadow: 0 0 0 2px var(--a-accent-ink); }
.sb-rail .sb-st { position: absolute; bottom: -2px; left: -2px; width: 13px; height: 13px; border-radius: 50%; background: var(--sb-ok); border: 3px solid #080A09; }
.sb-rail .sb-st.off { background: #59625F; }
.sb-rail hr { width: 26px; border: 0; border-top: 1px solid var(--sb-line); margin: 0; }
.sb-rail i { color: var(--a-muted) !important; }

.sb-side { flex: 0 0 250px; display: flex; flex-direction: column; background: var(--a-card); border-inline-end: 1px solid var(--sb-line); min-height: 0; }
body.dash-guild-focus .sb-side, #page-servers.dash-guild-focus .sb-side { display: none !important; }
.sb-prof {
    height: 96px; flex: none; display: flex; align-items: flex-end; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--sb-line);
    background: linear-gradient(120deg, rgba(84, 126, 114, 0.55), rgba(30, 45, 40, 0.4)),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 22px);
}
.sb-prof img { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.85); object-fit: cover; background: #2D3B36; }
.sb-prof strong { display: block; font-size: 14px; color: #fff; }
.sb-prof span { font-size: 11.5px; color: rgba(255, 255, 255, 0.78); }
.sb-nav { flex: 1; overflow-y: auto; padding: 12px; }
.sb-nav h5 { font-size: 11.5px; font-weight: 500; color: var(--sb-dim); margin: 14px 10px 6px; display: flex; align-items: center; gap: 8px; }
.sb-nav h5::after { content: ""; flex: 1; height: 1px; background: var(--sb-line); }
html body .sb-nav .corefi-nav-item {
    display: flex !important; align-items: center; gap: 11px; width: 100%; padding: 9px 10px !important; margin-bottom: 2px;
    border-radius: 12px !important; font-size: 13.5px !important; color: #C2CAC7 !important; background: transparent !important;
    border: 1px solid transparent !important; text-align: start; cursor: pointer; text-decoration: none;
}
.sb-nav .corefi-nav-item > i {
    width: 30px; height: 30px; flex: none; border-radius: 9px; display: grid; place-items: center;
    background: var(--a-card-2); font-size: 12.5px; color: var(--a-muted) !important;
}
html body .sb-nav .corefi-nav-item:hover { background: rgba(255, 255, 255, 0.03) !important; color: #fff !important; }
html body .sb-nav .corefi-nav-item.active { color: #fff !important; border-color: rgba(141, 184, 170, 0.35) !important; background: rgba(84, 126, 114, 0.10) !important; }
.sb-nav .corefi-nav-item.active > i { background: rgba(84, 126, 114, 0.25); color: var(--a-accent-ink) !important; }
.sb-new { margin-inline-start: auto; font-size: 10.5px; padding: 1px 8px; border-radius: 6px; background: rgba(255, 255, 255, 0.06); color: var(--a-muted); border: 1px solid var(--sb-line); }
.sb-sfoot { flex: none; border-top: 1px solid var(--sb-line); padding: 12px 16px; display: flex; align-items: center; gap: 10px; font-size: 13px; }
.sb-sfoot img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.sb-sfoot strong { display: block; font-size: 13px; color: #fff; }
.sb-sfoot small { display: block; font-size: 11px; color: var(--sb-ok); }
.sb-sfoot button { margin-inline-start: auto; width: 34px; height: 34px; border-radius: 10px; border: 1px solid var(--sb-line); background: transparent; color: var(--a-muted); cursor: pointer; display: grid; place-items: center; }
.sb-sfoot button:hover { color: #fff; border-color: rgba(141, 184, 170, 0.35); }

/* ── صفحة السيرفرات: ترحيب + بطاقات أرقام */
#page-servers .sb-welcome { text-align: start; padding: 6px 0 0; }
#page-servers .sb-welcome h2 { font-size: 26px !important; font-weight: 600 !important; color: #fff !important; margin: 0 !important; }
#page-servers .sb-welcome p { color: var(--a-muted) !important; font-size: 13.5px !important; margin: 2px 0 0 !important; }
#page-servers .sb-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 20px 0 18px; }
#page-servers .sb-kpi {
    background: var(--a-card); border: 1px solid var(--sb-line); border-radius: 16px; padding: 18px 20px;
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
#page-servers .sb-kpi span { display: block; font-size: 12.5px; color: var(--a-muted); }
#page-servers .sb-kpi strong { display: block; font-size: 24px; font-weight: 600; color: #fff; margin-top: 2px; font-variant-numeric: tabular-nums; }
#page-servers .sb-kpi > i {
    width: 42px; height: 42px; flex: none; border-radius: 12px; display: grid; place-items: center;
    background: var(--a-card-2); border: 1px solid var(--sb-line); color: var(--a-accent-ink) !important; font-size: 15px;
}
html body #page-servers .srv-pick-scroll { padding: 26px 28px !important; }
html body #page-servers .srv-pick-toolbar {
    background: var(--a-card) !important; border: 1px solid var(--sb-line) !important; border-radius: 16px !important; max-width: none !important; margin: 0 !important;
}
html body #page-servers .srv-tier-btn { border-radius: 999px !important; }
html body #page-servers .srv-tier-btn.active { background: var(--a-accent) !important; border-color: var(--a-accent) !important; color: #fff !important; }
html body #page-servers .srv-tier-btn.active i { color: #fff !important; }
html body #page-servers .srv-pick-meta { text-align: start !important; margin: 14px 2px 10px !important; color: var(--a-muted) !important; }
html body #page-servers .srv-pick-grid { justify-content: flex-start !important; }
html body #page-servers .srv-pick-card {
    background: var(--a-card) !important; border: 1px solid var(--sb-line) !important; border-radius: 16px !important; box-shadow: none !important;
}
html body #page-servers .srv-pick-card:hover { border-color: rgba(141, 184, 170, 0.35) !important; }
html body #page-servers .srv-pick-card__glow { display: none !important; }
html body #page-servers .srv-pick-card__icon { background: var(--a-card-2) !important; border: 1px solid var(--sb-line) !important; box-shadow: none !important; }
html body #page-servers .srv-pick-card__btn {
    background: var(--a-card-2) !important; border: 1px solid var(--sb-line) !important; border-radius: 999px !important; color: #fff !important;
}
html body #page-servers .srv-pick-card--active:hover .srv-pick-card__btn { background: var(--sb-grad) !important; border-color: transparent !important; }

/* ══════════════ لوحة السيرفر (القائمة الجانبية الحالية بشكل SantBot) ══════════════ */
html body .guild-side {
    background: var(--a-card) !important;
    border: 0 !important; border-inline-start: 1px solid var(--sb-line) !important;
    border-radius: 0 !important;
}
html body .guild-side-brand {
    background: linear-gradient(120deg, rgba(84, 126, 114, 0.55), rgba(30, 45, 40, 0.4)),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 22px) !important;
    border: 0 !important; border-radius: 14px !important;
}
html body .guild-side-brand-logo { background: var(--a-accent) !important; border-radius: 10px !important; border: 0 !important; }
html body .guild-side-server, html body .guild-side-user {
    background: var(--a-card-2) !important; border: 1px solid var(--sb-line) !important; border-radius: 14px !important;
}
html body .guild-category-group { margin-bottom: 4px !important; }
html body .guild-category-header {
    color: var(--sb-dim) !important; font-size: 11.5px !important; font-weight: 500 !important; padding: 12px 10px 6px !important;
}
html body .guild-category-header .main-icon { display: none !important; }
html body .guild-category-header span { display: flex; align-items: center; gap: 8px; flex: 1; }
html body .guild-category-header span::after { content: ""; flex: 1; height: 1px; background: var(--sb-line); }
html body .guild-side-sublink {
    border: 1px solid transparent !important; border-radius: 12px !important; padding: 7px 10px !important;
    font-size: 13.5px !important; font-weight: 500 !important; color: #C2CAC7 !important; gap: 11px !important;
}
html body .guild-side-sublink > i {
    width: 30px !important; height: 30px !important; flex: none; border-radius: 9px !important;
    display: grid !important; place-items: center !important; background: var(--a-card-2) !important;
    font-size: 12.5px !important; color: var(--a-muted) !important;
}
html body .guild-side-sublink.active {
    border-color: rgba(141, 184, 170, 0.35) !important; background: rgba(84, 126, 114, 0.10) !important; color: #fff !important;
}
html body .guild-side-sublink.active > i { background: rgba(84, 126, 114, 0.25) !important; color: var(--a-accent-ink) !important; }
html body .side-pill { border-radius: 6px !important; font-size: 10.5px !important; }
html body .guild-side-logout { border-radius: 12px !important; }

/* بطاقات داخل لوحة السيرفر */
html body .guild-main .stat-card, html body .guild-main [class*="ov2-card"], html body .guild-main .sys-mod-card {
    border-radius: 16px !important; border-color: var(--sb-line) !important;
}
html body .toggle.active { background: #6FA594 !important; }

/* ── تصحيحات بعد المعاينة */
html body #page-servers .sb-welcome, html body #page-servers .sb-kpis { width: 100% !important; max-width: none !important; align-self: stretch !important; margin-inline: 0 !important; }
.sb-nav .corefi-nav-item::before, .sb-nav .corefi-nav-item::after { display: none !important; content: none !important; }
html body .guild-side-nav, html body .guild-side-nav-main, html body .guild-category-group, html body .guild-category-items {
    background: transparent !important; border: 0 !important; box-shadow: none !important;
}

#page-home .dp-welcome-kicker {
    display: inline-flex !important; width: max-content !important; max-width: 100% !important; flex: none !important;
    color: #CFE3DC !important; border: 1px solid rgba(141, 184, 170, 0.28) !important; background: rgba(84, 126, 114, 0.10) !important;
    padding: 2px 12px !important; border-radius: 999px !important; font-size: 12px !important;
}
#page-home .dp-welcome-kicker::before, #page-home .dp-welcome-kicker::after { display: none !important; }
.site-footer .footer-links { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center; gap: 8px 24px !important; }
.site-footer .footer-inner { align-items: center !important; }
.site-footer .footer-links a { color: var(--a-muted) !important; }
.site-footer .footer-links a:hover { color: #fff !important; }

/* ══ ترتيب الطبقات: القائمة العلوية كانت (100100) فوق السلة والفاتورة والنوافذ وقائمة السيرفر بالجوال
   فتغطي رأسها وزر الإغلاق. نخلّيها فوق خلفيتها فقط (90003) وتحت كل نافذة، ونرفع النوافذ الواطية
   فوقها بنفس ترتيبها بينها. */
html body .top-nav { z-index: 90010 !important; }
/* #pageStage و الصفحة النشطة كانت تعمل طبقة (z-index:1) فتحبس السلة والنوافذ وقائمة الجوال تحت القائمة العلوية.
   كانت لرفع الصفحات فوق خلفية .page-ambient، والخلفية هذي مخفية من theme-a. */
html body #pageStage, html body .page-stage, html body .page.active { z-index: auto !important; }
/* بقايا حركة الدخول (transform ثابت = بدون حركة) كانت تحبس قائمة السيرفر بالجوال داخل الصفحة وتحت القائمة العلوية */
html body .page.active { transform: none !important; }
/* صفحة السيرفرات بالجوال position:fixed (تعمل طبقة لحالها)، فلما تنفتح قائمة السيرفر الجانبية ننزّل القائمة العلوية تحتها */
html body.mobile-drawer-lock .top-nav { z-index: 0 !important; }
html body .page-ambient { display: none !important; }
html body .sys-wlc-modal, html body .my-bots-modal, html body .key-help-modal { z-index: 90100 !important; }
html body .sub-ext-backdrop { z-index: 90105 !important; }
html body .checkout-flow { z-index: 90110 !important; }
html body .music-repair-modal, html body .sys-backup-preview-overlay { z-index: 90120 !important; }

/* ══════════════ صفحة الأوامر بنفس أسلوب الرئيسية ══════════════ */
#page-commands .sb-cmd-page { max-width: 1150px !important; margin-inline: auto !important; }
#page-commands .sb-chip { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: #CFE3DC !important; border: 1px solid rgba(141, 184, 170, 0.28); background: rgba(84, 126, 114, 0.10); padding: 5px 16px; border-radius: 999px; }
#page-commands .sb-chip i { color: var(--a-accent-ink) !important; }
#page-commands .sb-cwin .commands-panel { margin: 0 !important; align-self: stretch !important; }
#page-commands .route-section-head h2 { font-size: clamp(24px, 3vw, 32px) !important; }
#page-commands .sb-cmd-hero {
    text-align: center !important; background: none !important; border: 0 !important; box-shadow: none !important;
    padding: 56px 20px 10px !important; max-width: 860px !important; margin: 0 auto !important; display: block !important;
}
#page-commands .sb-cmd-hero::before, #page-commands .sb-cmd-hero::after { display: none !important; }
#page-commands .sb-cmd-hero h1 { font-size: clamp(30px, 4vw, 46px) !important; font-weight: 600 !important; color: #fff !important; margin: 18px 0 0 !important; line-height: 1.35 !important; }
#page-commands .sb-cmd-hero p { color: var(--a-muted) !important; font-size: 16px !important; max-width: 60ch; margin: 12px auto 0 !important; }
#page-commands .sb-cmd-hero .route-actions { display: flex !important; justify-content: center !important; gap: 12px; margin-top: 26px !important; flex-wrap: wrap; }
#page-commands .sb-cmd-hero .btn-hero { height: 46px; padding: 0 24px; display: inline-flex; align-items: center; gap: 9px; }
#page-commands .sb-cmd-band {
    display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 0 !important; max-width: 1000px; margin: 48px auto 0 !important;
    background: var(--a-card) !important; border: 1px solid var(--sb-line) !important; border-radius: 16px !important; overflow: hidden;
}
#page-commands .sb-cmd-band .route-metric { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 24px !important; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 4px; }
#page-commands .sb-cmd-band .route-metric + .route-metric { border-inline-start: 1px solid var(--sb-line) !important; }
#page-commands .sb-cmd-band strong { font-size: 26px !important; font-weight: 600 !important; color: #fff !important; }
#page-commands .sb-cmd-band span:not(.sb-wib) { color: var(--a-muted) !important; font-size: 13.5px !important; }
#page-commands .sb-wib { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; margin-bottom: 10px; background: var(--a-card-2); border: 1px solid var(--sb-line); }
#page-commands .sb-wib i { color: var(--a-accent-ink) !important; font-size: 16px; }
#page-commands .route-section { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin-top: 80px !important; }
#page-commands .route-section-head { text-align: center !important; }
#page-commands .route-section-head h2 { font-weight: 600 !important; color: #fff !important; }
#page-commands .route-section-head h2::after { display: none !important; }
#page-commands .sb-cmd-preview { max-width: 1100px; margin: 34px auto 0; position: relative; }
#page-commands .sb-frame { border: 1px solid var(--sb-line); border-radius: 26px; background: rgba(255, 255, 255, 0.02); padding: 12px; }
#page-commands .sb-win { border-radius: 16px; background: var(--a-card); border: 1px solid var(--sb-line); overflow: hidden; text-align: start; }
#page-commands .sb-bar { height: 40px; display: flex; align-items: center; gap: 10px; padding: 0 14px; border-bottom: 1px solid var(--sb-line); }
#page-commands .sb-url { font-size: 11px; color: var(--sb-dim); background: rgba(255, 255, 255, 0.04); padding: 3px 12px; border-radius: 6px; direction: ltr; }
#page-commands .sb-wc { margin-inline-start: auto; display: flex; gap: 16px; color: var(--sb-dim); font-size: 11px; }
#page-commands .sb-cwin .commands-browser { display: grid !important; grid-template-columns: 240px 1fr !important; gap: 0 !important; background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }
#page-commands .sb-cwin .commands-panel { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 18px !important; }
#page-commands .sb-cwin .commands-panel:first-child { border-inline-end: 1px solid var(--sb-line) !important; background: rgba(0, 0, 0, 0.12) !important; }
#page-commands .sb-cwin .commands-search { border-radius: 12px !important; background: var(--a-card-2) !important; border: 1px solid var(--sb-line) !important; }
#page-commands .sb-cwin .commands-tabs { gap: 4px !important; margin-top: 12px !important; }
#page-commands .sb-cwin .commands-tabs button {
    border-radius: 12px !important; border: 1px solid transparent !important; background: transparent !important; color: #C2CAC7 !important;
    text-align: start !important; padding: 9px 12px !important; box-shadow: none !important;
}
#page-commands .sb-cwin .commands-tabs button:hover { background: rgba(255, 255, 255, 0.03) !important; color: #fff !important; }
#page-commands .sb-cwin .commands-tabs button.active { border-color: rgba(141, 184, 170, 0.35) !important; background: rgba(84, 126, 114, 0.10) !important; color: #fff !important; }
#page-commands .sb-cwin .commands-list-head { padding-bottom: 14px !important; margin-bottom: 14px !important; border-bottom: 1px solid var(--sb-line) !important; }
#page-commands .sb-cwin .commands-list-head h3 { font-weight: 600 !important; color: #fff !important; }
#page-commands .sb-cwin .commands-count { border-radius: 999px !important; background: rgba(84, 126, 114, 0.14) !important; border: 1px solid rgba(141, 184, 170, 0.25) !important; color: #CFE3DC !important; }
#page-commands .sb-cwin .command-item { background: var(--a-card-2) !important; border: 1px solid var(--sb-line) !important; border-radius: 12px !important; box-shadow: none !important; }
#page-commands .sb-cwin .command-item:hover { border-color: rgba(141, 184, 170, 0.35) !important; }
#page-commands .sb-cwin .command-item code { color: var(--a-accent-ink) !important; background: none !important; }
#page-commands .sb-cmd-tips {
    display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 0 !important; max-width: 1100px; margin: 40px auto 80px !important;
    background: var(--a-card) !important; border: 1px solid var(--sb-line) !important; border-radius: 16px !important; overflow: hidden;
}
#page-commands .sb-cmd-tips .route-tip { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 18px 22px !important; }
#page-commands .sb-cmd-tips .route-tip + .route-tip { border-inline-start: 1px solid var(--sb-line) !important; }
#page-commands .sb-cmd-tips .route-tip i { color: var(--a-accent-ink) !important; }
@media (max-width: 900px) {
    #page-commands .sb-cmd-hero { padding-top: 34px !important; }
    #page-commands .sb-cmd-band { grid-template-columns: 1fr !important; margin-inline: 14px !important; }
    #page-commands .sb-cmd-band .route-metric + .route-metric { border-inline-start: 0 !important; border-top: 1px solid var(--sb-line) !important; }
    #page-commands .sb-cmd-preview { margin-inline: 8px; }
    #page-commands .sb-frame { padding: 7px; border-radius: 20px; }
    #page-commands .sb-cwin .commands-browser { grid-template-columns: 1fr !important; }
    #page-commands .sb-cwin .commands-panel:first-child { border-inline-end: 0 !important; border-bottom: 1px solid var(--sb-line) !important; }
    #page-commands .sb-cmd-tips { grid-template-columns: 1fr !important; margin-inline: 14px !important; }
    #page-commands .sb-cmd-tips .route-tip + .route-tip { border-inline-start: 0 !important; border-top: 1px solid var(--sb-line) !important; }
}

/* ══════════════ صفحة الأسعار بنفس أسلوب الرئيسية ══════════════ */
#page-prices .sb-price-page { max-width: 1180px !important; margin-inline: auto !important; padding-inline: 20px !important; padding-top: 0 !important; }
#page-prices .price-card { position: relative !important; }
#page-prices .price-card--featured .pricing-v2-card-head { padding-top: 22px !important; }
html body #page-prices .price-card .price-card-badge { position: absolute !important; top: 14px !important; inset-inline-end: 14px !important; inset-inline-start: auto !important; left: auto; right: auto; transform: none !important; margin: 0 !important; font-size: 11px !important; padding: 2px 10px !important; }
#page-prices .sb-chip { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: #CFE3DC !important; border: 1px solid rgba(141, 184, 170, 0.28); background: rgba(84, 126, 114, 0.10); padding: 5px 16px; border-radius: 999px; width: max-content; }
#page-prices .sb-chip i { color: var(--a-accent-ink) !important; }
#page-prices .pricing-v2-hero {
    display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important;
    background: none !important; border: 0 !important; box-shadow: none !important; padding: 56px 0 10px !important; gap: 0 !important;
}
#page-prices .pricing-v2-hero::before, #page-prices .pricing-v2-hero::after { display: none !important; }
#page-prices .pricing-v2-hero-copy { display: flex; flex-direction: column; align-items: center; }
#page-prices .pricing-v2-hero h1 { font-size: clamp(30px, 4vw, 46px) !important; font-weight: 600 !important; color: #fff !important; margin: 18px 0 0 !important; line-height: 1.35 !important; }
#page-prices .pricing-v2-hero p { color: var(--a-muted) !important; font-size: 16px !important; max-width: 60ch; margin: 12px auto 0 !important; }
#page-prices .pricing-v2-hero-actions { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; gap: 12px !important; margin-top: 26px !important; flex-wrap: wrap; }
#page-prices .pricing-v2-support-note {
    display: inline-flex !important; align-items: center; gap: 8px; height: 46px; padding: 0 20px !important; border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important; background: transparent !important; color: var(--a-text) !important; font-size: 14px !important;
}
#page-prices .pricing-v2-support-note i { color: var(--a-accent-ink) !important; }
#page-prices .pricing-v2-cart-btn {
    height: 46px !important; padding: 0 24px !important; border-radius: 999px !important; border: 0 !important;
    background: var(--sb-grad) !important; color: #fff !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18) !important; font-weight: 600 !important;
}
#page-prices .pricing-v2-catalog { margin-top: 48px !important; background: none !important; border: 0 !important; padding: 0 !important; }
#page-prices #pricingGridStandalone { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 14px !important; }
#page-prices .price-card {
    display: flex !important; flex-direction: column !important; min-height: 0 !important; height: auto !important; padding: 20px !important;
    background: var(--a-card) !important; background-image: none !important; border: 1px solid var(--sb-line) !important; border-radius: 16px !important; box-shadow: none !important;
}
#page-prices .price-card::before, #page-prices .price-card::after { display: none !important; }
#page-prices .price-card:hover { border-color: rgba(141, 184, 170, 0.35) !important; transform: none !important; }
#page-prices .price-card--featured { border-color: rgba(141, 184, 170, 0.45) !important; background: radial-gradient(90% 70% at 50% 0%, rgba(84, 126, 114, 0.18), transparent 70%), var(--a-card) !important; }
html body #page-prices .price-card .price-card-badge { border-radius: 999px !important; background: var(--a-accent) !important; color: #fff !important; }
#page-prices .price-card-icon { width: 44px !important; height: 44px !important; border-radius: 12px !important; background: var(--a-card-2) !important; border: 1px solid var(--sb-line) !important; box-shadow: none !important; }
#page-prices .price-card-icon i { color: var(--a-accent-ink) !important; }
#page-prices .price-card-name { font-weight: 600 !important; color: #fff !important; }
#page-prices .pricing-v2-card-desc { color: var(--a-muted) !important; }
#page-prices .pricing-v2-control-spacer { flex: 1 1 auto !important; min-height: 12px !important; height: auto !important; }
#page-prices .pricing-v2-price-row { margin-top: auto !important; padding-top: 14px !important; border-top: 1px solid var(--sb-line) !important; }
#page-prices .price-card-amount { color: #fff !important; }
#page-prices .price-card-usd { color: var(--a-accent-ink) !important; }
#page-prices .price-card .btn-add-cart {
    margin-top: 14px !important; border-radius: 999px !important; height: 42px !important;
    background: var(--a-card-2) !important; border: 1px solid var(--sb-line) !important; color: #fff !important; box-shadow: none !important;
}
#page-prices .price-card .btn-add-cart:hover, #page-prices .price-card--featured .btn-add-cart { background: var(--sb-grad) !important; border-color: transparent !important; }
#page-prices .pricing-v2-footnote { text-align: center !important; color: var(--a-muted) !important; font-size: 13px !important; margin-top: 24px !important; }
#page-prices .pricing-v2-footnote i { color: var(--a-accent-ink) !important; }
#page-prices .pricing-v2-license {
    margin: 70px auto 80px !important; max-width: 1000px; background: var(--a-card) !important; background-image: none !important;
    border: 1px solid var(--sb-line) !important; border-radius: 26px !important; padding: 34px 30px !important;
    box-shadow: none !important;
}
#page-prices .pricing-v2-license .route-section-head { display: flex; flex-direction: column; align-items: center; text-align: center !important; }
#page-prices .pricing-v2-license h2 { font-weight: 600 !important; color: #fff !important; margin-top: 14px !important; }
#page-prices .pricing-v2-license h2::after { display: none !important; }
#page-prices .key-tiers-grid { gap: 0 !important; border: 1px solid var(--sb-line); border-radius: 16px; overflow: visible; background: var(--a-card-2); margin-top: 26px; }
#page-prices .key-tier-card { position: relative; }
#page-prices .key-tier-card:first-child { border-radius: 0 16px 16px 0 !important; }
#page-prices .key-tier-card:last-child { border-radius: 16px 0 0 16px !important; }
#page-prices .key-tier-card { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; }
#page-prices .key-tier-card + .key-tier-card { border-inline-start: 1px solid var(--sb-line) !important; }
#page-prices .key-tier-card:hover, #page-prices .key-tier-card.selected { background: rgba(84, 126, 114, 0.10) !important; }
@media (max-width: 1100px) { #page-prices #pricingGridStandalone { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 640px) {
    #page-prices .pricing-v2-hero { padding-top: 34px !important; }
    #page-prices #pricingGridStandalone { grid-template-columns: 1fr !important; }
    #page-prices .pricing-v2-license { padding: 24px 16px !important; margin-inline: 8px !important; }
    #page-prices .key-tier-card:first-child, #page-prices .key-tier-card:last-child { border-radius: 0 !important; }
    #page-prices .key-tiers-grid { grid-template-columns: 1fr !important; }
    #page-prices .key-tier-card + .key-tier-card { border-inline-start: 0 !important; border-top: 1px solid var(--sb-line) !important; }
}

/* ── «مفتاح بوت الموسيقى»: نص + نافذة صغيرة بالباقات كصفوف */
html body #page-prices .sb-key-sec { display: grid !important; grid-template-columns: 1fr 1.1fr !important; gap: 44px !important; align-items: center !important; text-align: start !important; padding: 34px 36px !important; }
html body #page-prices .sb-key-sec .route-section-head { align-items: flex-start !important; text-align: start !important; margin: 0 !important; }
html body #page-prices .sb-key-sec h2 { font-size: 26px !important; }
html body #page-prices .sb-key-sec .route-section-head p { margin-inline: 0 !important; }
#page-prices .sb-key-points { list-style: none; padding: 0; margin: 20px 0 0; display: flex; flex-direction: column; gap: 12px; }
#page-prices .sb-key-points li { display: flex; align-items: center; gap: 12px; color: #D7DEDB; font-size: 14.5px; }
#page-prices .sb-key-points i { width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; background: rgba(84, 126, 114, 0.14); border: 1px solid rgba(141, 184, 170, 0.18); color: var(--a-accent-ink) !important; font-size: 11px; }
#page-prices .sb-key-win { border: 1px solid var(--sb-line); border-radius: 14px; background: #111313; overflow: hidden; margin: 8px; box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.02), 0 0 0 8px var(--sb-line); }
#page-prices .sb-mini-bar { height: 34px; display: flex; align-items: center; gap: 10px; padding: 0 12px; border-bottom: 1px solid var(--sb-line); }
#page-prices .sb-mini-bar .sb-url { font-size: 10.5px; color: var(--sb-dim); background: rgba(255, 255, 255, 0.04); padding: 2px 10px; border-radius: 6px; direction: ltr; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#page-prices .sb-mini-bar .sb-wc { margin-inline-start: auto; display: flex; gap: 14px; color: var(--sb-dim); font-size: 10px; flex: none; }
#page-prices .sb-key-body { padding: 14px; }
html body #page-prices .sb-key-win .key-tiers-grid { display: flex !important; flex-direction: column !important; gap: 8px !important; border: 0 !important; background: transparent !important; margin: 0 !important; grid-template-columns: none !important; }
html body #page-prices .sb-key-win .key-tier-card {
    display: grid !important; grid-template-columns: 1fr auto; grid-template-areas: "name price" "usd add"; align-items: center; gap: 2px 14px;
    width: 100%; text-align: start !important; padding: 12px 16px !important; border-radius: 12px !important;
    background: var(--a-card-2) !important; border: 1px solid var(--sb-line) !important;
}
html body #page-prices .sb-key-win .key-tier-card + .key-tier-card { border-inline-start: 1px solid var(--sb-line) !important; }
html body #page-prices .sb-key-win .key-tier-card:first-child, html body #page-prices .sb-key-win .key-tier-card:last-child { border-radius: 12px !important; }
html body #page-prices .sb-key-win .key-tier-card:hover { border-color: rgba(141, 184, 170, 0.4) !important; }
html body #page-prices .sb-key-win .key-tier-card.selected { border-color: var(--a-accent-ink) !important; background: rgba(84, 126, 114, 0.14) !important; }
html body #page-prices .sb-key-win .key-tier-card--popular { border-color: rgba(141, 184, 170, 0.35) !important; }
html body #page-prices .sb-key-win .key-tier-card__name { grid-area: name; font-size: 15px !important; font-weight: 600 !important; color: #fff !important; display: flex; align-items: center; gap: 8px; }
html body #page-prices .sb-key-win .key-tier-card__price { grid-area: price; font-size: 20px !important; color: #fff !important; font-weight: 600 !important; }
html body #page-prices .sb-key-win .key-tier-card__price small { color: var(--a-muted) !important; font-size: 12px; }
html body #page-prices .sb-key-win .key-tier-card__usd:nth-of-type(3) { grid-area: usd; color: var(--a-muted) !important; font-size: 12.5px !important; }
html body #page-prices .sb-key-win .key-tier-card__usd:last-child { grid-area: add; color: var(--a-accent-ink) !important; font-size: 12.5px !important; font-weight: 600; }
html body #page-prices .sb-key-win .key-tier-card__badge {
    position: static !important; transform: none !important; grid-area: name; justify-self: end; margin-inline-start: 0;
    font-size: 10.5px !important; padding: 1px 9px !important; border-radius: 999px !important; background: var(--a-accent) !important; color: #fff !important;
}
html body #page-prices .sb-key-win .key-tier-card--popular .key-tier-card__name { padding-inline-end: 84px; }
html body #page-prices .sb-key-win .key-tier-card--popular { position: relative !important; }
html body #page-prices .sb-key-win .key-tier-card--popular .key-tier-card__badge { position: absolute !important; top: 13px; inset-inline-end: auto; inset-inline-start: 50%; }
#page-prices .sb-key-win .key-checkout { margin-top: 12px; }
@media (max-width: 900px) {
    html body #page-prices .sb-key-sec { grid-template-columns: 1fr !important; gap: 24px !important; padding: 24px 18px !important; }
}

/* ── نافذة إحصائيات السيرفر عند المرور (ما كان لها CSS أصلاً) */
.srv-quick-stats-popover {
    position: fixed; z-index: 95000; width: 280px; padding: 14px; border-radius: 14px; pointer-events: none;
    background: rgba(21, 24, 23, 0.97); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 18px 40px -14px rgba(0, 0, 0, 0.9);
    color: var(--a-text); font-size: 13px; opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity .12s ease, transform .12s ease, visibility .12s;
}
.srv-quick-stats-popover.visible { opacity: 1; visibility: visible; transform: none; }
.srv-quick-stats-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--sb-line); }
.srv-quick-stats-head h4 { margin: 0; font-size: 14px; font-weight: 600; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.srv-quick-stats-popover .stats-badge { flex: none; font-size: 11px; font-weight: 600; padding: 1px 9px; border-radius: 999px; }
.srv-quick-stats-popover .status-badge--active { color: var(--sb-ok); background: rgba(76, 195, 138, 0.12); }
.srv-quick-stats-popover .status-badge--expired { color: #EF6461; background: rgba(239, 100, 97, 0.12); }
.srv-quick-stats-popover .status-badge--invite { color: #E6B450; background: rgba(230, 180, 80, 0.12); }
.srv-quick-stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.srv-quick-stats-item { background: var(--a-card-2); border: 1px solid var(--sb-line); border-radius: 10px; padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; }
.srv-quick-stats-item.full-span { grid-column: 1 / -1; }
.srv-quick-stats-item span { font-size: 11px; color: var(--a-muted); }
.srv-quick-stats-item strong { font-size: 14px; color: #fff; font-weight: 600; }
.srv-quick-stats-popover-loading { text-align: center; color: var(--a-muted); font-size: 12px; padding: 10px 0; }
.srv-quick-stats-foot { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--sb-line); font-size: 11px; color: var(--sb-dim); display: flex; align-items: center; gap: 6px; }
.srv-quick-stats-foot i { color: var(--a-accent-ink) !important; }
@media (hover: none) { .srv-quick-stats-popover { display: none !important; } }

/* قائمة اللغة بالإنجليزي: زر اللغة بأقصى اليسار، فالقائمة تنفتح لليمين بدل ما تطلع برا الشاشة */
html[dir="ltr"] body .top-nav .language-menu { left: 0 !important; right: auto !important; inset-inline-start: 0 !important; inset-inline-end: auto !important; }

html[dir="ltr"] body .srv-pick-card__btn .fa-arrow-left { transform: scaleX(-1); }

/* ── الجوال: الشريط والقائمة الجانبية الجديدة للكمبيوتر فقط */
@media (max-width: 900px) {
    .sb-rail, .sb-side { display: none !important; }
    #page-servers .sb-kpis { grid-template-columns: 1fr 1fr; gap: 10px; }
    #page-servers .sb-kpi { padding: 14px; }
    #page-servers .sb-kpi strong { font-size: 20px; }
    html body #page-servers .srv-pick-scroll { padding: 18px 14px !important; }
    #page-home .sb-float { display: none; }
    #page-home .sb-wsec-band { grid-template-columns: 1fr; }
    #page-home .sb-feat-hero { grid-template-columns: 1fr; padding: 22px; gap: 20px; }
    #page-home .sb-feat-band { grid-template-columns: 1fr; }
    #page-home .sb-support { margin-inline: 14px !important; }
    #page-home .sb-faq-list { margin-inline: 14px !important; }
    #page-home .sb-faq-list summary { padding: 16px 18px !important; }
    #page-home .sb-faq-list .sys-faq-item p { padding: 0 18px 16px !important; }
    #page-home .sys-cta-band { margin-inline: 16px !important; width: auto !important; }
    #page-home .sb-fpt:nth-child(n) { border-inline-start: 0; border-top: 1px solid var(--sb-line); }
    #page-home .sb-fpt:first-child { border-top: 0; }
    #page-home .sb-pwin .sb-body { grid-template-columns: 1fr; }
    #page-home .sb-pstats.sb-pstats3 { grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
    #page-home .sb-pstats3 strong { font-size: 16px; }
    #page-home .sb-pchart { height: 100px; }
    #page-home .sys-features-grid > .sys-feature-card { flex: 1 1 100% !important; }
    #page-home .dp-products-grid > .dp-product-card { max-width: none !important; }
    #page-home #dashboard-preview .dp-panel-preview, #page-home .sys-hub-promo-frame, #page-home .sys-split-visual { box-shadow: 0 0 0 8px rgba(255,255,255,.02), 0 0 0 9px var(--sb-line) !important; margin: 9px !important; }
    #page-home .sb-wpt + .sb-wpt { border-inline-start: 0; border-top: 1px solid var(--sb-line); }
    #page-home .sb-dart { height: auto; padding: 16px; }
    #page-home .sb-body { grid-template-columns: 1fr; }
    #page-home .sb-pside { display: none; }
    #page-home .sb-pstats { grid-template-columns: 1fr 1fr; }
    #page-home .sb-intro { padding-top: 40px; }
    #page-home .sys-stats-strip { grid-template-columns: 1fr 1fr !important; margin-inline: 14px !important; }
    #page-home .sys-stats-strip .sys-stat-card:nth-child(3) { border-inline-start: 0 !important; }
    #page-home .sys-stats-strip .sys-stat-card:nth-child(n+3) { border-top: 1px solid var(--sb-line) !important; }
}
@media (max-width: 768px) {
    /* قائمة السيرفر الجانبية بالجوال: الأقسام كانت تنضغط لطول القائمة فتنقص عناصرها؛ نخليها بطولها والقائمة تتمرّر */
    html body #guildSide.mobile-sidebar-drawer { display: flex !important; flex-direction: column !important; }
    html body #guildSide.mobile-sidebar-drawer > * { flex-shrink: 0 !important; }
    html body #guildSide.mobile-sidebar-drawer .guild-side-nav { flex: 1 0 auto !important; overflow: visible !important; }
    html body #guildSide.mobile-sidebar-drawer .guild-category-group,
    html body #guildSide.mobile-sidebar-drawer .guild-category-items { flex-shrink: 0 !important; }
    /* القائمة العلوية على الجوال: صف واحد (زر القائمة · الشعار · الأزرار) بدل ما تتكدّس فوق بعض */
    html body .top-nav { padding: 4px 0 !important; }
    html body .top-nav .nav-inner {
        width: calc(100% - 16px) !important; min-height: 52px !important; padding: 0 8px !important; border-radius: 14px !important;
        display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important;
    }
    html body .top-nav .nav-logo { width: auto !important; flex: 1 1 auto !important; min-width: 0 !important; justify-content: center !important; }
    html body .top-nav .nav-logo > span { display: none !important; }
    html body .top-nav .nav-actions { width: auto !important; flex: 0 0 auto !important; }
    html body .top-nav .nav-menu-btn { flex: 0 0 auto !important; }
}
@media (prefers-reduced-motion: reduce) {
    .sb-rail button { transition: none; }
}