/* ==========================================================
   FASTexa — Glass shell (Cheetah gold / silver / black)
   Active when: html[data-fx-shell="glass"]
   Identity: فهد ذهبي + نص فضي على أسود (شعار مبدئي)
   Gold titles/buttons · Silver fields · Black glass panels
   ========================================================== */

html[data-fx-shell="glass"] {
    /* من تصميم الشعار: أسود عميق + ذهب الفهد + فضي النص */
    --fx-glass-base: #141414;
    --fx-glass-elev: #1f1f1f;
    --fx-glass-base-rgb: 20, 20, 20;
    --fx-glass-elev-rgb: 31, 31, 31;
    --fx-glass-deep: #0a0a0a;
    --fx-glass-deep-rgb: 10, 10, 10;
    --fx-glass-blur: 22px;
    --fx-gold: #d4af37;
    --fx-gold-hi: #f9e076;
    --fx-gold-mid: #e8c547;
    --fx-gold-lo: #b38728;
    --fx-gold-deep: #8b6914;
    --fx-silver: #c0c0c0;
    --fx-silver-hi: #e5e4e2;
    --fx-silver-mid: #b0b0b0;
    --fx-silver-lo: #6a6a6a;
    --fx-glass-accent: var(--fx-gold);
    --fx-glass-accent-2: var(--fx-gold-hi);
    --fx-glass-cyan: #a8b4bc;
    --fx-glass-purple: #9b8cff;
    --fx-glass-green: #3dd68c;
    --fx-primary: var(--fx-gold);
    --fx-primary-soft: rgba(212, 175, 55, 0.20);
    --fx-primary-hover: var(--fx-gold-lo);
    --fx-accent: var(--fx-gold);
    --fx-cyan: var(--fx-glass-cyan);
    --fx-blue: #8a9198;
    --fx-pink: #f06abd;
    --fx-success: var(--fx-glass-green);
    --fx-warning: var(--fx-gold-mid);
    --fx-warning-bar: var(--fx-gold-hi);
    --fx-danger: #ff5c7a;
    --fx-sidebar-w: 268px;
    --fx-radius: 12px;
    --fx-radius-sm: 10px;
    --primary-teal: var(--fx-gold);
    --primary-teal-hover: var(--fx-gold-lo);
    /* طبقات البثق 3D (سمك الزجاج) */
    --fx-3d-face: linear-gradient(145deg,
        rgba(255, 255, 255, 0.16) 0%,
        rgba(255, 255, 255, 0.04) 32%,
        transparent 55%,
        rgba(0, 0, 0, 0.12) 100%);
    --fx-3d-extrude: 0 1px 0 rgba(0, 0, 0, 0.22),
                     0 2px 0 rgba(0, 0, 0, 0.20),
                     0 3px 0 rgba(0, 0, 0, 0.18),
                     0 4px 0 rgba(30, 35, 38, 0.55),
                     0 8px 10px rgba(0, 0, 0, 0.28),
                     0 16px 28px rgba(0, 0, 0, 0.32);
    --fx-3d-extrude-soft: 0 1px 0 rgba(0, 0, 0, 0.16),
                          0 2px 0 rgba(0, 0, 0, 0.14),
                          0 3px 0 rgba(30, 35, 38, 0.45),
                          0 8px 18px rgba(0, 0, 0, 0.26);
    --fx-3d-bevel: inset 1px 1px 0 rgba(255, 255, 255, 0.28),
                   inset 2px 2px 4px rgba(255, 255, 255, 0.06),
                   inset -1px -1px 0 rgba(0, 0, 0, 0.35),
                   inset -2px -2px 6px rgba(0, 0, 0, 0.18);
    --fx-icon: var(--fx-silver-mid);
    --fx-icon-active: var(--fx-gold-hi);
    --fx-icon-on-solid: #0a0a0a;
}

/* ---- داكن (الافتراضي للزجاجي إن لم يُحدد) ---- */
html[data-fx-shell="glass"],
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) {
    --fx-glass-panel: rgba(var(--fx-glass-base-rgb), 0.78);
    --fx-glass-panel-2: rgba(var(--fx-glass-elev-rgb), 0.86);
    --fx-glass-solid: #141414;
    --fx-glass-border: rgba(192, 192, 192, 0.28);
    --fx-glass-border-soft: rgba(192, 192, 192, 0.14);
    --fx-glass-shine: rgba(229, 228, 226, 0.18);
    --fx-glass-shine-soft: rgba(229, 228, 226, 0.08);
    --fx-glass-depth: rgba(0, 0, 0, 0.42);
    --fx-bg: #0a0a0a;
    --fx-surface: var(--fx-glass-panel);
    --fx-surface-2: var(--fx-glass-panel-2);
    --fx-text: #e5e4e2;
    --fx-muted: #a3a3a3;
    --fx-border: var(--fx-glass-border);
    --fx-shadow: 0 12px 36px rgba(0, 0, 0, 0.38);
    --fx-shadow-soft: 0 6px 18px rgba(0, 0, 0, 0.26);
    --fx-header-bg: rgba(var(--fx-glass-base-rgb), 0.80);
    --fx-sidebar-bg: rgba(var(--fx-glass-base-rgb), 0.80);
    --fx-donut-track: rgba(var(--fx-glass-elev-rgb), 0.45);
    --fx-input-bg: rgba(var(--fx-glass-deep-rgb), 0.70);
    --fx-menu-bg: rgba(var(--fx-glass-base-rgb), 0.80);
    --fx-3d-face: linear-gradient(145deg,
        rgba(255, 255, 255, 0.10) 0%,
        rgba(255, 255, 255, 0.03) 28%,
        transparent 52%,
        rgba(0, 0, 0, 0.28) 100%);
    --fx-3d-extrude: 0 1px 0 rgba(0, 0, 0, 0.28),
                     0 2px 0 rgba(0, 0, 0, 0.24),
                     0 3px 0 rgba(0, 0, 0, 0.20),
                     0 4px 0 #0a0a0a,
                     0 10px 14px rgba(0, 0, 0, 0.32),
                     0 20px 36px rgba(0, 0, 0, 0.36);
    --fx-3d-bevel: inset 1px 1px 0 rgba(255, 255, 255, 0.26),
                   inset 2px 2px 5px rgba(255, 255, 255, 0.05),
                   inset -1px -1px 0 rgba(0, 0, 0, 0.42),
                   inset -2px -3px 8px rgba(0, 0, 0, 0.22);
    color-scheme: dark;
}

/* ---- فاتح: وضوح 70% / شفافية 30% ---- */
html[data-fx-shell="glass"][data-fx-theme="light"] {
    --fx-glass-panel: rgba(255, 255, 255, 0.70);
    --fx-glass-panel-2: rgba(248, 249, 250, 0.75);
    --fx-glass-solid: #e5e4e2;
    --fx-glass-border: rgba(43, 50, 54, 0.12);
    --fx-glass-border-soft: rgba(68, 72, 75, 0.14);
    --fx-glass-shine: rgba(255, 255, 255, 0.70);
    --fx-glass-shine-soft: rgba(255, 255, 255, 0.38);
    --fx-glass-depth: rgba(43, 50, 54, 0.10);
    --fx-bg: #d8dcdf;
    --fx-surface: var(--fx-glass-panel);
    --fx-surface-2: var(--fx-glass-panel-2);
    --fx-text: #141414;
    --fx-muted: #5c6368;
    --fx-border: var(--fx-glass-border);
    --fx-primary-soft: rgba(212, 175, 55, 0.16);
    --fx-shadow: 0 12px 32px rgba(43, 50, 54, 0.14);
    --fx-shadow-soft: 0 6px 16px rgba(43, 50, 54, 0.10);
    --fx-header-bg: rgba(255, 255, 255, 0.70);
    --fx-sidebar-bg: rgba(255, 255, 255, 0.70);
    --fx-donut-track: rgba(68, 72, 75, 0.18);
    --fx-input-bg: rgba(255, 255, 255, 0.78);
    --fx-menu-bg: rgba(255, 255, 255, 0.70);
    --fx-3d-face: linear-gradient(145deg,
        rgba(255, 255, 255, 0.92) 0%,
        rgba(255, 255, 255, 0.35) 28%,
        transparent 52%,
        rgba(43, 50, 54, 0.08) 100%);
    --fx-3d-extrude: 0 1px 0 rgba(68, 72, 75, 0.25),
                     0 2px 0 rgba(68, 72, 75, 0.20),
                     0 3px 0 rgba(68, 72, 75, 0.16),
                     0 4px 0 #1f1f1f,
                     0 10px 16px rgba(43, 50, 54, 0.16),
                     0 18px 32px rgba(43, 50, 54, 0.14);
    --fx-3d-extrude-soft: 0 1px 0 rgba(68, 72, 75, 0.18),
                          0 2px 0 rgba(68, 72, 75, 0.14),
                          0 3px 0 #1f1f1f,
                          0 8px 16px rgba(43, 50, 54, 0.12);
    --fx-3d-bevel: inset 1px 1px 0 rgba(255, 255, 255, 0.95),
                   inset 2px 2px 6px rgba(255, 255, 255, 0.55),
                   inset -1px -1px 0 rgba(43, 50, 54, 0.14),
                   inset -2px -3px 8px rgba(43, 50, 54, 0.08);
    color-scheme: light;
    --fx-icon: #4a4a4a;
    --fx-icon-active: #b38728;
    --fx-icon-on-solid: #0a0a0a;
}

/* ---- خلفية زجاجية: صورة عشوائية من storage/assets/img/bg + غشاء شفاف ---- */
html[data-fx-shell="glass"] {
    --fx-glass-wallpaper: none;
}

html[data-fx-shell="glass"] body,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) body {
    color: var(--fx-text);
    background-color: #0a0a0a;
    background-image:
        linear-gradient(165deg, rgba(10, 10, 10, 0.62) 0%, rgba(20, 20, 20, 0.48) 45%, rgba(10, 10, 10, 0.70) 100%),
        radial-gradient(ellipse 70% 50% at 50% 18%, rgba(212, 175, 55, 0.12), transparent 55%),
        var(--fx-glass-wallpaper);
    background-size: auto, auto, cover;
    background-position: center, center, center;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-attachment: fixed, fixed, fixed;
    min-height: 100vh;
}

html[data-fx-shell="glass"][data-fx-theme="light"] body {
    color: var(--fx-text);
    background-color: #d8dcdf;
    background-image:
        linear-gradient(165deg, rgba(232, 234, 236, 0.72) 0%, rgba(229, 228, 226, 0.55) 48%, rgba(200, 205, 210, 0.68) 100%),
        radial-gradient(ellipse 75% 55% at 12% 8%, rgba(255, 255, 255, 0.45), transparent 58%),
        var(--fx-glass-wallpaper);
    background-size: auto, auto, cover;
    background-position: center, center, center;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-attachment: fixed, fixed, fixed;
    min-height: 100vh;
}

/* صفحات الضيف: ألغِ الخلفية المضمنة لصالح ورق الحائط الزجاجي */
html[data-fx-shell="glass"] body.fx-guest-body {
    background-color: #0a0a0a !important;
    background-image:
        linear-gradient(165deg, rgba(10, 10, 10, 0.55) 0%, rgba(20, 20, 20, 0.40) 50%, rgba(10, 10, 10, 0.65) 100%),
        var(--fx-glass-wallpaper) !important;
    background-size: auto, cover !important;
    background-position: center, center !important;
    background-repeat: no-repeat, no-repeat !important;
    background-attachment: fixed, fixed !important;
}

/* طبقة لمعان عامة على الصفحة */
html[data-fx-shell="glass"] body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        linear-gradient(155deg, rgba(255, 255, 255, 0.05), transparent 42%),
        linear-gradient(335deg, rgba(30, 35, 38, 0.22), transparent 48%);
    opacity: 0.85;
}
html[data-fx-shell="glass"][data-fx-theme="light"] body::before {
    background:
        linear-gradient(155deg, rgba(255, 255, 255, 0.32), transparent 45%),
        linear-gradient(335deg, rgba(68, 72, 75, 0.08), transparent 50%);
}

html[data-fx-shell="glass"] .wrapper {
    position: relative;
    z-index: 1;
    background: transparent;
    /* لا perspective هنا — يكسر position:fixed للشريط والهيدر */
}

/* ==========================================================
   ألواح زجاجية 3D — بثق + شطف + لمعان (بدون تغطية المحتوى)
   ========================================================== */
html[data-fx-shell="glass"] .card,
html[data-fx-shell="glass"] .fx-azia-card,
html[data-fx-shell="glass"] .fx-azia-metric,
html[data-fx-shell="glass"] .fx-hub-tile,
html[data-fx-shell="glass"] .fx-kpi,
html[data-fx-shell="glass"] .fx-panel,
html[data-fx-shell="glass"] .fx-super-table-wrap,
html[data-fx-shell="glass"] .fx-mode-card,
html[data-fx-shell="glass"] .fx-wh-card,
html[data-fx-shell="glass"] .fx-wh-simple-card,
html[data-fx-shell="glass"] .fx-wh-advanced-card,
html[data-fx-shell="glass"] .modal-content,
html[data-fx-shell="glass"] form.card,
html[data-fx-shell="glass"] #purchaseForm,
html[data-fx-shell="glass"] #saleForm {
    position: relative;
    overflow: visible;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
    background:
        var(--fx-3d-face),
        linear-gradient(135deg,
            var(--fx-glass-shine) 0%,
            var(--fx-glass-shine-soft) 18%,
            transparent 46%),
        var(--fx-glass-panel) !important;
    border: 1px solid var(--fx-glass-border) !important;
    border-radius: var(--fx-radius) !important;
    color: var(--fx-text) !important;
    backdrop-filter: blur(var(--fx-glass-blur)) saturate(1.3);
    -webkit-backdrop-filter: blur(var(--fx-glass-blur)) saturate(1.3);
    box-shadow:
        var(--fx-3d-bevel),
        var(--fx-3d-extrude) !important;
}

html[data-fx-shell="glass"] .fx-azia-metric,
html[data-fx-shell="glass"] .fx-azia-welcome,
html[data-fx-shell="glass"] .fx-azia-dash {
    color: var(--fx-text);
}
html[data-fx-shell="glass"] .fx-azia-welcome h1,
html[data-fx-shell="glass"] .fx-azia-card-title,
html[data-fx-shell="glass"] .fx-azia-metric-value,
html[data-fx-shell="glass"] .fx-azia-balance-value,
html[data-fx-shell="glass"] .fx-azia-ratio .val {
    color: var(--fx-text) !important;
}

/* رفع خفيف عند التمرير — بدون rotateX/perspective */
html[data-fx-shell="glass"] .fx-hub-tile,
html[data-fx-shell="glass"] .fx-kpi,
html[data-fx-shell="glass"] .fx-mode-card,
html[data-fx-shell="glass"] .fx-azia-card,
html[data-fx-shell="glass"] .fx-azia-metric {
    will-change: transform;
}
html[data-fx-shell="glass"] .fx-hub-tile:hover,
html[data-fx-shell="glass"] .fx-kpi:hover,
html[data-fx-shell="glass"] .fx-mode-card:hover,
html[data-fx-shell="glass"] .fx-azia-card:hover,
html[data-fx-shell="glass"] .fx-azia-metric:hover {
    transform: translateY(-3px);
    box-shadow:
        var(--fx-3d-bevel),
        0 1px 0 rgba(0, 0, 0, 0.2),
        0 3px 0 rgba(0, 0, 0, 0.16),
        0 5px 0 #0a0a0a,
        0 12px 22px rgba(0, 0, 0, 0.32),
        0 0 0 1px rgba(212, 175, 55, 0.18) !important;
}
html[data-fx-shell="glass"][data-fx-theme="light"] .fx-hub-tile:hover,
html[data-fx-shell="glass"][data-fx-theme="light"] .fx-kpi:hover,
html[data-fx-shell="glass"][data-fx-theme="light"] .fx-mode-card:hover,
html[data-fx-shell="glass"][data-fx-theme="light"] .fx-azia-card:hover,
html[data-fx-shell="glass"][data-fx-theme="light"] .fx-azia-metric:hover {
    box-shadow:
        var(--fx-3d-bevel),
        0 1px 0 rgba(68, 72, 75, 0.2),
        0 3px 0 rgba(68, 72, 75, 0.16),
        0 5px 0 #1f1f1f,
        0 12px 22px rgba(43, 50, 54, 0.14),
        0 0 0 1px rgba(212, 175, 55, 0.2) !important;
}

html[data-fx-shell="glass"] .sidebar-container,
html[data-fx-shell="glass"] .main-header {
    /* بدون transform/isolation حتى لا ينكسر fixed */
    background: var(--fx-sidebar-bg) !important;
    border-color: var(--fx-glass-border) !important;
    color: var(--fx-text);
    backdrop-filter: blur(var(--fx-glass-blur)) saturate(1.25);
    -webkit-backdrop-filter: blur(var(--fx-glass-blur)) saturate(1.25);
    box-shadow:
        inset 1px 1px 0 var(--fx-glass-shine),
        inset -1px 0 0 var(--fx-glass-depth),
        0 8px 24px rgba(0, 0, 0, 0.18) !important;
}

html[data-fx-shell="glass"] .main-header {
    background: var(--fx-header-bg) !important;
}

html[data-fx-shell="glass"] .table-responsive,
html[data-fx-shell="glass"] .fx-super-table-wrap {
    background:
        var(--fx-3d-face),
        var(--fx-glass-panel) !important;
    border: 1px solid var(--fx-glass-border) !important;
    border-radius: var(--fx-radius) !important;
    color: var(--fx-text);
    backdrop-filter: blur(var(--fx-glass-blur)) saturate(1.2);
    -webkit-backdrop-filter: blur(var(--fx-glass-blur)) saturate(1.2);
    box-shadow:
        var(--fx-3d-bevel),
        var(--fx-3d-extrude-soft) !important;
}

/* خط لمعان علوي رفيع — لا يغطي النصوص */
html[data-fx-shell="glass"] .card::after,
html[data-fx-shell="glass"] .fx-azia-card::after,
html[data-fx-shell="glass"] .fx-hub-tile::after,
html[data-fx-shell="glass"] .fx-kpi::after,
html[data-fx-shell="glass"] .fx-panel::after,
html[data-fx-shell="glass"] .fx-mode-card::after,
html[data-fx-shell="glass"] .modal-content::after,
html[data-fx-shell="glass"] form.card::after,
html[data-fx-shell="glass"] #purchaseForm::after,
html[data-fx-shell="glass"] #saleForm::after {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg,
        transparent,
        var(--fx-glass-shine),
        transparent);
    pointer-events: none;
    z-index: 0;
    opacity: 0.85;
}

/* ---- هيكل ---- */
html[data-fx-shell="glass"] .sidebar-container {
    border-left: 1px solid var(--fx-glass-border) !important;
    border-radius: 0 !important;
}
html[data-fx-shell="glass"] .sidebar-container::after {
    display: none;
}

html[data-fx-shell="glass"] .main-header {
    border-bottom: 1px solid var(--fx-glass-border) !important;
    border-radius: 0 !important;
}
html[data-fx-shell="glass"] .main-header::after {
    display: none;
}

html[data-fx-shell="glass"] .main-content {
    background: transparent !important;
    position: relative;
    z-index: 1;
}

html[data-fx-shell="glass"] .fx-project-logo {
    border-radius: 12px;
    border: 1px solid var(--fx-glass-border);
    box-shadow:
        var(--fx-3d-bevel),
        var(--fx-3d-extrude-soft);
}

html[data-fx-shell="glass"] .sidebar .nav-link {
    color: var(--fx-icon) !important;
    border-radius: 10px;
    margin: 2px 8px;
    border: 1px solid transparent;
}
html[data-fx-shell="glass"] .sidebar .nav-link i {
    color: var(--fx-icon) !important;
}
html[data-fx-shell="glass"] .sidebar .nav-link:hover {
    color: var(--fx-text) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--fx-glass-border-soft);
    box-shadow: inset 1px 1px 0 var(--fx-glass-shine-soft);
}
html[data-fx-shell="glass"] .sidebar .nav-link:hover i {
    color: var(--fx-icon-active) !important;
}
html[data-fx-shell="glass"][data-fx-theme="light"] .sidebar .nav-link:hover {
    background: rgba(43, 50, 54, 0.06) !important;
}
html[data-fx-shell="glass"] .sidebar .nav-link.active {
    color: #fff !important;
    background: rgba(212, 175, 55, 0.22) !important;
    border-color: rgba(212, 175, 55, 0.45);
    box-shadow:
        inset 3px 0 0 var(--fx-primary),
        inset 1px 1px 0 rgba(255, 255, 255, 0.22),
        inset -1px -1px 0 rgba(0, 0, 0, 0.25),
        0 2px 0 rgba(0, 0, 0, 0.25),
        0 6px 14px rgba(212, 175, 55, 0.28);
}
html[data-fx-shell="glass"] .sidebar .nav-link.active i {
    color: var(--fx-icon-active) !important;
}
html[data-fx-shell="glass"] .fx-nav-group-label {
    background: transparent;
    color: var(--fx-muted);
    border: 0;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.68rem;
    opacity: 0.85;
}

/* ---- عناصر فاتحة/داكنة مشتركة ---- */
html[data-fx-shell="glass"] .bg-white,
html[data-fx-shell="glass"] .bg-light,
html[data-fx-shell="glass"] .card-header,
html[data-fx-shell="glass"] .card-footer,
html[data-fx-shell="glass"] .card-body,
html[data-fx-shell="glass"] .table-light,
html[data-fx-shell="glass"] thead.table-light,
html[data-fx-shell="glass"] tfoot.table-light,
html[data-fx-shell="glass"] .accordion-button,
html[data-fx-shell="glass"] .accordion-body,
html[data-fx-shell="glass"] .page-link,
html[data-fx-shell="glass"] .btn-light,
html[data-fx-shell="glass"] .badge.bg-light,
html[data-fx-shell="glass"] .badge.bg-white {
    background-color: var(--fx-glass-panel-2) !important;
    color: var(--fx-text) !important;
    border-color: var(--fx-glass-border-soft) !important;
}

html[data-fx-shell="glass"] .card-header,
html[data-fx-shell="glass"] .table-light,
html[data-fx-shell="glass"] thead.table-light th,
html[data-fx-shell="glass"] tfoot.table-light td,
html[data-fx-shell="glass"] .page-item.disabled .page-link {
    background-color: var(--fx-glass-panel-2) !important;
    color: var(--fx-text) !important;
}

html[data-fx-shell="glass"] .table-dark,
html[data-fx-shell="glass"] thead.table-dark,
html[data-fx-shell="glass"] thead.table-dark th {
    background-color: rgba(var(--fx-glass-base-rgb), 0.72) !important;
    color: #fff !important;
    border-color: var(--fx-glass-border) !important;
}

html[data-fx-shell="glass"] .fx-hub-ico,
html[data-fx-shell="glass"] .fx-azia-donut {
    border-radius: 12px;
    background: var(--fx-glass-panel-2);
    border: 1px solid var(--fx-glass-border);
    box-shadow:
        var(--fx-3d-bevel),
        0 2px 0 rgba(0, 0, 0, 0.2),
        0 6px 12px rgba(0, 0, 0, 0.22);
}

html[data-fx-shell="glass"] .form-control,
html[data-fx-shell="glass"] .form-select,
html[data-fx-shell="glass"] .input-group-text,
html[data-fx-shell="glass"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-fx-shell="glass"] select,
html[data-fx-shell="glass"] textarea {
    background: var(--fx-input-bg) !important;
    border: 1px solid var(--fx-glass-border) !important;
    color: var(--fx-text) !important;
    border-radius: var(--fx-radius-sm) !important;
    backdrop-filter: blur(10px);
    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 1px 0 var(--fx-glass-shine-soft);
    caret-color: var(--fx-text);
}
html[data-fx-shell="glass"] .form-control::placeholder,
html[data-fx-shell="glass"] textarea::placeholder {
    color: var(--fx-muted) !important;
    opacity: 0.85;
}
html[data-fx-shell="glass"] .form-control:focus,
html[data-fx-shell="glass"] .form-select:focus {
    border-color: rgba(212, 175, 55, 0.55) !important;
    box-shadow:
        inset 0 1px 0 var(--fx-glass-shine-soft),
        0 0 0 0.2rem rgba(212, 175, 55, 0.18) !important;
}
html[data-fx-shell="glass"] input[type="file"] {
    background: var(--fx-glass-panel-2) !important;
    color: var(--fx-text) !important;
}

html[data-fx-shell="glass"] .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--fx-text);
    --bs-table-border-color: var(--fx-glass-border-soft);
    --bs-table-striped-bg: rgba(var(--fx-glass-elev-rgb), 0.16);
    --bs-table-hover-bg: rgba(212, 175, 55, 0.10);
    color: var(--fx-text);
}
html[data-fx-shell="glass"][data-fx-theme="light"] .table {
    --bs-table-striped-bg: rgba(43, 50, 54, 0.04);
}
html[data-fx-shell="glass"] .table thead th {
    color: var(--fx-muted);
    border-bottom-color: var(--fx-glass-border) !important;
    background: var(--fx-glass-panel-2);
}
html[data-fx-shell="glass"] .table > :not(caption) > * > * {
    background-color: transparent !important;
    color: var(--fx-text) !important;
    border-color: var(--fx-glass-border-soft) !important;
}

html[data-fx-shell="glass"] .btn,
html[data-fx-shell="glass"] .fx-icon-btn,
html[data-fx-shell="glass"] .fx-theme-toggle,
html[data-fx-shell="glass"] .fx-subnav-btn {
    border-radius: var(--fx-radius-sm) !important;
    backdrop-filter: blur(10px);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
html[data-fx-shell="glass"] .fx-side-tool {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
}
html[data-fx-shell="glass"] .fx-subnav-btn:not(.is-day-close),
html[data-fx-shell="glass"] .btn-outline-secondary,
html[data-fx-shell="glass"] .btn-light {
    background: var(--fx-glass-panel-2) !important;
    border: 1px solid var(--fx-glass-border) !important;
    color: var(--fx-text) !important;
    box-shadow:
        inset 1px 1px 0 var(--fx-glass-shine),
        inset -1px -1px 0 var(--fx-glass-depth),
        0 2px 0 rgba(0, 0, 0, 0.22),
        0 6px 12px rgba(0, 0, 0, 0.2);
}
html[data-fx-shell="glass"] .fx-subnav-btn.is-day-close {
    background: linear-gradient(180deg, #ef4444, #b91c1c) !important;
    color: #fff !important;
    border: 1px solid #991b1b !important;
    box-shadow: 0 6px 14px rgba(185, 28, 28, 0.28) !important;
}
html[data-fx-shell="glass"] .fx-side-tool.is-day-close-tool {
    width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    background: linear-gradient(180deg, #ef4444, #b91c1c) !important;
    border: 1px solid #991b1b !important;
    box-shadow: 0 3px 8px rgba(185, 28, 28, 0.28) !important;
    color: #fff !important;
}
html[data-fx-shell="glass"] .fx-side-tool.is-day-close-tool .fx-ico {
    width: 14px !important;
    height: 14px !important;
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}
html[data-fx-shell="glass"] .fx-subnav-btn.is-solid,
html[data-fx-shell="glass"] .btn-primary {
    background: linear-gradient(180deg, #f0d060 0%, #d4af37 42%, #b38728 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: #fff !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.4),
        inset 0 -1px 0 rgba(0, 0, 0, 0.2),
        0 2px 0 #8b6914,
        0 4px 0 #6b4f0f,
        0 10px 18px rgba(212, 175, 55, 0.32);
}
html[data-fx-shell="glass"] .fx-subnav-btn:active,
html[data-fx-shell="glass"] .btn-primary:active,
html[data-fx-shell="glass"] .btn-outline-secondary:active,
html[data-fx-shell="glass"] .btn-light:active {
    transform: translateY(2px);
    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.28),
        0 1px 0 rgba(0, 0, 0, 0.2) !important;
}

@media (prefers-reduced-motion: reduce) {
    html[data-fx-shell="glass"] .fx-hub-tile:hover,
    html[data-fx-shell="glass"] .fx-kpi:hover,
    html[data-fx-shell="glass"] .fx-mode-card:hover,
    html[data-fx-shell="glass"] .fx-azia-card:hover {
        transform: none;
    }
}

html[data-fx-shell="glass"] .badge.bg-success,
html[data-fx-shell="glass"] .text-success {
    color: var(--fx-glass-green) !important;
}
html[data-fx-shell="glass"] .badge.bg-light,
html[data-fx-shell="glass"] .badge.bg-white,
html[data-fx-shell="glass"] .badge.text-bg-light {
    background: var(--fx-glass-panel-2) !important;
    color: var(--fx-text) !important;
}

html[data-fx-shell="glass"] .fx-ui-mode-pill,
html[data-fx-shell="glass"] .fx-profession-pill,
html[data-fx-shell="glass"] .fx-ui-mode-switch {
    background: var(--fx-glass-panel-2);
    border: 1px solid var(--fx-glass-border);
    color: var(--fx-text);
    border-radius: 999px;
    box-shadow: inset 1px 1px 0 var(--fx-glass-shine-soft);
}
html[data-fx-shell="glass"] .fx-ui-mode-bar,
html[data-fx-shell="glass"] .fx-ui-mode-bar.is-simple,
html[data-fx-shell="glass"] .fx-ui-mode-bar.is-advanced {
    background: var(--fx-glass-panel) !important;
    border-bottom: 1px solid var(--fx-glass-border) !important;
    color: var(--fx-text) !important;
    backdrop-filter: blur(14px);
}

html[data-fx-shell="glass"] .fx-quick-menu.fx-mega-menu {
    backdrop-filter: blur(24px) saturate(1.4);
    -webkit-backdrop-filter: blur(24px) saturate(1.4);
    background: var(--fx-menu-bg, var(--fx-glass-panel)) !important;
    box-shadow:
        var(--fx-3d-bevel),
        var(--fx-shadow) !important;
}

/* قوائم/شريط جانبي — وضوح 80% بالضبط (بدون طبقة تدرّج تخفّفها) */
html[data-fx-shell="glass"] .fx-quick-menu.fx-mega-menu,
html[data-fx-shell="glass"] .dropdown-menu {
    background-color: var(--fx-menu-bg) !important;
    background-image: none !important;
}
html[data-fx-shell="glass"] .sidebar-container {
    background: var(--fx-sidebar-bg) !important;
    background-image: none !important;
}

html[data-fx-shell="glass"] .fx-float-save {
    background: linear-gradient(180deg, #f0d060 0%, #d4af37 45%, #b38728 100%) !important;
    color: #fff !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.35),
        0 2px 0 #8b6914,
        0 8px 18px rgba(212, 175, 55, 0.32);
}

/* بطاقات أقسام الإعدادات — زجاج منفصل */
html[data-fx-shell="glass"] .fx-settings-glass-card {
    background:
        var(--fx-3d-face),
        var(--fx-glass-panel) !important;
    border: 1px solid var(--fx-glass-border) !important;
    backdrop-filter: blur(var(--fx-glass-blur)) saturate(1.25);
    -webkit-backdrop-filter: blur(var(--fx-glass-blur)) saturate(1.25);
    box-shadow:
        var(--fx-3d-bevel),
        var(--fx-3d-extrude-soft) !important;
    color: var(--fx-text) !important;
}
html[data-fx-shell="glass"] .fx-settings-sec-actions {
    border-top-color: var(--fx-glass-border) !important;
}
html[data-fx-shell="glass"] .fx-settings-save-btn {
    background: linear-gradient(180deg, #f0d060 0%, #d4af37 42%, #b38728 100%) !important;
}
html[data-fx-shell="glass"] .fx-quick-menu-item {
    color: var(--fx-text);
}
html[data-fx-shell="glass"] .fx-quick-menu-item:hover,
html[data-fx-shell="glass"] .fx-quick-menu-item.is-active {
    background: rgba(212, 175, 55, 0.14);
}

html[data-fx-shell="glass"] .text-muted,
html[data-fx-shell="glass"] .small.text-muted {
    color: var(--fx-muted) !important;
}
html[data-fx-shell="glass"] .text-dark {
    color: var(--fx-text) !important;
}
html[data-fx-shell="glass"] .fx-page-title {
    color: var(--fx-text);
}
html[data-fx-shell="glass"] hr {
    border-color: var(--fx-glass-border-soft);
    opacity: 1;
}
html[data-fx-shell="glass"] .border,
html[data-fx-shell="glass"] .rounded.border {
    border-color: var(--fx-glass-border) !important;
}

html[data-fx-shell="glass"] .progress {
    background: rgba(var(--fx-glass-elev-rgb), 0.35);
    border-radius: 999px;
    height: 0.45rem;
}
html[data-fx-shell="glass"] .progress-bar {
    background: linear-gradient(90deg, var(--fx-glass-accent), var(--fx-glass-accent-2));
}

/* تنبيهات زجاجية: خلفية شفافيتها 20٪ · النص ظاهر 100٪ */
html[data-fx-shell="glass"] .alert {
    opacity: 1 !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
html[data-fx-shell="glass"] .alert,
html[data-fx-shell="glass"] .alert * {
    opacity: 1 !important;
}
html[data-fx-shell="glass"] .alert-success {
    background-color: rgba(61, 214, 140, 0.20) !important;
    border-color: rgba(61, 214, 140, 0.45) !important;
    color: #bbf7d0 !important;
    box-shadow: none;
}
html[data-fx-shell="glass"] .alert-danger {
    background-color: rgba(255, 92, 122, 0.20) !important;
    border-color: rgba(255, 92, 122, 0.45) !important;
    color: #fecaca !important;
    box-shadow: none;
}
html[data-fx-shell="glass"] .alert-warning {
    background-color: rgba(212, 175, 55, 0.20) !important;
    border-color: rgba(212, 175, 55, 0.45) !important;
    color: #fde68a !important;
    box-shadow: none;
}
html[data-fx-shell="glass"] .alert-info,
html[data-fx-shell="glass"] .alert-primary {
    background-color: rgba(168, 180, 188, 0.20) !important;
    border-color: rgba(168, 180, 188, 0.45) !important;
    color: #e5e4e2 !important;
    box-shadow: none;
}

/* سوبر أدمن */
html[data-fx-shell="glass"] .fx-super-shell { background: transparent; }
html[data-fx-shell="glass"] .fx-super-top {
    background: var(--fx-header-bg) !important;
    border-bottom: 1px solid var(--fx-glass-border);
    backdrop-filter: blur(var(--fx-glass-blur));
    -webkit-backdrop-filter: blur(var(--fx-glass-blur));
}
html[data-fx-shell="glass"] .fx-super-search input {
    background: var(--fx-input-bg) !important;
    border: 1px solid var(--fx-glass-border) !important;
    color: var(--fx-text) !important;
    border-radius: 999px;
}

/* خلفية inline فاتحة شائعة */
html[data-fx-shell="glass"] [style*="background:#fff"],
html[data-fx-shell="glass"] [style*="background: #fff"],
html[data-fx-shell="glass"] [style*="background:#ffffff"],
html[data-fx-shell="glass"] [style*="background: #ffffff"],
html[data-fx-shell="glass"] [style*="background:#f8f9fc"],
html[data-fx-shell="glass"] [style*="background: #f8f9fc"],
html[data-fx-shell="glass"] [style*="background:#f8fafc"],
html[data-fx-shell="glass"] [style*="background: #f8fafc"],
html[data-fx-shell="glass"] [style*="background:#f1f5f9"],
html[data-fx-shell="glass"] [style*="background: #f1f5f9"],
html[data-fx-shell="glass"] [style*="background-color: #f8f9fc"],
html[data-fx-shell="glass"] [style*="background-color:#f8f9fc"] {
    background: var(--fx-glass-panel-2) !important;
    color: var(--fx-text) !important;
    border-color: var(--fx-glass-border) !important;
}

html[data-fx-shell="glass"] .fx-search-floating,
html[data-fx-shell="glass"] .fx-modal-box,
html[data-fx-shell="glass"] .fx-invoice-image-box,
html[data-fx-shell="glass"] .search-results-dropdown {
    background:
        linear-gradient(135deg, var(--fx-glass-shine-soft), transparent 40%),
        var(--fx-glass-panel) !important;
    color: var(--fx-text) !important;
    border: 1px solid var(--fx-glass-border) !important;
    backdrop-filter: blur(18px) saturate(1.3);
    -webkit-backdrop-filter: blur(18px) saturate(1.3);
    box-shadow:
        inset 1px 1px 0 var(--fx-glass-shine),
        var(--fx-shadow) !important;
}

html[data-fx-shell="glass"] .fx-search-floating .search-item {
    border-bottom-color: var(--fx-glass-border-soft) !important;
    color: var(--fx-text) !important;
}
html[data-fx-shell="glass"] .fx-search-floating .search-item:hover,
html[data-fx-shell="glass"] .fx-search-floating .search-item.selected {
    background: rgba(212, 175, 55, 0.16) !important;
    color: var(--fx-text) !important;
}

html:not([data-fx-shell="windows7"]) .fx-win-titlebar {
    display: none !important;
}

/* ==========================================================
   زجاجي داكن — قتل كل الجزر الفاتحة (مبيعات/مشتريات/ملخصات)
   ========================================================== */
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .bg-white,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .bg-light,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .table-light,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) thead.table-light,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .alert-light,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .btn-light,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .card,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .modal-content,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .dropdown-menu,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .list-group-item,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-pay-panel,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-sale-pay,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-purchase-summary-box,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-invoice-image-box,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) #saleTableWrap,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) #purchaseTableWrap,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) #fxPayrollSummary,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-cash-lines,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-settings-glass-card {
    background: #141414 !important;
    background-image: none !important;
    color: #e5e4e2 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-pay-panel,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-sale-pay {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.06), transparent 42%),
        #141414 !important;
    box-shadow:
        inset 1px 1px 0 rgba(255, 255, 255, 0.16),
        inset -1px -1px 0 rgba(0, 0, 0, 0.35),
        0 1px 0 rgba(0, 0, 0, 0.25),
        0 3px 0 #0a0a0a,
        0 10px 22px rgba(0, 0, 0, 0.35) !important;
}

html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-pay-mode-btn {
    background: #1f1f1f !important;
    color: #e5e4e2 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-pay-mode-btn.is-on {
    background: linear-gradient(180deg, #f0d060, #d4af37, #b38728) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

html[data-fx-shell="glass"]:not([data-fx-theme="light"]) #saleTableBody tr.is-active-row,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-account-chip:hover,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-account-chip.is-on,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-search-floating .search-item:hover,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-search-floating .search-item.selected {
    background: rgba(212, 175, 55, 0.16) !important;
    color: #e5e4e2 !important;
}

html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .table-light > tr > *,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) thead.table-light th,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .table > :not(caption) > * > * {
    background-color: #141414 !important;
    color: #e5e4e2 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .text-dark,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .badge.bg-light,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .badge.text-bg-light {
    color: #e5e4e2 !important;
}

html[data-fx-shell="glass"]:not([data-fx-theme="light"]) [style*="background:#fff"],
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) [style*="background: #fff"],
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) [style*="background:#ffffff"],
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) [style*="background: #ffffff"],
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) [style*="background:#f8f9fc"],
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) [style*="background: #f8f9fc"],
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) [style*="background:#f7f8ff"],
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) [style*="background: #f7f8ff"],
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) [style*="background:#f8fafc"],
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) [style*="background: #f8fafc"],
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) [style*="background-color: #f8f9fc"],
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) [style*="background-color:#f8f9fc"] {
    background: #141414 !important;
    color: #e5e4e2 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .form-control,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .form-select,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) select,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) textarea {
    background-color: #0a0a0a !important;
    color: #e5e4e2 !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    html[data-fx-shell="glass"] .sidebar-container,
    html[data-fx-shell="glass"] .main-header,
    html[data-fx-shell="glass"] .card,
    html[data-fx-shell="glass"] .fx-azia-card,
    html[data-fx-shell="glass"] .fx-hub-tile,
    html[data-fx-shell="glass"] .fx-kpi,
    html[data-fx-shell="glass"] .fx-panel,
    html[data-fx-shell="glass"] .fx-quick-menu.fx-mega-menu,
    html[data-fx-shell="glass"] .bg-white,
    html[data-fx-shell="glass"] .bg-light {
        background: #141414 !important;
    }
    html[data-fx-shell="glass"][data-fx-theme="light"] .sidebar-container,
    html[data-fx-shell="glass"][data-fx-theme="light"] .main-header,
    html[data-fx-shell="glass"][data-fx-theme="light"] .card,
    html[data-fx-shell="glass"][data-fx-theme="light"] .fx-azia-card,
    html[data-fx-shell="glass"][data-fx-theme="light"] .fx-hub-tile,
    html[data-fx-shell="glass"][data-fx-theme="light"] .fx-kpi,
    html[data-fx-shell="glass"][data-fx-theme="light"] .fx-panel,
    html[data-fx-shell="glass"][data-fx-theme="light"] .bg-white,
    html[data-fx-shell="glass"][data-fx-theme="light"] .bg-light {
        background: #e5e4e2 !important;
    }
}

/* أيقونات الزجاجي — تباين مع الخلفية */
html[data-fx-shell="glass"] .fx-subnav-btn:not(.is-solid) i,
html[data-fx-shell="glass"] .fx-quick-btn i,
html[data-fx-shell="glass"] .fx-icon-btn,
html[data-fx-shell="glass"] .fx-icon-btn i,
html[data-fx-shell="glass"] .fx-search i,
html[data-fx-shell="glass"] .fx-chip i,
html[data-fx-shell="glass"] .fx-theme-toggle i,
html[data-fx-shell="glass"] .fx-float-actions i,
html[data-fx-shell="glass"] .dropdown-item i,
html[data-fx-shell="glass"] .btn-outline-secondary i,
html[data-fx-shell="glass"] .btn-light i,
html[data-fx-shell="glass"] .text-muted i {
    color: var(--fx-icon) !important;
}
html[data-fx-shell="glass"] .fx-subnav-btn:not(.is-solid):hover i,
html[data-fx-shell="glass"] .fx-subnav-btn.active:not(.is-solid) i,
html[data-fx-shell="glass"] .fx-quick-btn:hover i,
html[data-fx-shell="glass"] .fx-icon-btn:hover,
html[data-fx-shell="glass"] .fx-icon-btn:hover i {
    color: var(--fx-icon-active) !important;
}
html[data-fx-shell="glass"] .fx-subnav-btn.is-solid i,
html[data-fx-shell="glass"] .btn-primary i {
    color: var(--fx-icon-on-solid) !important;
}


/* ==========================================================
   هوية الشعار: عناوين ذهبية · أزرار ذهبية · حقول فضية
   ========================================================== */
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) h1,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) h2,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) h3,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .h1,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .h2,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .h3,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-azia-welcome h1,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-azia-card-title,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .font-weight-bold.text-dark,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .card-header.font-weight-bold,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-azia-metric-value {
    color: var(--fx-gold-hi) !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.55), 0 0 18px rgba(212,175,55,.18);
}

html[data-fx-shell="glass"] .btn-teal,
html[data-fx-shell="glass"] .btn-primary,
html[data-fx-shell="glass"] .fx-settings-save-btn,
html[data-fx-shell="glass"] .fx-float-save,
html[data-fx-shell="glass"] .fx-subnav-btn.is-solid {
    background: linear-gradient(180deg, var(--fx-gold-hi) 0%, var(--fx-gold) 42%, var(--fx-gold-lo) 100%) !important;
    border: 1px solid rgba(249, 224, 118, 0.35) !important;
    color: #0a0a0a !important;
    font-weight: 700 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.45),
        inset 0 -1px 0 rgba(0, 0, 0, 0.25),
        0 2px 0 var(--fx-gold-deep),
        0 8px 18px rgba(212, 175, 55, 0.28) !important;
}

html[data-fx-shell="glass"] .btn-teal:hover,
html[data-fx-shell="glass"] .btn-primary:hover {
    filter: brightness(1.06);
    color: #0a0a0a !important;
}

html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .form-control,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .form-select,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) select,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) textarea {
    background-color: rgba(10, 10, 10, 0.78) !important;
    color: var(--fx-silver-hi) !important;
    border-color: rgba(192, 192, 192, 0.38) !important;
    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(229, 228, 226, 0.08),
        0 0 0 1px rgba(176, 176, 176, 0.08) !important;
}

html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .form-control:focus,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .form-select:focus {
    border-color: rgba(212, 175, 55, 0.65) !important;
    box-shadow:
        inset 0 1px 0 rgba(229, 228, 226, 0.1),
        0 0 0 0.2rem rgba(212, 175, 55, 0.22) !important;
}

html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .sidebar-container .nav-link.active,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .sidebar-container a.active {
    color: var(--fx-gold-hi) !important;
    background: rgba(212, 175, 55, 0.12) !important;
}

html[data-fx-shell="glass"]:not([data-fx-theme="light"]) a:not(.btn):not(.nav-link) {
    color: var(--fx-gold-mid);
}
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) a:not(.btn):not(.nav-link):hover {
    color: var(--fx-gold-hi);
}

html[data-fx-shell="glass"] .fx-guest-brand,
html[data-fx-shell="glass"] .fx-land-brand {
    color: var(--fx-gold-hi) !important;
    text-shadow: 0 0 20px rgba(212,175,55,.25);
}


/* ==========================================================
   أدوات الشريط الجانبي: أيقونات فضية → ذهبية عند الهوفر
   (صور SVG عبر filter لأن الملف ثابت اللون)
   ========================================================== */
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-sidebar-tools .fx-side-tool {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--fx-silver-hi) !important;
}

html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-sidebar-tools .fx-side-tool .fx-ico {
    /* فضي معدني */
    filter: brightness(0) invert(0.82) sepia(0.08) saturate(0.35);
    opacity: 1 !important;
    transition: filter 0.18s ease, opacity 0.18s ease;
}

html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-sidebar-tools .fx-side-tool:hover,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-sidebar-tools .fx-side-tool.is-active {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--fx-gold-hi) !important;
}

html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-sidebar-tools .fx-side-tool:hover .fx-ico,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-sidebar-tools .fx-side-tool.is-active .fx-ico {
    /* ذهبي ≈ #D4AF37 / #F9E076 */
    filter: brightness(0) saturate(100%) invert(78%) sepia(42%) saturate(620%) hue-rotate(4deg) brightness(101%) contrast(95%);
    opacity: 1 !important;
}

html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-sidebar-tools .fx-side-tool .dot {
    border-color: #141414;
    background: #ff5c7a;
}


/* شريط الاختصارات الزجاجي الداكن — لا أبيض صلب */
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .main-header {
    background: rgba(10, 10, 10, 0.88) !important;
    border-bottom: 1px solid rgba(192, 192, 192, 0.12) !important;
}
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-subnav {
    background: rgba(255, 255, 255, 0.05) !important;
}
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-subnav-btn:not(.is-solid) {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(192, 192, 192, 0.22) !important;
    color: var(--fx-silver-hi, #e5e4e2) !important;
    box-shadow: none !important;
}
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-subnav-btn:not(.is-solid):hover,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-subnav-btn:not(.is-solid).active {
    background: rgba(255, 255, 255, 0.20) !important;
    border-color: rgba(212, 175, 55, 0.45) !important;
}
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-ui-mode-bar,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-ui-mode-bar.is-simple,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-ui-mode-bar.is-advanced {
    background: rgba(255, 255, 255, 0.08) !important;
}

/* ==========================================================
   أيقونات الزجاجي في كل الصفحات:
   داكن → فاتحة (فضية) | فاتح → غامقة
   الحذف يبقى أحمر دائماً
   ========================================================== */
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-ico,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-icon-btn:not(.is-del):not(.is-delete):not(.is-add) img,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-subnav-btn:not(.is-solid) .fx-ico,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-quick-btn .fx-ico,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-theme-toggle .fx-ico,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-header-back .fx-ico,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-float-actions .fx-ico,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .sidebar .nav-link .fx-ico,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-hub-tile .fx-ico,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .table .fx-icon-btn:not(.is-del):not(.is-delete) img,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .btn-outline-secondary .fx-ico,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .btn-light .fx-ico,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .dropdown-item .fx-ico {
    filter: brightness(0) invert(0.88) sepia(0.06) saturate(0.3);
    opacity: 1 !important;
}

html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-icon-btn:not(.is-del):not(.is-delete):not(.is-add):hover img,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-subnav-btn:not(.is-solid):hover .fx-ico,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-subnav-btn.active:not(.is-solid) .fx-ico,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .sidebar .nav-link:hover .fx-ico,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .sidebar .nav-link.active .fx-ico,
html[data-fx-shell="glass"]:not([data-fx-theme="light"]) .fx-quick-btn:hover .fx-ico {
    filter: brightness(0) saturate(100%) invert(78%) sepia(42%) saturate(620%) hue-rotate(4deg) brightness(101%) contrast(95%);
}

html[data-fx-shell="glass"][data-fx-theme="light"] .fx-ico,
html[data-fx-shell="glass"][data-fx-theme="light"] .fx-icon-btn:not(.is-del):not(.is-delete):not(.is-add) img,
html[data-fx-shell="glass"][data-fx-theme="light"] .fx-subnav-btn:not(.is-solid) .fx-ico,
html[data-fx-shell="glass"][data-fx-theme="light"] .fx-quick-btn .fx-ico,
html[data-fx-shell="glass"][data-fx-theme="light"] .fx-theme-toggle .fx-ico,
html[data-fx-shell="glass"][data-fx-theme="light"] .fx-header-back .fx-ico,
html[data-fx-shell="glass"][data-fx-theme="light"] .sidebar .nav-link .fx-ico,
html[data-fx-shell="glass"][data-fx-theme="light"] .fx-hub-tile .fx-ico,
html[data-fx-shell="glass"][data-fx-theme="light"] .table .fx-icon-btn:not(.is-del):not(.is-delete) img,
html[data-fx-shell="glass"][data-fx-theme="light"] .btn-outline-secondary .fx-ico,
html[data-fx-shell="glass"][data-fx-theme="light"] .btn-light .fx-ico {
    filter: brightness(0) invert(0.22);
    opacity: 1 !important;
}

html[data-fx-shell="glass"][data-fx-theme="light"] .fx-icon-btn:not(.is-del):not(.is-delete):not(.is-add):hover img,
html[data-fx-shell="glass"][data-fx-theme="light"] .fx-subnav-btn:not(.is-solid):hover .fx-ico,
html[data-fx-shell="glass"][data-fx-theme="light"] .sidebar .nav-link:hover .fx-ico,
html[data-fx-shell="glass"][data-fx-theme="light"] .sidebar .nav-link.active .fx-ico {
    filter: brightness(0) saturate(100%) invert(55%) sepia(55%) saturate(600%) hue-rotate(5deg) brightness(0.95);
}

/* حذف أحمر في الزجاجي (داكن وفاتح) */
html[data-fx-shell="glass"] .fx-icon-btn.is-del,
html[data-fx-shell="glass"] .fx-icon-btn.is-delete {
    background: rgba(255, 92, 122, 0.14) !important;
    border-color: rgba(255, 92, 122, 0.45) !important;
    color: #ff5c7a !important;
}
html[data-fx-shell="glass"] .fx-icon-btn.is-del img,
html[data-fx-shell="glass"] .fx-icon-btn.is-del .fx-ico,
html[data-fx-shell="glass"] .fx-icon-btn.is-delete img,
html[data-fx-shell="glass"] .fx-icon-btn.is-delete .fx-ico {
    filter: brightness(0) saturate(100%) invert(42%) sepia(78%) saturate(2800%) hue-rotate(325deg) brightness(1.05) contrast(1.05) !important;
}
html[data-fx-shell="glass"] .fx-icon-btn.is-del:hover,
html[data-fx-shell="glass"] .fx-icon-btn.is-delete:hover {
    background: rgba(255, 92, 122, 0.24) !important;
    border-color: #ff5c7a !important;
}

/* استثناءات: أيقونة فوق خلفية ملونة تبقى بيضاء */
html[data-fx-shell="glass"] .fx-side-tool.is-calc .fx-ico,
html[data-fx-shell="glass"] .fx-side-tool.is-trash .fx-ico,
html[data-fx-shell="glass"] .fx-float-save .fx-ico,
html[data-fx-shell="glass"] .fx-icon-btn.is-add img,
html[data-fx-shell="glass"] .fx-subnav-btn.is-solid .fx-ico,
html[data-fx-shell="glass"] .btn-primary .fx-ico {
    filter: brightness(0) invert(1) !important;
}

/* ربح أخضر / خسارة أحمر في المراقبة داخل الزجاجي */
html[data-fx-shell="glass"] .fx-mon-pnl-chip.is-profit,
html[data-fx-shell="glass"] .fx-mon-pnl-day.is-profit .fx-mon-pnl-day-amt,
html[data-fx-shell="glass"] .fx-mon-pnl-today.is-profit {
    color: #3dd68c !important;
}
html[data-fx-shell="glass"] .fx-mon-pnl-chip.is-loss,
html[data-fx-shell="glass"] .fx-mon-pnl-day.is-loss .fx-mon-pnl-day-amt,
html[data-fx-shell="glass"] .fx-mon-pnl-today.is-loss {
    color: #ff5c7a !important;
}