/*
 * AH-GSM — Panel theme "Aurora Midnight" (2026)
 * ------------------------------------------------------------------
 * الملف ده هو المصدر الوحيد لألوان لوحة الموزع (panel.php).
 * البانل بقى بيحمّل: panel-ui.css (الهيكل والمقاسات) + الملف ده (الألوان).
 * theme-override.css و design-tokens.css اتشالوا من البانل لأنهم كانوا
 * بيكرروا/يعاندوا نفس القواعد.
 *
 * كل القواعد مسبوقة بـ #panel-root عشان تكسب على !important الموجود في
 * panel-ui.css من غير أي تعديل في هيكل الصفحة أو الجافاسكريبت.
 */

/* ==================================================================
   1. البالِت
   ================================================================== */
#panel-root.panel-workspace,
#panel-root.login-page,
#panel-root.wallet-page {
    --pt-bg: #080c18;
    --pt-bg-2: rgba(10, 16, 32, 0.72);
    /* translucent glass so the persistent #ah-world 3D canvas shows through */
    --pt-surface: rgba(14, 24, 44, 0.55);
    --pt-surface-2: rgba(20, 32, 58, 0.58);
    --pt-surface-3: rgba(30, 41, 71, 0.62);
    --pt-line: rgba(103, 232, 249, 0.18);
    --pt-line-soft: rgba(103, 232, 249, 0.12);

    --pt-text: #eef2ff;
    --pt-text-2: #c3cce8;
    --pt-muted: #8b96ba;

    --pt-violet: #8b5cf6;
    --pt-violet-2: #a78bfa;
    --pt-cyan: #22d3ee;
    --pt-cyan-2: #67e8f9;
    --pt-accent-soft: #1b2144;
    --pt-accent-line: #3b3f7d;
    --pt-on-accent: #0a0f20;

    --pt-gold: #fbbf24;
    --pt-success: #34d399;
    --pt-success-bg: #10291f;
    --pt-success-line: #1f5340;
    --pt-warn: #fbbf24;
    --pt-warn-bg: #2a2213;
    --pt-warn-line: #5a4a1d;
    --pt-danger: #fb7185;
    --pt-danger-bg: #2c1622;
    --pt-danger-line: #5e2a3c;
    --pt-info: #38bdf8;
    --pt-info-bg: #10233a;
    --pt-info-line: #1f4a6b;

    --pt-grad: linear-gradient(135deg, #8b5cf6 0%, #22d3ee 100%);
    --pt-grad-soft: linear-gradient(135deg, #1d2350 0%, #14304a 100%);
    --pt-shadow: 0 18px 38px -22px rgba(3, 6, 16, 0.9);
    --pt-shadow-lg: 0 26px 60px -28px rgba(3, 6, 16, 0.95);

    /* جسر للمتغيرات القديمة المستخدمة في panel.php و panel-ui.css */
    --primary: #8b5cf6 !important;
    --secondary: #22d3ee !important;
    --bg-body: #080c18 !important;
    --text-main: #eef2ff !important;
    --success: #34d399 !important;
    --danger: #fb7185 !important;
    --warning: #fbbf24 !important;
    --ink: #0b1020 !important;
    --ink2: #121a30 !important;
    --cyan: #22d3ee !important;
    --cyan2: #67e8f9 !important;
    --stroke: #283355 !important;

    /* Bootstrap 5 runtime tokens */
    --bs-body-bg: #080c18;
    --bs-body-color: #eef2ff;
    --bs-border-color: #283355;
    --bs-heading-color: #eef2ff;
    --bs-link-color: #a78bfa;
    --bs-link-hover-color: #c4b5fd;
    --bs-card-bg: #121a30;
    --bs-modal-bg: #121a30;
    --bs-modal-color: #eef2ff;
    --bs-emphasis-color: #eef2ff;
    --bs-secondary-color: #8b96ba;
    --bs-tertiary-bg: #17203a;
}

/* ==================================================================
   2. الهيكل العام
   ================================================================== */
html:has(#panel-root.panel-workspace),
html:has(#panel-root.login-page) {
    background: #080c18 !important;
}

#panel-root.panel-workspace {
    background:
        radial-gradient(circle at 88% -10%, rgba(139, 92, 246, 0.22), transparent 30rem),
        radial-gradient(circle at 6% 104%, rgba(34, 211, 238, 0.16), transparent 26rem),
        linear-gradient(180deg, #080c18 0%, #0a1020 55%, #080c18 100%) !important;
    color: var(--pt-text) !important;
}

#panel-root.panel-workspace .main-container {
    background: transparent !important;
}

#panel-root.panel-workspace .app-view {
    background: transparent !important;
    color: var(--pt-text) !important;
}

/* الشريط العلوي (ديسكتوب) */
#panel-root.panel-workspace .top-navbar {
    background: rgba(11, 16, 32, 0.86) !important;
    border-bottom: 1px solid var(--pt-line-soft) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 10px 30px -26px rgba(0, 0, 0, 0.9) !important;
}

#panel-root.panel-workspace .top-navbar-search,
#panel-root.panel-workspace .main-search-bar {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
    box-shadow: none !important;
}
#panel-root.panel-workspace .top-navbar-search .search-ico,
#panel-root.panel-workspace .main-search-bar .search-ico {
    background: var(--pt-grad, linear-gradient(135deg, #8b5cf6, #06b6d4)) !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 8px 16px -12px rgba(139, 92, 246, 0.85) !important;
}
#panel-root.panel-workspace .top-navbar-search .search-ico i,
#panel-root.panel-workspace .main-search-bar .search-ico i {
    background: none !important;
    color: inherit !important;
    box-shadow: none !important;
    margin: 0 !important;
}
#panel-root.panel-workspace .top-navbar-search input,
#panel-root.panel-workspace .main-search-bar input {
    background: transparent !important;
    color: var(--pt-text) !important;
    border: 0 !important;
}
#panel-root.panel-workspace .top-navbar-search input::placeholder,
#panel-root.panel-workspace .main-search-bar input::placeholder {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .top-navbar-search:focus-within,
#panel-root.panel-workspace .main-search-bar:focus-within {
    border-color: var(--pt-violet) !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.22) !important;
}

#panel-root.panel-workspace .balance-display {
    background: var(--pt-accent-soft) !important;
    border: 1px solid var(--pt-accent-line) !important;
    color: var(--pt-gold) !important;
    font-weight: 800 !important;
}
#panel-root.panel-workspace .balance-display i {
    color: var(--pt-gold) !important;
}

/* الرصيد مش بيتكرر: لما الرئيسية مفتوحة الكارت الكبير هو اللي بيبان */
#panel-root.panel-workspace:has(#view-home.active) .top-navbar .balance-display {
    display: none !important;
}

/* ==================================================================
   3. الهامش (ديسكتوب)
   ================================================================== */
#panel-root.panel-workspace .sidebar {
    background: linear-gradient(180deg, #0a1020 0%, #0b1226 60%, #0a1020 100%) !important;
    border-inline-start: 1px solid var(--pt-line-soft) !important;
    border-inline-end: 0 !important;
    box-shadow: var(--pt-shadow) !important;
}

#panel-root.panel-workspace .sidebar-header {
    border-bottom: 1px solid var(--pt-line-soft) !important;
    background: transparent !important;
}
#panel-root.panel-workspace .sidebar-brand-logo {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-accent-line) !important;
    box-shadow: 0 8px 18px -12px rgba(139, 92, 246, 0.7) !important;
}
#panel-root.panel-workspace .sidebar-logo,
#panel-root.panel-workspace .panel-mobile-menu-brand {
    color: var(--pt-text) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}
#panel-root.panel-workspace .sidebar-user,
#panel-root.panel-workspace .panel-mobile-menu-user {
    color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace .site-supported-by {
    color: var(--pt-muted) !important;
    opacity: 0.85 !important;
}

#panel-root.panel-workspace .panel-nav-label {
    color: var(--pt-muted) !important;
    letter-spacing: 0.08em;
}

#panel-root.panel-workspace .sidebar-nav-item,
#panel-root.panel-workspace .panel-mobile-menu-item {
    background: transparent !important;
    color: var(--pt-text-2) !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
}
/* أيقونات القائمة عبارة عن مربعات ملونة — كل مجموعة بلونها والرمز أبيض */
#panel-root.panel-workspace .sidebar-nav-item i,
#panel-root.panel-workspace .panel-mobile-menu-item i {
    color: #ffffff !important;
    background: var(--pt-surface-3) !important;
    box-shadow: 0 8px 16px -12px rgba(0, 0, 0, 0.8) !important;
}
#panel-root.panel-workspace .sidebar-nav-home i,
#panel-root.panel-workspace .panel-mobile-menu-item.is-home i {
    background: #7c3aed !important;
}
#panel-root.panel-workspace .sidebar-nav-membership i,
#panel-root.panel-workspace .panel-mobile-menu-item.is-memberships i {
    background: #d97706 !important;
}
#panel-root.panel-workspace .sidebar-nav-history i,
#panel-root.panel-workspace .panel-mobile-menu-item.is-hist i {
    background: #6d28d9 !important;
}
#panel-root.panel-workspace .sidebar-nav-topup i,
#panel-root.panel-workspace .panel-mobile-menu-item.is-topup i {
    background: #4f46e5 !important;
}
#panel-root.panel-workspace .sidebar-nav-wallet i,
#panel-root.panel-workspace .panel-mobile-menu-item.is-wallet i {
    background: #4338ca !important;
}
#panel-root.panel-workspace .sidebar-nav-financial i,
#panel-root.panel-workspace .panel-mobile-menu-item.is-financial i {
    background: #3730a3 !important;
}
#panel-root.panel-workspace .sidebar-nav-notifs i,
#panel-root.panel-workspace .panel-mobile-menu-item.is-notif i {
    background: #0891b2 !important;
}
#panel-root.panel-workspace .sidebar-nav-support i,
#panel-root.panel-workspace .panel-mobile-menu-item.is-support i {
    background: #0369a1 !important;
}
#panel-root.panel-workspace .sidebar-nav-profile-general i,
#panel-root.panel-workspace .panel-mobile-menu-item.is-profile-general i {
    background: #3f4a63 !important;
}
#panel-root.panel-workspace .sidebar-nav-profile-notif i,
#panel-root.panel-workspace .panel-mobile-menu-item.is-profile-notif i {
    background: #4c4a7d !important;
}
#panel-root.panel-workspace .sidebar-nav-profile-security i,
#panel-root.panel-workspace .panel-mobile-menu-item.is-profile-security i {
    background: #3b3f7d !important;
}
#panel-root.panel-workspace .sidebar-nav-profile-api i,
#panel-root.panel-workspace .panel-mobile-menu-item.is-profile-api i {
    background: #1e3a8a !important;
}
#panel-root.panel-workspace .sidebar-nav-profile-accounts i,
#panel-root.panel-workspace .panel-mobile-menu-item.is-profile-accounts i {
    background: #4c1d95 !important;
}
#panel-root.panel-workspace .sidebar-nav-item:hover,
#panel-root.panel-workspace .panel-mobile-menu-item:hover {
    background: var(--pt-surface-2) !important;
    color: var(--pt-text) !important;
    border-color: var(--pt-line) !important;
}
#panel-root.panel-workspace .sidebar-nav-item.active,
#panel-root.panel-workspace .panel-mobile-menu-item.is-active,
#panel-root.panel-workspace .panel-mobile-menu-item.active {
    background: var(--pt-grad) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 14px 26px -18px rgba(139, 92, 246, 0.95) !important;
}
#panel-root.panel-workspace .sidebar-nav-item.active i,
#panel-root.panel-workspace .panel-mobile-menu-item.is-active i,
#panel-root.panel-workspace .panel-mobile-menu-item.active i {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.22) !important;
    box-shadow: none !important;
}

#panel-root.panel-workspace .sidebar-nav-logout,
#panel-root.panel-workspace .panel-mobile-menu-item.is-logout {
    color: var(--pt-danger) !important;
}
#panel-root.panel-workspace .sidebar-nav-logout i,
#panel-root.panel-workspace .panel-mobile-menu-item.is-logout i {
    background: #be123c !important;
    color: #ffffff !important;
}
#panel-root.panel-workspace .sidebar-nav-logout:hover,
#panel-root.panel-workspace .panel-mobile-menu-item.is-logout:hover {
    background: var(--pt-danger-bg) !important;
    border-color: var(--pt-danger-line) !important;
    color: var(--pt-danger) !important;
}

@media (min-width: 992px) {
    #panel-root.panel-workspace .panel-desk-iconbar {
        background: rgba(11, 16, 32, 0.86) !important;
        border-bottom: 1px solid var(--pt-line-soft) !important;
    }
    #panel-root.panel-workspace .panel-desk-iconbar .sidebar-nav-item {
        background: transparent !important;
        color: var(--pt-text-2, #cbd5e1) !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }
    #panel-root.panel-workspace .panel-desk-iconbar .sidebar-nav-item:hover {
        background: var(--pt-surface-2, rgba(139, 92, 246, 0.16)) !important;
        color: var(--pt-text, #fff) !important;
    }
    #panel-root.panel-workspace .panel-desk-iconbar .sidebar-nav-item.active {
        background: var(--pt-grad, rgba(46, 230, 199, 0.18)) !important;
        color: #ffffff !important;
        box-shadow: none !important;
    }
    #panel-root.panel-workspace .panel-desk-iconbar .sidebar-nav-item.active i {
        background: rgba(255, 255, 255, 0.22) !important;
    }
}

#panel-root.panel-workspace .store-ticker {
    background: linear-gradient(90deg, rgba(11, 16, 32, 0.96) 0%, rgba(15, 118, 110, 0.55) 50%, rgba(11, 16, 32, 0.96) 100%) !important;
    color: #fde68a !important;
    border-bottom-color: rgba(253, 230, 138, 0.22) !important;
}
#panel-root.panel-workspace .sidebar-nav-wa-group i,
#panel-root.panel-workspace .panel-mobile-menu-item.is-wa i {
    background: #16a34a !important;
    color: #ffffff !important;
}

/* نقاط التنبيه جوه القائمة (نقطة ::after مش لون الأيقونة) */
#panel-root.panel-workspace i.has-notif::after {
    background: var(--pt-danger) !important;
    box-shadow: 0 0 0 2px var(--pt-bg) !important;
}
#panel-root.panel-workspace i.has-notif-green::after {
    background: var(--pt-success) !important;
    box-shadow: 0 0 0 2px var(--pt-bg) !important;
}

/* ==================================================================
   4. قائمة الموبايل
   ================================================================== */
#panel-root.panel-workspace .panel-menu-fab {
    background: var(--pt-grad) !important;
    border: 0 !important;
    box-shadow: 0 16px 30px -16px rgba(139, 92, 246, 0.85) !important;
}
#panel-root.panel-workspace .panel-menu-bars span {
    background: #ffffff !important;
}
#panel-root.panel-workspace .panel-menu-backdrop {
    background: rgba(4, 7, 18, 0.72) !important;
    backdrop-filter: blur(4px);
}
#panel-root.panel-workspace .panel-mobile-menu {
    background: linear-gradient(180deg, #0a1020 0%, #0c1327 100%) !important;
    border-inline-start: 1px solid var(--pt-line) !important;
    box-shadow: var(--pt-shadow-lg) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .panel-mobile-menu-head {
    border-bottom: 1px solid var(--pt-line-soft) !important;
    background: transparent !important;
}
#panel-root.panel-workspace .panel-mobile-menu-close {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .panel-mobile-user {
    background: var(--pt-accent-soft) !important;
    border: 1px solid var(--pt-accent-line) !important;
    color: var(--pt-gold) !important;
}
#panel-root.panel-workspace .panel-mobile-user small {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .panel-mobile-user strong {
    color: var(--pt-gold) !important;
}

/* عناصر قديمة مش مستخدمة في التصميم الجديد */
#panel-root.panel-workspace .btm-nav,
#panel-root.panel-workspace .fab-add,
#panel-root.panel-workspace .floating-menu-container,
#panel-root.panel-workspace .panel-dock {
    display: none !important;
}

/* ==================================================================
   5. رأس الرئيسية + كارت الرصيد
   ================================================================== */
#panel-root.panel-workspace .curved-header {
    background: transparent !important;
    color: var(--pt-text) !important;
    box-shadow: none !important;
}
#panel-root.panel-workspace .panel-page-chip {
    background: var(--pt-accent-soft) !important;
    border: 1px solid var(--pt-accent-line) !important;
    color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace .panel-welcome-hi {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .panel-welcome-name {
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .user-avatar-btn {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-violet-2) !important;
}
#panel-root.panel-workspace .notif-dot {
    background: var(--pt-danger) !important;
    border-color: var(--pt-bg) !important;
}

#panel-root.panel-workspace .floating-balance {
    background:
        radial-gradient(circle at 100% 0%, rgba(139, 92, 246, 0.35), transparent 55%),
        linear-gradient(150deg, #101733 0%, #131c37 60%, #0e1a33 100%) !important;
    border: 1px solid var(--pt-accent-line) !important;
    border-radius: 24px !important;
    padding: 18px 20px !important;
    box-shadow: var(--pt-shadow) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .bal-label {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .bal-amount {
    color: var(--pt-gold) !important;
    background: none !important;
    -webkit-text-fill-color: var(--pt-gold) !important;
    text-shadow: 0 0 22px rgba(251, 191, 36, 0.25);
}
#panel-root.panel-workspace .stats-row {
    border-top: 1px solid var(--pt-line-soft) !important;
    background: transparent !important;
}
#panel-root.panel-workspace .stat-item {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid var(--pt-line-soft) !important;
    border-radius: 14px !important;
}
#panel-root.panel-workspace .stat-lbl {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .stat-val {
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .stat-val.text-success,
#panel-root.panel-workspace .text-success {
    color: var(--pt-success) !important;
}
#panel-root.panel-workspace .stat-val.text-warning,
#panel-root.panel-workspace .text-warning {
    color: var(--pt-warn) !important;
}
#panel-root.panel-workspace .stat-val.text-danger,
#panel-root.panel-workspace .text-danger {
    color: var(--pt-danger) !important;
}
#panel-root.panel-workspace .text-muted {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .text-primary {
    color: var(--pt-violet-2) !important;
}

/* ==================================================================
   6. البحث والوصول السريع والأقسام
   ================================================================== */
/* البحث في الرئيسية والتصفية يستخدم نفس ستايل الشريط العلوي */

/* على الديسكتوب البحث موجود في الشريط العلوي — مفيش تكرار */
@media (min-width: 992px) {
    #panel-root.panel-workspace #view-home .search-container {
        display: none !important;
    }
}

#panel-root.panel-workspace .qa-title,
#panel-root.panel-workspace .panel-section-head {
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .qa-card {
    background: var(--pt-surface) !important;
    border: 1px solid var(--pt-line-soft) !important;
    box-shadow: var(--pt-shadow) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .qa-icon {
    background: var(--pt-accent-soft) !important;
    border: 1px solid var(--pt-accent-line) !important;
    color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace .qa-name {
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .qa-price {
    color: var(--pt-gold) !important;
}

#panel-root.panel-workspace .cat-card {
    background: var(--pt-surface) !important;
    border: 1px solid var(--pt-line-soft) !important;
    border-radius: 18px !important;
    box-shadow: var(--pt-shadow) !important;
    color: var(--pt-text) !important;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}
#panel-root.panel-workspace .cat-card:hover {
    border-color: var(--pt-accent-line) !important;
    transform: translateY(-3px);
    box-shadow: 0 22px 40px -24px rgba(139, 92, 246, 0.55) !important;
}
#panel-root.panel-workspace .cat-icon-wrap {
    background: var(--pt-grad-soft) !important;
    border: 1px solid var(--pt-accent-line) !important;
}
#panel-root.panel-workspace .cat-fa {
    color: var(--pt-cyan-2) !important;
    -webkit-text-fill-color: var(--pt-cyan-2) !important;
    background: none !important;
}
#panel-root.panel-workspace .cat-name {
    color: var(--pt-text) !important;
}

#panel-root.panel-workspace .panel-subcat-head,
#panel-root.panel-workspace .inner-header {
    background: rgba(11, 16, 32, 0.9) !important;
    border-bottom: 1px solid var(--pt-line-soft) !important;
    color: var(--pt-text) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
#panel-root.panel-workspace .inner-title,
#panel-root.panel-workspace .panel-window-name {
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .panel-back-btn {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .panel-back-btn:hover {
    background: var(--pt-accent-soft) !important;
    border-color: var(--pt-accent-line) !important;
    color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace .panel-header-cta {
    background: var(--pt-grad) !important;
    border: 0 !important;
    color: #ffffff !important;
    box-shadow: 0 14px 26px -18px rgba(139, 92, 246, 0.9) !important;
}

/* ==================================================================
   7. كروت الخدمات
   ================================================================== */
#panel-root.panel-workspace .svc-mini-card,
#panel-root.panel-workspace .svc-card-style {
    background: var(--pt-surface) !important;
    border: 1px solid var(--pt-line-soft) !important;
    border-radius: 18px !important;
    box-shadow: var(--pt-shadow) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .svc-mini-card:hover {
    border-color: var(--pt-accent-line) !important;
}
#panel-root.panel-workspace .svc-card-top,
#panel-root.panel-workspace .svc-card-head,
#panel-root.panel-workspace .svc-card-meta,
#panel-root.panel-workspace .svc-card-foot {
    background: transparent !important;
    border-color: var(--pt-line-soft) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .svc-icon-box {
    background: var(--pt-grad-soft) !important;
    border: 1px solid var(--pt-accent-line) !important;
    color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace .svc-fa {
    color: var(--pt-cyan-2) !important;
    -webkit-text-fill-color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace .svc-name,
#panel-root.panel-workspace .card-title {
    color: var(--pt-text) !important;
    -webkit-text-fill-color: var(--pt-text) !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: none !important;
}
#panel-root.panel-workspace .svc-price,
#panel-root.panel-workspace .card-price {
    color: var(--pt-gold) !important;
}
#panel-root.panel-workspace .svc-order-btn {
    background: var(--pt-grad) !important;
    border: 0 !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px -16px rgba(139, 92, 246, 0.9) !important;
}
#panel-root.panel-workspace #svc-desc-btn {
    background: var(--pt-accent-soft) !important;
    border: 1px solid var(--pt-accent-line) !important;
    color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace .fav-star {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .fav-star.is-current,
#panel-root.panel-workspace .fav-star.active {
    color: var(--pt-gold) !important;
}
#panel-root.panel-workspace .badge-social {
    background: var(--pt-info-bg) !important;
    color: var(--pt-info) !important;
    border: 1px solid var(--pt-info-line) !important;
}
#panel-root.panel-workspace .smm-badge {
    background: var(--pt-surface-3) !important;
    color: var(--pt-text-2) !important;
    border: 1px solid var(--pt-line) !important;
}
#panel-root.panel-workspace .smm-badge-hot {
    background: var(--pt-danger-bg) !important;
    color: var(--pt-danger) !important;
    border-color: var(--pt-danger-line) !important;
}
#panel-root.panel-workspace .smm-badge-new {
    background: var(--pt-success-bg) !important;
    color: var(--pt-success) !important;
    border-color: var(--pt-success-line) !important;
}
#panel-root.panel-workspace .smm-progress-bar-bg,
#panel-root.panel-workspace .smm-progress-wrapper {
    background: var(--pt-surface-3) !important;
}
#panel-root.panel-workspace .smm-progress-bar-fill {
    background: var(--pt-grad) !important;
}

/* ==================================================================
   8. الطلبات / السجل / القوائم
   ================================================================== */
#panel-root.panel-workspace .order-card,
#panel-root.panel-workspace .ticket-card,
#panel-root.panel-workspace .clean-list-box,
#panel-root.panel-workspace .list-item,
#panel-root.panel-workspace .response-box-styled {
    background: var(--pt-surface) !important;
    border: 1px solid var(--pt-line-soft) !important;
    border-radius: 16px !important;
    color: var(--pt-text) !important;
    box-shadow: var(--pt-shadow) !important;
}
#panel-root.panel-workspace .order-header {
    background: var(--pt-surface-2) !important;
    border-bottom: 1px solid var(--pt-line-soft) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .order-body {
    background: var(--pt-surface) !important;
    color: var(--pt-text-2) !important;
}
#panel-root.panel-workspace .order-expand-icon {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .list-item {
    border-radius: 14px !important;
}
#panel-root.panel-workspace .key {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .value {
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .response-box-header,
#panel-root.panel-workspace .response-label {
    background: var(--pt-surface-2) !important;
    color: var(--pt-text-2) !important;
    border-color: var(--pt-line-soft) !important;
}
#panel-root.panel-workspace .response-text {
    background: var(--pt-bg-2) !important;
    color: var(--pt-text) !important;
    border: 1px solid var(--pt-line-soft) !important;
}
#panel-root.panel-workspace .response-copy-btn,
#panel-root.panel-workspace .load-more-btn,
#panel-root.panel-workspace .st-filter-btn {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text-2) !important;
}
#panel-root.panel-workspace .response-copy-btn:hover,
#panel-root.panel-workspace .load-more-btn:hover,
#panel-root.panel-workspace .st-filter-btn:hover,
#panel-root.panel-workspace .st-filter-btn.active {
    background: var(--pt-accent-soft) !important;
    border-color: var(--pt-accent-line) !important;
    color: var(--pt-cyan-2) !important;
}

/* حالات الطلبات */
#panel-root.panel-workspace .st-success {
    background: var(--pt-success-bg) !important;
    color: var(--pt-success) !important;
    border: 1px solid var(--pt-success-line) !important;
}
#panel-root.panel-workspace .st-warn,
#panel-root.panel-workspace .st-warning {
    background: var(--pt-warn-bg) !important;
    color: var(--pt-warn) !important;
    border: 1px solid var(--pt-warn-line) !important;
}
#panel-root.panel-workspace .st-danger {
    background: var(--pt-danger-bg) !important;
    color: var(--pt-danger) !important;
    border: 1px solid var(--pt-danger-line) !important;
}

/* عدّاد الوقت */
#panel-root.panel-workspace .timer-container,
#panel-root.panel-workspace .timer-circle {
    stroke: var(--pt-line) !important;
}
#panel-root.panel-workspace .timer-path {
    stroke: var(--pt-cyan) !important;
}
#panel-root.panel-workspace .timer-text {
    fill: var(--pt-text) !important;
    color: var(--pt-text) !important;
}

/* ==================================================================
   9. الإشعارات
   ================================================================== */
#panel-root.panel-workspace .panel-notif-list {
    background: transparent !important;
}
#panel-root.panel-workspace .notif-item {
    background: var(--pt-surface) !important;
    border: 1px solid var(--pt-line-soft) !important;
    border-radius: 16px !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .notif-item.is-unread {
    background: var(--pt-accent-soft) !important;
    border-color: var(--pt-accent-line) !important;
}
#panel-root.panel-workspace .notif-content {
    color: var(--pt-text-2) !important;
}
#panel-root.panel-workspace .notif-date {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .unread-badge {
    background: var(--pt-danger) !important;
    color: #ffffff !important;
}
#panel-root.panel-workspace .notif-icon.n-info {
    background: var(--pt-info-bg) !important;
    color: var(--pt-info) !important;
}
#panel-root.panel-workspace .notif-icon.n-success {
    background: var(--pt-success-bg) !important;
    color: var(--pt-success) !important;
}
#panel-root.panel-workspace .notif-icon.n-warn {
    background: var(--pt-warn-bg) !important;
    color: var(--pt-warn) !important;
}
#panel-root.panel-workspace .notif-icon.n-danger {
    background: var(--pt-danger-bg) !important;
    color: var(--pt-danger) !important;
}

/* ==================================================================
   10. الدعم والمحادثة
   ================================================================== */
#panel-root.panel-workspace .chat-header-fixed {
    background: rgba(11, 16, 32, 0.92) !important;
    border-bottom: 1px solid var(--pt-line-soft) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .chat-messages-area {
    background: transparent !important;
}
#panel-root.panel-workspace .chat-msg {
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .chat-msg.msg-me {
    background: var(--pt-grad) !important;
    color: #ffffff !important;
    border: 0 !important;
}
#panel-root.panel-workspace .chat-msg.msg-admin {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .chat-msg.msg-system {
    background: var(--pt-warn-bg) !important;
    color: var(--pt-warn) !important;
    border: 1px solid var(--pt-warn-line) !important;
}
#panel-root.panel-workspace .msg-time {
    color: rgba(255, 255, 255, 0.55) !important;
}
#panel-root.panel-workspace .chat-msg.msg-admin .msg-time {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .chat-input-container,
#panel-root.panel-workspace #chat-footer {
    background: rgba(11, 16, 32, 0.94) !important;
    border-top: 1px solid var(--pt-line-soft) !important;
}
#panel-root.panel-workspace .chat-input {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .chat-input::placeholder {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .chat-send-btn {
    background: var(--pt-grad) !important;
    color: #ffffff !important;
    border: 0 !important;
}
#panel-root.panel-workspace .file-upload-label {
    background: var(--pt-surface-2) !important;
    border: 1px dashed var(--pt-accent-line) !important;
    color: var(--pt-text-2) !important;
}
#panel-root.panel-workspace .file-upload-label.has-file {
    border-color: var(--pt-success-line) !important;
    color: var(--pt-success) !important;
}
#panel-root.panel-workspace #attachment-preview {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
}

/* ==================================================================
   11. النماذج والتبويبات
   ================================================================== */
#panel-root.panel-workspace .modern-inp,
#panel-root.panel-workspace .form-control,
#panel-root.panel-workspace .form-select,
#panel-root.panel-workspace input[type="text"],
#panel-root.panel-workspace input[type="email"],
#panel-root.panel-workspace input[type="number"],
#panel-root.panel-workspace input[type="password"],
#panel-root.panel-workspace input[type="tel"],
#panel-root.panel-workspace input[type="search"],
#panel-root.panel-workspace textarea,
#panel-root.panel-workspace select {
    background: var(--pt-bg-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}
#panel-root.panel-workspace .modern-inp::placeholder,
#panel-root.panel-workspace .form-control::placeholder,
#panel-root.panel-workspace textarea::placeholder {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .modern-inp:focus,
#panel-root.panel-workspace .form-control:focus,
#panel-root.panel-workspace .form-select:focus,
#panel-root.panel-workspace textarea:focus,
#panel-root.panel-workspace select:focus {
    background: var(--pt-bg-2) !important;
    border-color: var(--pt-violet) !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.22) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace select option {
    background: var(--pt-surface) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace label,
#panel-root.panel-workspace .form-label {
    color: var(--pt-text-2) !important;
}
#panel-root.panel-workspace label.main-search-bar,
#panel-root.panel-workspace label.top-navbar-search {
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .form-text,
#panel-root.panel-workspace small {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .pin-field {
    background: var(--pt-bg-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
    letter-spacing: 0.4em;
}
#panel-root.panel-workspace .form-check-input {
    background-color: var(--pt-surface-3) !important;
    border-color: var(--pt-line) !important;
}
#panel-root.panel-workspace .form-check-input:checked {
    background-color: var(--pt-violet) !important;
    border-color: var(--pt-violet) !important;
}
#panel-root.panel-workspace .qty-wrapper {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line) !important;
}
#panel-root.panel-workspace .qty-btn {
    background: var(--pt-surface-3) !important;
    color: var(--pt-text) !important;
    border: 0 !important;
}
#panel-root.panel-workspace .qty-btn:hover {
    background: var(--pt-accent-soft) !important;
    color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace .qty-input {
    background: transparent !important;
    color: var(--pt-text) !important;
    border: 0 !important;
}

#panel-root.panel-workspace .nav-tabs,
#panel-root.panel-workspace .panel-profile-tabs {
    border-bottom: 1px solid var(--pt-line-soft) !important;
    background: transparent !important;
}
#panel-root.panel-workspace .nav-tabs .nav-link {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: var(--pt-muted) !important;
    border-radius: 12px 12px 0 0 !important;
}
#panel-root.panel-workspace .nav-tabs .nav-link:hover {
    color: var(--pt-text) !important;
    background: var(--pt-surface-2) !important;
}
#panel-root.panel-workspace .nav-tabs .nav-link.active {
    background: var(--pt-surface) !important;
    border-color: var(--pt-line-soft) !important;
    border-bottom-color: transparent !important;
    color: var(--pt-cyan-2) !important;
}

/* ==================================================================
   12. الأزرار
   ================================================================== */
#panel-root.panel-workspace .main-btn,
#panel-root.panel-workspace .btn-primary,
#panel-root.panel-workspace .tg-btn,
#panel-root.panel-workspace .profile-btn {
    background: var(--pt-grad) !important;
    border: 0 !important;
    color: #ffffff !important;
    border-radius: 16px !important;
    font-weight: 800 !important;
    box-shadow: 0 16px 28px -18px rgba(139, 92, 246, 0.95) !important;
}
#panel-root.panel-workspace .main-btn:hover,
#panel-root.panel-workspace .btn-primary:hover {
    filter: brightness(1.08);
}
#panel-root.panel-workspace .btn-outline-primary,
#panel-root.panel-workspace .btn-light,
#panel-root.panel-workspace .btn-secondary {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .btn-outline-primary:hover,
#panel-root.panel-workspace .btn-light:hover,
#panel-root.panel-workspace .btn-secondary:hover {
    background: var(--pt-accent-soft) !important;
    border-color: var(--pt-accent-line) !important;
    color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace .btn-success {
    background: var(--pt-success) !important;
    border: 0 !important;
    color: #07231a !important;
}
#panel-root.panel-workspace .btn-danger {
    background: var(--pt-danger) !important;
    border: 0 !important;
    color: #2a0a14 !important;
}
#panel-root.panel-workspace .btn-warning {
    background: var(--pt-warn) !important;
    border: 0 !important;
    color: #2a2005 !important;
}
#panel-root.panel-workspace .is-admin-btn {
    background: var(--pt-warn-bg) !important;
    border: 1px solid var(--pt-warn-line) !important;
    color: var(--pt-warn) !important;
}
#panel-root.panel-workspace .btn-close {
    filter: invert(1) grayscale(100%) brightness(2.2) !important;
}

/* ==================================================================
   13. المودالات والشيتات والتنبيهات
   ================================================================== */
#panel-root.panel-workspace .modal-content,
#panel-root.panel-workspace .panel-sheet-form,
#panel-root.panel-workspace .pwa-howto-box {
    background: var(--pt-surface) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
    box-shadow: var(--pt-shadow-lg) !important;
}
#panel-root.panel-workspace .modal-header,
#panel-root.panel-workspace .modal-footer,
#panel-root.panel-workspace .panel-sheet-foot {
    background: var(--pt-surface-2) !important;
    border-color: var(--pt-line-soft) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .modal-body,
#panel-root.panel-workspace .panel-sheet-body {
    background: var(--pt-surface) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .modal-title {
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .modal-backdrop,
#panel-root.panel-workspace .custom-alert-overlay {
    background: rgba(4, 7, 18, 0.76) !important;
}
#panel-root.panel-workspace .alert {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .alert-success {
    background: var(--pt-success-bg) !important;
    border-color: var(--pt-success-line) !important;
    color: var(--pt-success) !important;
}
#panel-root.panel-workspace .alert-danger {
    background: var(--pt-danger-bg) !important;
    border-color: var(--pt-danger-line) !important;
    color: var(--pt-danger) !important;
}
#panel-root.panel-workspace .alert-warning {
    background: var(--pt-warn-bg) !important;
    border-color: var(--pt-warn-line) !important;
    color: var(--pt-warn) !important;
}
#panel-root.panel-workspace .alert-info {
    background: var(--pt-info-bg) !important;
    border-color: var(--pt-info-line) !important;
    color: var(--pt-info) !important;
}
#panel-root.panel-workspace .badge.bg-success,
#panel-root.panel-workspace .bg-success {
    background: var(--pt-success-bg) !important;
    color: var(--pt-success) !important;
}
#panel-root.panel-workspace .badge.bg-danger,
#panel-root.panel-workspace .bg-danger {
    background: var(--pt-danger-bg) !important;
    color: var(--pt-danger) !important;
}
#panel-root.panel-workspace .badge.bg-warning,
#panel-root.panel-workspace .bg-warning {
    background: var(--pt-warn-bg) !important;
    color: var(--pt-warn) !important;
}
#panel-root.panel-workspace .badge.bg-primary {
    background: var(--pt-accent-soft) !important;
    color: var(--pt-cyan-2) !important;
}

#panel-root.panel-workspace #toast {
    background: var(--pt-surface) !important;
    color: var(--pt-text) !important;
    border: 1px solid var(--pt-accent-line) !important;
    box-shadow: var(--pt-shadow-lg) !important;
}
#panel-root.panel-workspace #loader-overlay,
#panel-root.panel-workspace #page-load-overlay {
    background: rgba(6, 10, 22, 0.82) !important;
}
#panel-root.panel-workspace .spinner,
#panel-root.panel-workspace .pl-spinner {
    border-color: var(--pt-line) !important;
    border-top-color: var(--pt-cyan) !important;
}
#panel-root.panel-workspace #pwa-install-banner {
    background: var(--pt-surface) !important;
    border: 1px solid var(--pt-accent-line) !important;
    color: var(--pt-text) !important;
    box-shadow: var(--pt-shadow-lg) !important;
}
#panel-root.panel-workspace .pwa-btn {
    background: var(--pt-grad) !important;
    color: #ffffff !important;
    border: 0 !important;
}
#panel-root.panel-workspace #pwa-howto {
    background: rgba(4, 7, 18, 0.8) !important;
}

/* ==================================================================
   14. شحن الرصيد — محفظة + صفوف وسائل
   ================================================================== */
#panel-root.panel-workspace .topup-shell,
#panel-root.panel-workspace .topup-verify-shell {
    background: transparent !important;
}
#panel-root.panel-workspace .topup-steps {
    background: linear-gradient(180deg, rgba(8, 12, 24, 0.96) 70%, rgba(8, 12, 24, 0)) !important;
}
#panel-root.panel-workspace .topup-steps::before {
    background: var(--pt-line-soft) !important;
}
#panel-root.panel-workspace .topup-wallet {
    background:
        radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.22), transparent 50%),
        linear-gradient(160deg, #0e1730 0%, #121a30 100%) !important;
    border: 1px solid var(--pt-accent-line) !important;
    color: var(--pt-text) !important;
    box-shadow: var(--pt-shadow) !important;
}
#panel-root.panel-workspace .topup-wallet-kicker {
    color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace .topup-wallet .topup-label,
#panel-root.panel-workspace .topup-limits-hint,
#panel-root.panel-workspace .topup-methods-hint {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .topup-amount-prefix {
    color: var(--pt-cyan-2) !important;
    font-size: 0.95rem !important;
}
#panel-root.panel-workspace .topup-amount-wrap .modern-inp {
    background: rgba(8, 12, 24, 0.55) !important;
    border: 1px solid var(--pt-accent-line) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .topup-note,
#panel-root.panel-workspace .topup-label,
#panel-root.panel-workspace .topup-step-lbl {
    color: var(--pt-text-2) !important;
}
#panel-root.panel-workspace .topup-panel,
#panel-root.panel-workspace .topup-card,
#panel-root.panel-workspace .topup-pay-card,
#panel-root.panel-workspace .topup-code-card,
#panel-root.panel-workspace .topup-code-strip,
#panel-root.panel-workspace .topup-methods,
#panel-root.panel-workspace .topup-verify-card,
#panel-root.panel-workspace .topup-copy-box,
#panel-root.panel-workspace .topup-qr-box,
#panel-root.panel-workspace .topup-pay-amount-box,
#panel-root.panel-workspace #notes-pay-widget,
#panel-root.panel-workspace #smart-pay-widget,
#panel-root.panel-workspace #pay-instructions-box,
#panel-root.panel-workspace #pay-qrcode-box-panel,
#panel-root.panel-workspace #topup-summary {
    background: var(--pt-surface) !important;
    border: 1px solid var(--pt-line-soft) !important;
    color: var(--pt-text) !important;
    box-shadow: none !important;
}
#panel-root.panel-workspace #pay-acc-details {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .topup-pay-amount-box {
    background:
        radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.22), transparent 50%),
        linear-gradient(160deg, #0e1730 0%, #121a30 100%) !important;
    border: 1px solid var(--pt-accent-line) !important;
}
#panel-root.panel-workspace .topup-pay-amount-box .val {
    color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace .topup-code-head,
#panel-root.panel-workspace .topup-code-row,
#panel-root.panel-workspace .topup-sum-row {
    background: transparent !important;
    border-color: var(--pt-line-soft) !important;
    color: var(--pt-text-2) !important;
}
#panel-root.panel-workspace .topup-code-head strong {
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .topup-code-head span {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .topup-code-head i {
    background: var(--pt-grad-soft) !important;
    color: var(--pt-cyan-2) !important;
    border: 1px solid var(--pt-accent-line) !important;
}
#panel-root.panel-workspace .topup-sum-pay,
#panel-root.panel-workspace .topup-mono,
#panel-root.panel-workspace #sum-curr,
#panel-root.panel-workspace #generated-note-code {
    color: var(--pt-gold) !important;
}
#panel-root.panel-workspace #generated-note-code {
    background: var(--pt-bg-2) !important;
    border: 1px solid var(--pt-line) !important;
}
#panel-root.panel-workspace .topup-sum-fee,
#panel-root.panel-workspace #rounding-note,
#panel-root.panel-workspace #topup-fee-row {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .topup-center-inp,
#panel-root.panel-workspace .topup-code-row .modern-inp {
    background: var(--pt-bg-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .topup-quick-btn,
#panel-root.panel-workspace .topup-ghost-btn,
#panel-root.panel-workspace .topup-copy-btn,
#panel-root.panel-workspace .topup-code-btn,
#panel-root.panel-workspace .topup-pill {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text-2) !important;
}
#panel-root.panel-workspace .topup-quick-btn:hover,
#panel-root.panel-workspace .topup-quick-btn.active,
#panel-root.panel-workspace .topup-ghost-btn:hover,
#panel-root.panel-workspace .topup-copy-btn:hover,
#panel-root.panel-workspace .topup-code-btn:hover {
    background: var(--pt-accent-soft) !important;
    border-color: var(--pt-accent-line) !important;
    color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace .topup-quick-btn.active {
    background: linear-gradient(135deg, #22d3ee 0%, #67e8f9 100%) !important;
    color: #061018 !important;
    border-color: transparent !important;
}
#panel-root.panel-workspace .topup-cta:not(#paypal-checkout-link) {
    background: var(--pt-grad) !important;
    border: 0 !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px -16px rgba(34, 211, 238, 0.55) !important;
}
#panel-root.panel-workspace #paypal-checkout-link {
    background: #0070ba !important;
    border: 0 !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px -16px rgba(0, 112, 186, 0.55) !important;
}
#panel-root.panel-workspace .topup-cta.is-hidden,
#panel-root.panel-workspace #bybit-checkout-link.is-hidden,
#panel-root.panel-workspace #paypal-checkout-link.is-hidden {
    display: none !important;
}
#panel-root.panel-workspace .topup-cta-ok {
    background: var(--pt-success) !important;
    color: #07231a !important;
}
#panel-root.panel-workspace .topup-note-title {
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .topup-note-warn {
    background: var(--pt-warn-bg) !important;
    border: 1px solid var(--pt-warn-line) !important;
    color: var(--pt-warn) !important;
}
#panel-root.panel-workspace .topup-note-ok {
    background: var(--pt-success-bg) !important;
    border: 1px solid var(--pt-success-line) !important;
    color: var(--pt-success) !important;
}
#panel-root.panel-workspace .topup-note-code {
    background: var(--pt-bg-2) !important;
    border: 1px dashed var(--pt-accent-line) !important;
    color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace .topup-step {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .topup-step-num {
    background: var(--pt-surface-3) !important;
    color: var(--pt-text-2) !important;
    border: 1px solid var(--pt-line) !important;
    border-radius: 8px !important;
}
#panel-root.panel-workspace .topup-step.active .topup-step-num,
#panel-root.panel-workspace .topup-step.done .topup-step-num,
#panel-root.panel-workspace .topup-step.is-active .topup-step-num {
    background: var(--pt-grad) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}
#panel-root.panel-workspace .topup-footer {
    border-top: 1px solid var(--pt-line-soft) !important;
    background: linear-gradient(180deg, rgba(8, 12, 24, 0), rgba(11, 16, 32, 0.96) 28%) !important;
}
#panel-root.panel-workspace .topup-pay-method {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-cyan-2) !important;
}

/* وسائل الدفع — صفوف */
#panel-root.panel-workspace .pm-item {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line-soft) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .pm-item:hover {
    border-color: var(--pt-accent-line) !important;
    background: var(--pt-accent-soft) !important;
}
#panel-root.panel-workspace .pm-item.active {
    border-color: var(--pt-cyan) !important;
    background: rgba(34, 211, 238, 0.08) !important;
}
#panel-root.panel-workspace .pm-icon-wrap {
    background: var(--pt-grad-soft) !important;
    border: 1px solid var(--pt-accent-line) !important;
}
#panel-root.panel-workspace .pm-icon {
    background: transparent !important;
    border: 0 !important;
    color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace .pm-name {
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .pm-curr {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .pm-badge {
    background: var(--pt-info-bg) !important;
    color: var(--pt-info) !important;
    border: 1px solid var(--pt-info-line) !important;
}
#panel-root.panel-workspace .pm-check {
    border-color: var(--pt-line) !important;
    color: transparent !important;
    background: transparent !important;
}
#panel-root.panel-workspace .pm-item.active .pm-check {
    background: var(--pt-cyan) !important;
    border-color: var(--pt-cyan) !important;
    color: #061018 !important;
}

/* ==================================================================
   15. الجداول
   ================================================================== */
#panel-root.panel-workspace .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--pt-text);
    --bs-table-border-color: var(--pt-line-soft);
    --bs-table-striped-bg: var(--pt-surface-2);
    --bs-table-striped-color: var(--pt-text);
    --bs-table-hover-bg: var(--pt-surface-3);
    --bs-table-hover-color: var(--pt-text);
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .table > thead th {
    background: var(--pt-surface-2) !important;
    color: var(--pt-text-2) !important;
    border-color: var(--pt-line) !important;
}
#panel-root.panel-workspace .table > tbody td {
    border-color: var(--pt-line-soft) !important;
    color: var(--pt-text) !important;
}

/* ==================================================================
   16. تنظيف الألوان الفاتحة المكتوبة inline في panel.php
   ================================================================== */
#panel-root.panel-workspace [style*="background:#fff"],
#panel-root.panel-workspace [style*="background: #fff"],
#panel-root.panel-workspace [style*="background:#ffffff"],
#panel-root.panel-workspace [style*="background: #ffffff"],
#panel-root.panel-workspace [style*="background:white"],
#panel-root.panel-workspace [style*="background: white"],
#panel-root.panel-workspace [style*="background-color:#fff"],
#panel-root.panel-workspace [style*="background-color: #fff"],
#panel-root.panel-workspace [style*="background:#f1f2f6"],
#panel-root.panel-workspace [style*="background:#f8fafc"],
#panel-root.panel-workspace [style*="background:#f1f5f9"],
#panel-root.panel-workspace [style*="background:#f3f8fa"],
#panel-root.panel-workspace [style*="background:#fafafa"],
#panel-root.panel-workspace [style*="background:#f0f2f5"] {
    background: var(--pt-surface) !important;
    background-color: var(--pt-surface) !important;
    color: var(--pt-text) !important;
    border-color: var(--pt-line-soft) !important;
}
#panel-root.panel-workspace [style*="#e0f2fe"],
#panel-root.panel-workspace [style*="#eff6ff"],
#panel-root.panel-workspace [style*="#dbeafe"],
#panel-root.panel-workspace [style*="#ecfeff"],
#panel-root.panel-workspace [style*="#ccfbf1"],
#panel-root.panel-workspace [style*="#f0edff"] {
    background: var(--pt-accent-soft) !important;
    background-color: var(--pt-accent-soft) !important;
    color: var(--pt-cyan-2) !important;
    border-color: var(--pt-accent-line) !important;
}
#panel-root.panel-workspace [style*="#dcfce7"],
#panel-root.panel-workspace [style*="#d1fae5"],
#panel-root.panel-workspace [style*="#f0fdf4"] {
    background: var(--pt-success-bg) !important;
    background-color: var(--pt-success-bg) !important;
    color: var(--pt-success) !important;
    border-color: var(--pt-success-line) !important;
}
#panel-root.panel-workspace [style*="#fee2e2"],
#panel-root.panel-workspace [style*="#fecaca"],
#panel-root.panel-workspace [style*="#fef2f2"],
#panel-root.panel-workspace [style*="#fff1f2"] {
    background: var(--pt-danger-bg) !important;
    background-color: var(--pt-danger-bg) !important;
    color: var(--pt-danger) !important;
    border-color: var(--pt-danger-line) !important;
}
#panel-root.panel-workspace [style*="#fef3c7"],
#panel-root.panel-workspace [style*="#fde68a"],
#panel-root.panel-workspace [style*="#fffbeb"] {
    background: var(--pt-warn-bg) !important;
    background-color: var(--pt-warn-bg) !important;
    color: var(--pt-warn) !important;
    border-color: var(--pt-warn-line) !important;
}

/* ------------------------------------------------------------------
   16-ب. الخطوط الفاصلة الفاتحة المكتوبة inline (كانت بتبان بيضاء)
   ------------------------------------------------------------------ */
#panel-root.panel-workspace [style*="#eee"],
#panel-root.panel-workspace [style*="#ddd"],
#panel-root.panel-workspace [style*="#ccc"],
#panel-root.panel-workspace [style*="#e5e5e5"],
#panel-root.panel-workspace [style*="#e5e7eb"],
#panel-root.panel-workspace [style*="#e2e8f0"],
#panel-root.panel-workspace [style*="#cbd5e1"],
#panel-root.panel-workspace [style*="#dcdde1"],
#panel-root.panel-workspace [style*="#dfe6e9"],
#panel-root.panel-workspace [style*="#f1f5f9"],
#panel-root.panel-workspace [style*="#bae6fd"],
#panel-root.panel-workspace [style*="#fed7aa"],
#panel-root.panel-workspace [style*="#ffedd5"],
#panel-root.panel-workspace [style*="#ffeeba"],
#panel-root.panel-workspace [style*="#fab1a0"] {
    border-color: var(--pt-line-soft) !important;
}

/* ------------------------------------------------------------------
   16-ج. النصوص المكتوبة inline بألوان غامقة (مش بتتقرا على الغامق)
   ------------------------------------------------------------------ */
#panel-root.panel-workspace [style*="color:#2d3436"],
#panel-root.panel-workspace [style*="color: #2d3436"],
#panel-root.panel-workspace [style*="color:#636e72"],
#panel-root.panel-workspace [style*="color: #636e72"],
#panel-root.panel-workspace [style*="color:#64748b"],
#panel-root.panel-workspace [style*="color: #64748b"],
#panel-root.panel-workspace [style*="color:#334155"],
#panel-root.panel-workspace [style*="color:#1e293b"],
#panel-root.panel-workspace [style*="color:#4a5568"],
#panel-root.panel-workspace [style*="color:#555"],
#panel-root.panel-workspace [style*="color:#999"],
#panel-root.panel-workspace [style*="color:#b2bec3"],
#panel-root.panel-workspace [style*="color:#0b1220"],
#panel-root.panel-workspace [style*="color:#0f172a"] {
    color: var(--pt-text-2) !important;
}

/* نفس الحكاية بس للألوان الدلالية — تفضل دلالية بس بدرجة ظاهرة */
#panel-root.panel-workspace [style*="color:#166534"],
#panel-root.panel-workspace [style*="color:#15803d"],
#panel-root.panel-workspace [style*="color:#059669"],
#panel-root.panel-workspace [style*="color:#16a34a"],
#panel-root.panel-workspace [style*="color:#00b894"] {
    color: var(--pt-success) !important;
}
#panel-root.panel-workspace [style*="color:#92400e"],
#panel-root.panel-workspace [style*="color:#9a3412"],
#panel-root.panel-workspace [style*="color:#856404"],
#panel-root.panel-workspace [style*="color:#d97706"],
#panel-root.panel-workspace [style*="color:#f59e0b"],
#panel-root.panel-workspace [style*="color:#f1c40f"] {
    color: var(--pt-warn) !important;
}
#panel-root.panel-workspace [style*="color:#d63031"],
#panel-root.panel-workspace [style*="color:#e74c3c"],
#panel-root.panel-workspace [style*="color:#ef4444"],
#panel-root.panel-workspace [style*="color:#f87171"] {
    color: var(--pt-danger) !important;
}
#panel-root.panel-workspace [style*="color:#0369a1"],
#panel-root.panel-workspace [style*="color:#0984e3"],
#panel-root.panel-workspace [style*="color:#0ea5e9"],
#panel-root.panel-workspace [style*="color:#0e7490"] {
    color: var(--pt-info) !important;
}

/* ------------------------------------------------------------------
   16-د. صندوق "وقت التنفيذ" وملخص السعر في شاشة الطلب
   ------------------------------------------------------------------ */
#panel-root.panel-workspace #svc-time-display {
    background: var(--pt-surface-2) !important;
    border: 1px dashed var(--pt-accent-line) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace #svc-time-display i {
    color: var(--pt-violet-2) !important;
}
#panel-root.panel-workspace #svc-time-val {
    color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace #svc-meta-info {
    color: var(--pt-text-2) !important;
}
#panel-root.panel-workspace #form-svc-title {
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace #form-total-price,
#panel-root.panel-workspace #form-sym {
    color: var(--pt-success) !important;
}
#panel-root.panel-workspace #form-unit-price,
#panel-root.panel-workspace #form-unit-sym {
    color: var(--pt-text-2) !important;
}

/* زر تأكيد الطلب — الجافاسكريبت بيلون خلفيته inline وقت الحفظ */
#panel-root.panel-workspace #btn-form-submit {
    background: var(--pt-grad) !important;
    color: #ffffff !important;
    border: 0 !important;
}
#panel-root.panel-workspace #btn-form-submit:disabled,
#panel-root.panel-workspace #btn-form-submit[disabled] {
    background: var(--pt-surface-3) !important;
    color: var(--pt-muted) !important;
    box-shadow: none !important;
}

/* خلفيات فاتحة إضافية لسه كانت ناقصة */
#panel-root.panel-workspace [style*="background:#e2e8f0"],
#panel-root.panel-workspace [style*="background: #e2e8f0"] {
    background: var(--pt-surface-2) !important;
    background-color: var(--pt-surface-2) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace [style*="background:#f0f9ff"],
#panel-root.panel-workspace [style*="background: #f0f9ff"] {
    background: var(--pt-info-bg) !important;
    background-color: var(--pt-info-bg) !important;
    color: var(--pt-info) !important;
    border-color: var(--pt-info-line) !important;
}
#panel-root.panel-workspace [style*="#fff5f5"] {
    background: var(--pt-danger-bg) !important;
    background-color: var(--pt-danger-bg) !important;
    color: var(--pt-danger) !important;
    border-color: var(--pt-danger-line) !important;
}
#panel-root.panel-workspace [style*="#fff7ed"],
#panel-root.panel-workspace [style*="#fffbeb"],
#panel-root.panel-workspace [style*="#fff3cd"] {
    background: var(--pt-warn-bg) !important;
    background-color: var(--pt-warn-bg) !important;
    color: var(--pt-warn) !important;
    border-color: var(--pt-warn-line) !important;
}

/* ==================================================================
   17. صفحة الدخول — نفس هوية الألوان الجديدة
   ================================================================== */
#panel-root.login-page {
    background:
        radial-gradient(circle at 14% 6%, rgba(139, 92, 246, 0.26), transparent 30rem),
        radial-gradient(circle at 88% 0%, rgba(34, 211, 238, 0.18), transparent 26rem),
        linear-gradient(180deg, #080c18 0%, #0a1020 50%, #080c18 100%) !important;
    color: var(--pt-text) !important;
}
#panel-root.login-page .orb-1 {
    background: #8b5cf6 !important;
}
#panel-root.login-page .orb-2 {
    background: #22d3ee !important;
}
#panel-root.login-page .login-container {
    background: rgba(16, 23, 45, 0.88) !important;
    border: 1px solid var(--pt-accent-line) !important;
    color: var(--pt-text) !important;
    box-shadow: var(--pt-shadow-lg) !important;
}
#panel-root.login-page .log-inp {
    background-color: rgba(8, 12, 24, 0.75) !important;
    border-color: var(--pt-line) !important;
    color: var(--pt-text) !important;
}
#panel-root.login-page .log-inp::placeholder {
    color: var(--pt-muted) !important;
}
#panel-root.login-page .log-inp:focus {
    background-color: rgba(8, 12, 24, 0.9) !important;
    border-color: var(--pt-violet) !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.24) !important;
}
#panel-root.login-page .log-btn-login {
    background: var(--pt-grad) !important;
    border: 0 !important;
    color: #ffffff !important;
    box-shadow: 0 16px 28px -18px rgba(139, 92, 246, 0.95) !important;
}
#panel-root.login-page a.switch-link {
    color: var(--pt-cyan-2) !important;
}
#panel-root.login-page a.switch-link:hover {
    color: #ffffff !important;
}
#panel-root.login-page .social-btn {
    background: rgba(23, 32, 58, 0.9) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
}
#panel-root.login-page .social-btn:hover {
    border-color: var(--pt-accent-line) !important;
    background: var(--pt-accent-soft) !important;
}

/* ==================================================================
   18. استثناءات لازم تكسب على قاعدة الإدخال العامة في القسم 11
   ================================================================== */
#panel-root.panel-workspace .top-navbar-search input[type="text"],
#panel-root.panel-workspace .main-search-bar input[type="text"],
#panel-root.panel-workspace .top-navbar-search input,
#panel-root.panel-workspace .main-search-bar input {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: var(--pt-text) !important;
    height: 38px !important;
    min-height: 0 !important;
    padding: 0 6px !important;
}
#panel-root.panel-workspace .qty-wrapper .qty-input {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: var(--pt-text) !important;
}

#panel-root.panel-workspace textarea.chat-input,
#panel-root.panel-workspace input.chat-input,
#panel-root.panel-workspace .chat-input-container .chat-input {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
}

#panel-root.panel-workspace .topup-amount-wrap input.topup-center-inp,
#panel-root.panel-workspace input.topup-center-inp {
    background: var(--pt-bg-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
    text-align: center;
}

#panel-root.panel-workspace input.pin-field {
    background: var(--pt-bg-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
    text-align: center;
}

/* ==================================================================
   19. عناصر متفرقة (اختصارات الرئيسية / بانر واتساب / فلاتر الطلبات)
   ================================================================== */
#panel-root.panel-workspace .panel-shortcut,
#panel-root.panel-workspace .notif-btn,
#panel-root.panel-workspace .panel-top-topup,
#panel-root.panel-workspace .panel-top-notif,
#panel-root.panel-workspace .panel-dash-topup,
#panel-root.panel-workspace .app-card-icon-box,
#panel-root.panel-workspace .topup-steps,
#panel-root.panel-workspace .membership-card,
#panel-root.panel-workspace .membership-progress,
#panel-root.panel-workspace .ticket-card.is-unread {
    background: var(--pt-surface-2) !important;
    background-color: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .panel-shortcut:hover,
#panel-root.panel-workspace .notif-btn:hover,
#panel-root.panel-workspace .panel-top-topup:hover,
#panel-root.panel-workspace .panel-top-notif:hover {
    background: var(--pt-accent-soft) !important;
    border-color: var(--pt-accent-line) !important;
    color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace .panel-shortcut i,
#panel-root.panel-workspace .notif-btn i,
#panel-root.panel-workspace .app-card-icon-box i,
#panel-root.panel-workspace .topup-code-head i {
    color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace .ticket-card.is-unread {
    border-color: var(--pt-accent-line) !important;
}

#panel-root.panel-workspace .panel-wa-banner {
    background: #10291f !important;
    border: 1px solid #1f5340 !important;
    color: #6ee7b7 !important;
}
#panel-root.panel-workspace .panel-wa-banner i {
    color: #25d366 !important;
}

/* فلاتر سجل الطلبات — كل حالة بلونها */
#panel-root.panel-workspace .st-filter-btn[data-filter="st-success"] {
    background: var(--pt-success-bg) !important;
    border-color: var(--pt-success-line) !important;
    color: var(--pt-success) !important;
}
#panel-root.panel-workspace .st-filter-btn[data-filter="st-warning"] {
    background: var(--pt-warn-bg) !important;
    border-color: var(--pt-warn-line) !important;
    color: var(--pt-warn) !important;
}
#panel-root.panel-workspace .st-filter-btn[data-filter="st-danger"] {
    background: var(--pt-danger-bg) !important;
    border-color: var(--pt-danger-line) !important;
    color: var(--pt-danger) !important;
}
#panel-root.panel-workspace .st-filter-btn.active {
    box-shadow: 0 0 0 2px var(--pt-accent-line) inset !important;
}

#panel-root.panel-workspace #form-svc-logo-container {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line) !important;
}
#panel-root.panel-workspace #form-svc-logo-container i {
    color: var(--pt-cyan-2) !important;
}

/* ==================================================================
   20. مكونات بوتستراب الافتراضية (لأن theme-override.css اتشال من البانل)
   ================================================================== */
#panel-root.panel-workspace .card {
    background: var(--pt-surface) !important;
    border: 1px solid var(--pt-line-soft) !important;
    color: var(--pt-text) !important;
    border-radius: 18px !important;
}
#panel-root.panel-workspace .card-header,
#panel-root.panel-workspace .card-footer {
    background: var(--pt-surface-2) !important;
    border-color: var(--pt-line-soft) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .card-body {
    background: var(--pt-surface) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .progress {
    background: var(--pt-surface-3) !important;
}
#panel-root.panel-workspace .progress-bar {
    background: var(--pt-grad) !important;
    color: #ffffff !important;
}
#panel-root.panel-workspace .list-group-item {
    background: var(--pt-surface) !important;
    border-color: var(--pt-line-soft) !important;
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .dropdown-menu {
    background: var(--pt-surface) !important;
    border: 1px solid var(--pt-line) !important;
}
#panel-root.panel-workspace .dropdown-item {
    color: var(--pt-text-2) !important;
}
#panel-root.panel-workspace .dropdown-item:hover {
    background: var(--pt-accent-soft) !important;
    color: var(--pt-cyan-2) !important;
}
#panel-root.panel-workspace .input-group-text {
    background: var(--pt-surface-2) !important;
    border-color: var(--pt-line) !important;
    color: var(--pt-text-2) !important;
}
#panel-root.panel-workspace hr {
    border-color: var(--pt-line-soft) !important;
    opacity: 1 !important;
}
#panel-root.panel-workspace a {
    color: var(--pt-violet-2);
}
#panel-root.panel-workspace a:hover {
    color: var(--pt-cyan-2);
}
#panel-root.panel-workspace ::selection {
    background: rgba(139, 92, 246, 0.35);
    color: #ffffff;
}
#panel-root.panel-workspace ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
#panel-root.panel-workspace ::-webkit-scrollbar-track {
    background: var(--pt-bg-2);
}
#panel-root.panel-workspace ::-webkit-scrollbar-thumb {
    background: var(--pt-surface-3);
    border-radius: 999px;
    border: 2px solid var(--pt-bg-2);
}
#panel-root.panel-workspace ::-webkit-scrollbar-thumb:hover {
    background: var(--pt-accent-line);
}

/* ==================================================================
   21. صفحة المحفظة (wallet.php) — نفس هوية اللوحة
   ================================================================== */
#panel-root.wallet-page {
    background:
        radial-gradient(circle at 88% -10%, rgba(139, 92, 246, 0.22), transparent 30rem),
        radial-gradient(circle at 6% 104%, rgba(34, 211, 238, 0.16), transparent 26rem),
        linear-gradient(180deg, #080c18 0%, #0a1020 55%, #080c18 100%) !important;
    color: var(--pt-text) !important;
}
#panel-root.wallet-page .main-container,
#panel-root.wallet-page .tab-view-container,
#panel-root.wallet-page .balance-card-container {
    background: transparent !important;
}

#panel-root.wallet-page .header-purple {
    background:
        radial-gradient(circle at 100% 0%, rgba(139, 92, 246, 0.4), transparent 60%),
        linear-gradient(160deg, #0b1226 0%, #101733 70%) !important;
    color: var(--pt-text) !important;
    border-bottom: 1px solid var(--pt-line-soft) !important;
}
#panel-root.wallet-page .header-avatar {
    background: var(--pt-grad) !important;
    color: #ffffff !important;
    border: 0 !important;
}
#panel-root.wallet-page .header-phone,
#panel-root.wallet-page .header-user-info small {
    color: var(--pt-muted) !important;
}
#panel-root.wallet-page .wallet-number-capsule {
    background: var(--pt-accent-soft) !important;
    border: 1px solid var(--pt-accent-line) !important;
    color: var(--pt-cyan-2) !important;
}

#panel-root.wallet-page .balance-card {
    background:
        radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.26), transparent 55%),
        linear-gradient(150deg, #121a30 0%, #16203a 100%) !important;
    border: 1px solid var(--pt-accent-line) !important;
    box-shadow: var(--pt-shadow) !important;
    color: var(--pt-text) !important;
}
#panel-root.wallet-page .bal-lbl {
    color: var(--pt-muted) !important;
}
#panel-root.wallet-page .bal-val {
    color: var(--pt-gold) !important;
}

#panel-root.wallet-page .action-card,
#panel-root.wallet-page .action-card.card-blue,
#panel-root.wallet-page .action-card.card-green,
#panel-root.wallet-page .action-card.card-pink {
    background: var(--pt-surface) !important;
    border: 1px solid var(--pt-line-soft) !important;
    color: var(--pt-text) !important;
    box-shadow: var(--pt-shadow) !important;
}
#panel-root.wallet-page .action-card:hover {
    border-color: var(--pt-accent-line) !important;
}
#panel-root.wallet-page .action-icon-circle,
#panel-root.wallet-page .action-card.card-pink .action-icon-circle {
    background: var(--pt-grad-soft) !important;
    border: 1px solid var(--pt-accent-line) !important;
    color: var(--pt-cyan-2) !important;
}
#panel-root.wallet-page .action-card.card-green .action-icon-circle {
    background: var(--pt-success-bg) !important;
    border-color: var(--pt-success-line) !important;
    color: var(--pt-success) !important;
}
#panel-root.wallet-page .action-card.card-pink .action-icon-circle {
    background: var(--pt-danger-bg) !important;
    border-color: var(--pt-danger-line) !important;
    color: var(--pt-danger) !important;
}
#panel-root.wallet-page .action-label {
    color: var(--pt-text) !important;
}

#panel-root.wallet-page .section-title,
#panel-root.wallet-page .recent-section-header {
    color: var(--pt-text) !important;
    background: transparent !important;
}
#panel-root.wallet-page .view-all-link {
    color: var(--pt-cyan-2) !important;
}
#panel-root.wallet-page .recent-logs-list,
#panel-root.wallet-page .empty-view-box,
#panel-root.wallet-page .send-card-new,
#panel-root.wallet-page .security-container,
#panel-root.wallet-page .success-receipt-box,
#panel-root.wallet-page .qr-modal-body {
    background: var(--pt-surface) !important;
    border: 1px solid var(--pt-line-soft) !important;
    color: var(--pt-text) !important;
    box-shadow: var(--pt-shadow) !important;
}
#panel-root.wallet-page .log-row {
    border-color: var(--pt-line-soft) !important;
    background: transparent !important;
}
#panel-root.wallet-page .log-title {
    color: var(--pt-text) !important;
}
#panel-root.wallet-page .log-time,
#panel-root.wallet-page .log-details,
#panel-root.wallet-page .log-bal-after {
    color: var(--pt-muted) !important;
}
#panel-root.wallet-page .log-icon-square.square-credit,
#panel-root.wallet-page .square-credit {
    background: var(--pt-success-bg) !important;
    color: var(--pt-success) !important;
    border: 1px solid var(--pt-success-line) !important;
}
#panel-root.wallet-page .log-icon-square.square-debit,
#panel-root.wallet-page .square-debit {
    background: var(--pt-danger-bg) !important;
    color: var(--pt-danger) !important;
    border: 1px solid var(--pt-danger-line) !important;
}
#panel-root.wallet-page .amt-credit {
    color: var(--pt-success) !important;
}
#panel-root.wallet-page .amt-debit {
    color: var(--pt-danger) !important;
}

#panel-root.wallet-page .bottom-nav-bar {
    background: rgba(11, 16, 32, 0.94) !important;
    border-top: 1px solid var(--pt-line-soft) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
#panel-root.wallet-page .nav-tab-item {
    color: var(--pt-muted) !important;
    background: transparent !important;
}
#panel-root.wallet-page .nav-tab-item.active {
    color: var(--pt-cyan-2) !important;
}

#panel-root.wallet-page .inp-lbl-new,
#panel-root.wallet-page .sub-desc-new {
    color: var(--pt-text-2) !important;
}
#panel-root.wallet-page .modern-input,
#panel-root.wallet-page .currency-select-new,
#panel-root.wallet-page .input-group-new .modern-input,
#panel-root.wallet-page .modern-inp-wrapper {
    background: var(--pt-bg-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
}
#panel-root.wallet-page .modern-input::placeholder {
    color: var(--pt-muted) !important;
}
#panel-root.wallet-page .modern-input:focus {
    background: var(--pt-bg-2) !important;
    border-color: var(--pt-violet) !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.22) !important;
}
#panel-root.wallet-page .recipient-name-box {
    background: var(--pt-success-bg) !important;
    border: 1px solid var(--pt-success-line) !important;
    color: var(--pt-success) !important;
}
#panel-root.wallet-page .btn-submit-transfer,
#panel-root.wallet-page .qr-btn-new {
    background: var(--pt-grad) !important;
    border: 0 !important;
    color: #ffffff !important;
    box-shadow: 0 16px 28px -18px rgba(139, 92, 246, 0.95) !important;
}

#panel-root.wallet-page .sec-item {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
}
#panel-root.wallet-page .sec-title {
    color: var(--pt-text) !important;
}
#panel-root.wallet-page .sec-desc {
    color: var(--pt-muted) !important;
}
#panel-root.wallet-page .sec-status-badge.status-active,
#panel-root.wallet-page .status-active {
    background: var(--pt-success-bg) !important;
    color: var(--pt-success) !important;
    border: 1px solid var(--pt-success-line) !important;
}
#panel-root.wallet-page .sec-status-badge.status-inactive,
#panel-root.wallet-page .status-inactive {
    background: var(--pt-surface-3) !important;
    color: var(--pt-muted) !important;
    border: 1px solid var(--pt-line) !important;
}

#panel-root.wallet-page .qr-code-img {
    background: #ffffff !important;
    border: 1px solid var(--pt-accent-line) !important;
    padding: 10px;
    border-radius: 16px;
}
#panel-root.wallet-page .receipt-row {
    border-color: var(--pt-line-soft) !important;
    color: var(--pt-text-2) !important;
}
#panel-root.wallet-page .receipt-val,
#panel-root.wallet-page .receipt-amount-display {
    color: var(--pt-gold) !important;
}

#panel-root.wallet-page .modal-content {
    background: var(--pt-surface) !important;
    border: 1px solid var(--pt-line) !important;
    color: var(--pt-text) !important;
}
#panel-root.wallet-page .modal-header,
#panel-root.wallet-page .modal-footer {
    background: var(--pt-surface-2) !important;
    border-color: var(--pt-line-soft) !important;
}
#panel-root.wallet-page .btn-close {
    filter: invert(1) grayscale(100%) brightness(2.2) !important;
}
#panel-root.wallet-page .text-muted {
    color: var(--pt-muted) !important;
}
#panel-root.wallet-page ::-webkit-scrollbar {
    width: 10px;
}
#panel-root.wallet-page ::-webkit-scrollbar-track {
    background: var(--pt-bg-2);
}
#panel-root.wallet-page ::-webkit-scrollbar-thumb {
    background: var(--pt-surface-3);
    border-radius: 999px;
}

#panel-root.panel-workspace .panel-offline-banner {
    position: relative;
    flex-shrink: 0;
    z-index: 120;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    background: #3f1d24;
    color: #fecaca;
    font-size: 0.86rem;
    font-weight: 700;
    border-bottom: 1px solid rgba(248, 113, 113, 0.35);
}
#panel-root.panel-workspace .panel-offline-banner i { color: #f87171; }
#panel-root.panel-workspace .membership-page {
    padding: 16px 18px 110px;
}
#panel-root.panel-workspace .membership-empty {
    text-align: center;
    color: var(--pt-muted);
    padding: 40px 12px;
    font-weight: 700;
}
#panel-root.panel-workspace .membership-name,
#panel-root.panel-workspace .membership-price {
    color: var(--pt-text) !important;
}
#panel-root.panel-workspace .membership-desc {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .membership-card.is-current {
    background: linear-gradient(180deg, rgba(16, 185, 129, 0.12), var(--pt-surface-2)) !important;
    border-color: rgba(16, 185, 129, 0.45) !important;
}
#panel-root.panel-workspace .membership-flag {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 800;
    color: var(--pt-cyan-2);
    background: var(--pt-accent-soft);
    border: 1px solid var(--pt-accent-line);
    border-radius: 999px;
    padding: 6px 10px;
}
#panel-root.panel-workspace .membership-card.is-current .membership-flag {
    color: #6ee7b7;
    background: rgba(16, 185, 129, 0.14);
    border-color: rgba(16, 185, 129, 0.35);
}
#panel-root.panel-workspace .topup-limits-hint {
    margin: 8px 0 4px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--pt-muted);
}
#panel-root.panel-workspace .membership-disc-badge {
    display: none !important;
}
#panel-root.panel-workspace .membership-price-row {
    border-top-color: var(--pt-line) !important;
}
#panel-root.panel-workspace.is-server-off #btn-form-submit,
#panel-root.panel-workspace.is-server-off .topup-cta {
    opacity: 0.62;
}

/* آلة حاسبة الكمية للسوشيال */
#panel-root.panel-workspace .form-price-box {
    background: var(--pt-surface-2) !important;
    border: 1px solid var(--pt-accent-line) !important;
    padding: 15px 16px;
    border-radius: 16px;
    margin-bottom: 18px;
}
#panel-root.panel-workspace .form-price-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--pt-text);
    font-weight: 700;
}
#panel-root.panel-workspace .form-price-total b {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--pt-success) !important;
}
#panel-root.panel-workspace .form-price-unit {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 0.82rem;
    color: var(--pt-muted);
}
#panel-root.panel-workspace .form-calc-details {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed var(--pt-line);
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--pt-cyan-2);
    direction: ltr;
    text-align: right;
}
#panel-root.panel-workspace .form-price-box.is-smm-calc {
    border-color: rgba(14, 116, 144, 0.35) !important;
}
#panel-root.panel-workspace .form-price-box.is-gsm-calc {
    border-color: var(--pt-line) !important;
}
#panel-root.panel-workspace .form-price-box.is-gsm-calc .form-calc-details {
    color: var(--pt-text);
}
#panel-root.panel-workspace .gsm-qty-box {
    margin-bottom: 16px;
}
#panel-root.panel-workspace .gsm-qty-label {
    display: block;
    font-weight: 800;
    font-size: 0.88rem;
    margin-bottom: 8px;
    color: var(--pt-text);
}
#panel-root.panel-workspace .gsm-qty-label span {
    font-weight: 600;
    color: var(--pt-muted);
    font-size: 0.78rem;
}
#panel-root.panel-workspace .gsm-qty-wrapper {
    margin-bottom: 0;
}
#panel-root.panel-workspace .smm-qty-box {
    margin-bottom: 16px;
}
#panel-root.panel-workspace .smm-qty-label {
    display: block;
    font-weight: 800;
    font-size: 0.88rem;
    margin-bottom: 8px;
    color: var(--pt-text);
}
#panel-root.panel-workspace .smm-qty-label span {
    font-weight: 600;
    color: var(--pt-muted);
    font-size: 0.78rem;
}
#panel-root.panel-workspace input.smm-qty-input {
    text-align: center;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em;
    padding: 14px 12px !important;
    direction: ltr;
}
#panel-root.panel-workspace .smm-qty-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}
#panel-root.panel-workspace .smm-qty-chip {
    flex: 1 1 calc(25% - 8px);
    min-width: 72px;
    border: 1px solid var(--pt-line);
    background: var(--pt-surface-3);
    color: var(--pt-text) !important;
    border-radius: 12px;
    padding: 10px 6px;
    font-weight: 800;
    font-size: 0.82rem;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    touch-action: manipulation;
    user-select: none;
    position: relative;
    z-index: 3;
}
#panel-root.panel-workspace .smm-qty-chip:hover {
    border-color: var(--pt-cyan-2);
    color: var(--pt-cyan-2);
}
#panel-root.panel-workspace .smm-qty-chip.is-active {
    background: var(--pt-grad);
    border-color: transparent;
    color: #fff !important;
}

#panel-root.panel-workspace .svc-card-switch {
    background: var(--pt-surface-2) !important;
    border-color: var(--pt-line) !important;
}
#panel-root.panel-workspace .svc-card-switch-btn {
    color: var(--pt-muted) !important;
}
#panel-root.panel-workspace .svc-card-switch-btn:hover {
    color: var(--pt-cyan-2) !important;
    background: var(--pt-accent-soft) !important;
}
#panel-root.panel-workspace .svc-card-switch-btn[aria-pressed="true"] {
    background: var(--pt-grad) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 18px -14px rgba(139, 92, 246, 0.9) !important;
}