/* ═══════════════════════════════════════════════════════════════════
   Digias — تصميم A «هادي ونظيف» (Minimal Dark)
   يتحمّل آخر شي بكل الصفحات. يعيد تعريف المتغيرات من الجذر، ويوحّد
   المكونات المشتركة (القائمة، البطاقات، الأزرار، الحقول، الجداول…) فوق
   الطبقات القديمة اللي كانت تحط ألوان ثابتة وزجاج وتوهّج.
   ═══════════════════════════════════════════════════════════════════ */

/* ── المتغيرات (html:root يغلب :root حتى مع !important بالملفات القديمة) */
html:root {
    --a-page: #0b0c0d;
    --a-surface: #0f1112;
    --a-card: #141617;
    --a-card-2: #181b1c;
    --a-input: #101213;
    --a-chip: #1a1d1e;
    --a-line: #212526;
    --a-line-strong: #2e3436;
    --a-text: #e8ecea;
    --a-dim: #a3ada9;
    --a-muted: #8b9592;
    --a-accent: #5f9a89;
    --a-accent-hover: #6cab99;
    --a-accent-ink: #8cc5b4;
    --a-accent-soft: rgba(95, 154, 137, 0.13);
    --a-on-accent: #06110e;
    --a-ok: #5fcf9f;
    --a-warn: #e6b450;
    --a-danger: #e5675f;
    --a-danger-soft: rgba(229, 103, 95, 0.13);
    --a-radius: 14px;
    --a-radius-sm: 10px;
    --a-font: 'IBM Plex Sans Arabic', 'Tajawal', system-ui, sans-serif;

    /* المتغيرات القديمة اللي تستخدمها كل الملفات */
    --primary: var(--a-accent) !important;
    --primary-rgb: 95, 154, 137 !important;
    --primary-light: var(--a-accent-ink) !important;
    --primary-mid: rgba(95, 154, 137, 0.5) !important;
    --primary-dark: #4a7d6f !important;
    --primary-glow: transparent !important;
    --accent-rgb: 95, 154, 137 !important;
    --bg: var(--a-page) !important;
    --bg-dark: var(--a-page) !important;
    --bg-surface: var(--a-surface) !important;
    --bg-card: var(--a-card) !important;
    --bg-card-hover: var(--a-card-2) !important;
    --bg-input: var(--a-input) !important;
    --surface: var(--a-card) !important;
    --surface-2: var(--a-card-2) !important;
    --text: var(--a-text) !important;
    --text-dim: var(--a-dim) !important;
    --text-muted: var(--a-muted) !important;
    --border: var(--a-line) !important;
    --border-light: var(--a-line-strong) !important;
    --danger: var(--a-danger) !important;
    --success: var(--a-ok) !important;
    --warning: var(--a-warn) !important;
    --radius-sm: 10px !important;
    --radius-md: 14px !important;
    --radius-lg: 16px !important;
    --radius-xl: 20px !important;
    --glass-fill: var(--a-card) !important;
    --glass-fill-strong: var(--a-card-2) !important;
    --glass-fill-light: var(--a-surface) !important;
    --glass-border: var(--a-line) !important;
    --glass-border-accent: var(--a-line-strong) !important;
    --glass-blur: 0px !important;
    --glass-blur-heavy: 0px !important;
    --glass-shadow: none !important;
    --glass-glow: none !important;
    --glass-glow-sm: none !important;
    --glass-reflect: none !important;
    --shadow-sm: none !important;
    --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
    --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.45) !important;
    --shadow-glow: none !important;
    --gradient-brand: var(--a-accent) !important;
    --gradient-mesh: none !important;
    --font-ar: var(--a-font) !important;
    --dash-shadow: none !important;
    --dash-shadow-hover: none !important;
    --dash-surface: var(--a-card) !important;
    --dash-surface-raised: var(--a-card-2) !important;
    --dash-border: var(--a-line) !important;
    --dash-border-hover: var(--a-line-strong) !important;
    --dash-radius: 14px !important;
    --dash-radius-sm: 10px !important;
    --cyber-radius: 14px !important;
    --cyber-radius-lg: 16px !important;
}

/* ── الأساس: خط واحد، خلفية واحدة، بدون زجاج ولا توهّج */
html, body {
    background: var(--a-page) !important;
    color: var(--a-text) !important;
}
body, body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-brands):not(code):not(pre):not(kbd):not(samp):not(svg *) {
    font-family: var(--a-font) !important;
}
body *, body *::before, body *::after {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    text-shadow: none !important;
}
.page-ambient, .page-ambient-orb, .glass-mesh-active::before, .glass-mesh-active::after,
.empty-state-glow, .status-indicator-glow, .hero-orb, .hero-glow, .dp-glow, [class*="-orb"], [class*="ambient-"] {
    display: none !important;
}
::selection { background: rgba(95, 154, 137, 0.35); color: #fff; }
* { scrollbar-color: #2e3436 transparent; scrollbar-width: thin; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #262b2c; border-radius: 10px; border: 3px solid var(--a-page); }
::-webkit-scrollbar-track { background: transparent; }

/* الصفحات وخلفيات الأقسام */
.page, .page.active, .page-stage, #pageStage, .route-page,
#page-dashboard, #page-servers, #page-profile, #page-payments, #page-marketplace, #page-referral,
.corefi-app, .corefi-main, .dash-main, .guild-main, .guild-layout, .guild-tab-panels, .dash-layout {
    background: var(--a-page) !important;
    background-image: none !important;
}

/* ── القائمة العلوية */
.top-nav {
    background: rgba(11, 12, 13, 0.92) !important;
    border-bottom: 1px solid var(--a-line) !important;
    box-shadow: none !important;
}
.top-nav .nav-link {
    color: var(--a-muted) !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    padding: 8px 14px !important;
    background: transparent !important;
}
.top-nav .nav-link:hover { color: var(--a-text) !important; }
.top-nav .nav-link.active { color: var(--a-text) !important; background: var(--a-chip) !important; }
.top-nav .nav-link::after, .top-nav .nav-link.active::after, .nav-indicator { display: none !important; }
.nav-logo span { color: var(--a-text) !important; font-weight: 800 !important; }
.nav-logo-icon { box-shadow: none !important; background: transparent !important; }
.cart-btn, .language-toggle, .nav-user-trigger, .btn-login {
    background: transparent !important;
    border: 1px solid var(--a-line) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    color: var(--a-text) !important;
}
.btn-login { background: var(--a-accent) !important; color: var(--a-on-accent) !important; border-color: transparent !important; }
.nav-user-dropdown, .language-menu {
    background: var(--a-card) !important;
    border: 1px solid var(--a-line) !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

/* ── البطاقات: سطح واحد وحد رفيع بدل التدرجات والتوهّج */
.card, .stat-card, .bot-card, .settings-group, .sys-section, .sys-mod-card, .sys-stat-tile, .sys-chart-card,
.sys-chart-glass-card, .sys-stats-hero, .bot-settings-hero, .sys-fate-hero, .sys-logs-hero, .overview-welcome,
.dash-kpi-card, .dash-section, .dp-product, .dp-support-card, .sys-feature-card, .vc-card, .corefi-card,
.sys-health-card, .server-card, .srv-card, .sub-card, .subs-card, .mybot-card, .my-bot-card, .key-card,
.pricing-card, .plan-card, .ov2-card, .ga-card, .profile-card, .payment-card, .ref-card, .market-card,
.empty-state, .empty-state-lux, .anti-raid-metric-card, .sys-embed-card, .sys-embed-shell, .emergency-action-card,
.sys-backup-preview-pane, .prot-group, .prot-toggle-card, .prot-emergency, .sys-faq-item {
    background: var(--a-card) !important;
    background-image: none !important;
    border: 1px solid var(--a-line) !important;
    border-radius: var(--a-radius) !important;
    box-shadow: none !important;
}
.card:hover, .stat-card:hover, .bot-card:hover, .dash-kpi-card:hover, .dp-product:hover, .sys-feature-card:hover,
.server-card:hover, .srv-card:hover, .prot-toggle-card:hover {
    border-color: var(--a-line-strong) !important;
    transform: none !important;
    box-shadow: none !important;
}
/* بطاقات داخل بطاقات: درجة أفتح شوي */
.sys-section .sys-mod-card, .sys-mod-card .sys-mod-card, .prot-group .prot-toggle-card, .settings-group .sys-embed-card,
.sys-section .stat-card, .sys-mod-card .stat-card {
    background: var(--a-card-2) !important;
}
.prot-toggle-card.is-on {
    border-color: #3c5f55 !important;
    background: #141a18 !important;
}

/* العناوين والنصوص */
h1, h2, h3, h4 { color: var(--a-text); letter-spacing: 0 !important; }
.text-dim, .sys-mod-hint, .form-label, .stat-card-label, .stat-card-hint, .dash-subtitle, p { color: inherit; }
.sys-mod-hint, .stat-card-hint, .dash-subtitle { color: var(--a-muted) !important; }
.stat-card-value, .dash-kpi-card strong, .sys-stat-value { color: var(--a-text) !important; letter-spacing: -0.3px !important; }

/* أيقونات البطاقات: مربع ناعم بلون الهوية بدل التدرج والتوهّج */
.stat-card-icon, .sys-stat-icon, .dash-kpi-icon, .sys-feature-icon, .sys-chart-head-icon, .bot-settings-hero-icon,
.sys-stats-hero-icon, .dp-product-icon, .prot-toggle-head i, .metric-icon {
    background: var(--a-accent-soft) !important;
    background-image: none !important;
    color: var(--a-accent-ink) !important;
    border: 1px solid rgba(95, 154, 137, 0.18) !important;
    box-shadow: none !important;
    border-radius: 11px !important;
}

/* ── الأزرار */
.btn-primary, .btn-save, .bot-settings-save, .btn-hero-primary, .corefi-btn:not(.ghost), .sys-logs-btn--primary,
.empty-state-cta, .btn-add-cart, .btn-checkout, .btn-pay, button.primary, .btn.primary {
    background: var(--a-accent) !important;
    background-image: none !important;
    color: var(--a-on-accent) !important;
    border: 1px solid transparent !important;
    border-radius: var(--a-radius-sm) !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}
.btn-primary:hover, .btn-save:hover, .bot-settings-save:hover, .btn-hero-primary:hover, .corefi-btn:not(.ghost):hover,
.sys-logs-btn--primary:hover, .empty-state-cta:hover, .btn-add-cart:hover {
    background: var(--a-accent-hover) !important;
    transform: none !important;
    box-shadow: none !important;
}
.btn-hero-outline, .corefi-btn.ghost, .sys-logs-btn:not(.sys-logs-btn--primary), .btn-secondary, .btn-ghost, .btn.ghost,
.sys-wlc-tool-btn, .back-btn {
    background: transparent !important;
    background-image: none !important;
    color: var(--a-text) !important;
    border: 1px solid var(--a-line-strong) !important;
    border-radius: var(--a-radius-sm) !important;
    box-shadow: none !important;
}
.btn-hero-outline:hover, .corefi-btn.ghost:hover, .sys-logs-btn:not(.sys-logs-btn--primary):hover, .sys-wlc-tool-btn:hover {
    background: var(--a-chip) !important;
    border-color: #3a4143 !important;
}
.btn-danger, .sys-logs-btn--danger, .btn-panic-red {
    background: var(--a-danger-soft) !important;
    color: var(--a-danger) !important;
    border: 1px solid rgba(229, 103, 95, 0.35) !important;
    box-shadow: none !important;
}

/* ── الحقول */
.form-input, input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="url"],
input[type="password"], select, textarea {
    background: var(--a-input) !important;
    color: var(--a-text) !important;
    border: 1px solid var(--a-line) !important;
    border-radius: var(--a-radius-sm) !important;
    box-shadow: none !important;
}
.form-input:focus, input:focus, select:focus, textarea:focus {
    border-color: var(--a-accent) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(95, 154, 137, 0.18) !important;
}
input::placeholder, textarea::placeholder { color: #5f6a67 !important; }
select option { background: var(--a-card); color: var(--a-text); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--a-accent); }
.bot-field > span, .form-label, label > span { color: #c4ccc9; }

/* ── مفاتيح التشغيل */
.toggle {
    background: #2c3133 !important;
    box-shadow: none !important;
    border: 0 !important;
}
.toggle::after { background: #c6cecb !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important; }
.toggle.active { background: var(--a-accent) !important; box-shadow: none !important; }
.toggle.active::after { background: #fff !important; }

/* ── الجداول */
table { border-collapse: collapse; }
.sys-activity-table, .sys-logs-table, .data-table, .payments-table, .ov2-table, table.table {
    background: var(--a-card) !important;
    border: 1px solid var(--a-line) !important;
    border-radius: 12px !important;
    overflow: hidden;
}
.sys-activity-table th, .sys-logs-table th, .data-table th, .payments-table th, table.table th, thead th {
    background: var(--a-card-2) !important;
    color: var(--a-muted) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    border-bottom: 1px solid var(--a-line) !important;
}
td { border-color: var(--a-line) !important; }
tbody tr:hover td { background: rgba(255, 255, 255, 0.015); }

/* ── الشارات */
.side-pill, .server-health-pill, .badge, .pill, .tag, .prot-changelog-role, .sys-embed-pill {
    border-radius: 999px !important;
    box-shadow: none !important;
}
.side-pill-premium {
    background: rgba(230, 180, 80, 0.14) !important;
    color: var(--a-warn) !important;
    border: 1px solid rgba(230, 180, 80, 0.25) !important;
}
.side-pill-danger {
    background: var(--a-danger-soft) !important;
    color: var(--a-danger) !important;
    border: 1px solid rgba(229, 103, 95, 0.25) !important;
}

/* ── القوائم الجانبية (لوحة السيرفر + لوحة الحساب) */
.guild-side, .dash-sidebar, .corefi-sidebar {
    background: #0d0f10 !important;
    background-image: none !important;
    border-color: var(--a-line) !important;
    box-shadow: none !important;
}
.guild-side-brand, .guild-side-server, .guild-side-user, .dash-side-profile {
    background: var(--a-chip) !important;
    border: 1px solid var(--a-line) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}
.guild-category-group {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-bottom: 6px !important;
}
.guild-category-header {
    background: transparent !important;
    border: 0 !important;
    color: var(--a-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 8px 10px !important;
    box-shadow: none !important;
}
.guild-category-header i:not(.chevron) { color: var(--a-muted) !important; background: none !important; border: 0 !important; }
.guild-side-sublink, .dash-side-link {
    color: #c4ccc9 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}
.guild-side-sublink i, .dash-side-link i { color: var(--a-muted) !important; }
.guild-side-sublink:hover, .dash-side-link:hover { background: rgba(255, 255, 255, 0.03) !important; color: var(--a-text) !important; }
.guild-side-sublink.active, .dash-side-link.active {
    background: var(--a-chip) !important;
    color: #fff !important;
}
.guild-side-sublink.active i, .dash-side-link.active i { color: var(--a-accent-ink) !important; }
.guild-side-sublink.active::before, .guild-side-sublink.active::after,
.dash-side-link.active::before, .dash-side-link.active::after { display: none !important; }

/* ── رؤوس الصفحات داخل اللوحة: بدون صندوق — عنوان ونص وزر */
.bot-settings-hero, .sys-fate-hero, .sys-logs-hero {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--a-line) !important;
    border-radius: 0 !important;
    padding: 4px 0 18px !important;
    margin-bottom: 20px !important;
}
.bot-settings-hero h2, .sys-fate-hero h2, .sys-logs-hero h2 { font-size: 24px !important; font-weight: 800 !important; color: var(--a-text) !important; }
.bot-settings-hero-icon { display: none !important; }
.sys-fate-hero h2 i, .sys-logs-hero h2 i { color: var(--a-accent-ink) !important; }

/* ── الصفحة الرئيسية: هيرو أهدى بدون توهجات */
#page-home, #page-home .home-hero, #page-home section {
    background-image: none !important;
}
#page-home .home-hero, #page-home .hero, #page-home [class*="hero"]:not(.btn-hero):not([class*="btn"]) {
    background: radial-gradient(ellipse at 50% -10%, rgba(95, 154, 137, 0.16), transparent 60%) !important;
}
#page-home h1 { letter-spacing: -0.5px !important; }
.hero-badge, .sys-section-kicker, .dp-kicker, .eyebrow {
    background: var(--a-accent-soft) !important;
    color: var(--a-accent-ink) !important;
    border: 1px solid rgba(95, 154, 137, 0.2) !important;
    box-shadow: none !important;
}

/* ── النوافذ المنبثقة */
.modal, .modal-content, .sys-confirm-modal-card, [class*="modal-card"], [class*="modal-box"], .cart-drawer, .cart-panel {
    background: var(--a-card) !important;
    background-image: none !important;
    border: 1px solid var(--a-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6) !important;
}
.modal-overlay, .modal-backdrop, [class*="modal-overlay"], [class*="-backdrop"] { background: rgba(0, 0, 0, 0.7) !important; }

/* ── التنبيهات (toast) */
.toast, #toast, .toast-container > * {
    background: var(--a-card-2) !important;
    color: var(--a-text) !important;
    border: 1px solid var(--a-line-strong) !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

/* ── الحالات: ألوان صحيحة (كانت كلها أخضر) */
.text-danger, .danger-text, .trend-down { color: var(--a-danger) !important; }
.trend-up, .text-success, .status-indicator.online, .sys-health-ok, .health-dot--ok { color: var(--a-ok) !important; }

/* ── الحركة: أقل وأسرع */
.reveal-on-scroll { opacity: 1 !important; transform: none !important; }
body * { transition-duration: 0.15s !important; }

/* ── الصفحة الرئيسية: أقسام التسويق مو بطاقات (نفس كلاس .sys-section حق اللوحة) */
#page-home .sys-section {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
/* العناوين: نص صلب واضح بدل التدرج الباهت المتحرك، والكلمة المميزة بلون الهوية */
#page-home h1, #page-home h2, .sys-section-head h2, .route-page h1, .route-page h2 {
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    color: var(--a-text) !important;
    animation: none !important;
}
#page-home h1 em, #page-home h1 span, #page-home h2 em, #page-home h2 span, .route-page h1 em, .route-page h1 span {
    font-style: normal;
    background: none !important;
    -webkit-text-fill-color: var(--a-accent-ink) !important;
    color: var(--a-accent-ink) !important;
}
.sys-section-kicker, .dp-kicker, .hero-badge, .eyebrow {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    width: auto !important;
    max-width: max-content;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
}

/* ═══ لوحة الأدمن + صفحة المستخدم الداخلية + الصفحات المستقلة (help/status) ═══ */
html:root {
    /* لوحة الأدمن (admin-premium / admin-glass) */
    --p: var(--a-accent) !important;
    --p-2: #6cab99 !important;
    --p-3: var(--a-accent-ink) !important;
    --p-light: var(--a-accent-ink) !important;
    --p-dark: #4a7d6f !important;
    --p-dim: var(--a-accent-soft) !important;
    --p-glow: transparent !important;
    --card: var(--a-card) !important;
    --dim: var(--a-muted) !important;
    --faint: #5f6a67 !important;
    --glass: var(--a-card) !important;
    --glass-2: var(--a-card-2) !important;
    --glass-border-2: var(--a-line-strong) !important;
    --shadow: none !important;
    --radius: 14px !important;
    /* userdigias7 */
    --accent: var(--a-accent) !important;
    --accent-2: var(--a-accent-ink) !important;
    --accent-3: var(--a-accent) !important;
    --accent-glow: transparent !important;
}
body { background-image: none !important; background-attachment: initial !important; }
body::before, body::after, .glow-orb { display: none !important; }
.panel, .shell .card, .scroll-box {
    background: var(--a-card) !important;
    background-image: none !important;
    border: 1px solid var(--a-line) !important;
    border-radius: var(--a-radius) !important;
    box-shadow: none !important;
}
.shell aside, .sidebar, aside.sidebar {
    background: #0d0f10 !important;
    background-image: none !important;
    border-color: var(--a-line) !important;
    box-shadow: none !important;
}
.nav-btn { border-radius: 10px !important; color: #c4ccc9 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; }
.nav-btn:hover { background: rgba(255, 255, 255, 0.03) !important; color: var(--a-text) !important; }
.nav-btn.active { background: var(--a-chip) !important; color: #fff !important; }
.nav-btn.active i { color: var(--a-accent-ink) !important; }
.btn { border-radius: var(--a-radius-sm) !important; box-shadow: none !important; background-image: none; }
.btn:not(.btn-primary):not(.btn-danger):not([class*="danger"]) {
    background: transparent !important;
    border: 1px solid var(--a-line-strong) !important;
    color: var(--a-text) !important;
}
.tab { border-radius: 10px !important; box-shadow: none !important; }
.tab.active { background: var(--a-chip) !important; color: #fff !important; border-color: var(--a-line-strong) !important; }
.brand .logo { background: var(--a-accent) !important; box-shadow: none !important; }
button[class*="login"], a[class*="login"], .login-btn {
    background: var(--a-accent) !important;
    background-image: none !important;
    color: var(--a-on-accent) !important;
    box-shadow: none !important;
}
/* help / status */
.standalone-wrap, .standalone-page, main.standalone { background: transparent !important; background-image: none !important; }
.standalone-top, .standalone-card, .status-card, .help-card, .faq-item {
    background: var(--a-card) !important;
    background-image: none !important;
    border: 1px solid var(--a-line) !important;
    border-radius: var(--a-radius) !important;
    box-shadow: none !important;
}
.standalone-wrap h1, .standalone-wrap h2 {
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    color: var(--a-text) !important;
}