/* ═══════════════════════════════════════════════════════════════
   Wasl Platform — Production Dark Theme Design System & Overrides
   ═══════════════════════════════════════════════════════════════ */

:root {
    /* Semantic Color Tokens (Light Mode Defaults) */
    --wasl-bg: #f8fafc;
    --wasl-surface: #ffffff;
    --wasl-surface-elevated: #f4f4f5;
    --wasl-surface-hover: #F4F4F5;
    --wasl-border: #E2E8F0;
    --wasl-border-subtle: #F1F5F9;
    
    --wasl-text-primary: #18181B;
    --wasl-text-secondary: #64748B;
    --wasl-text-muted: #94A3B8;
    
    --wasl-primary: #6F3AFA;
    --wasl-primary-hover: #5b2bd4;
    --wasl-primary-muted: rgba(111, 58, 250, 0.09);
    
    --wasl-success: #10B981;
    --wasl-success-muted: #ecfdf5;
    --wasl-warning: #EE8E02;
    --wasl-warning-muted: #FEF6EB;
    --wasl-error: #F72525;
    --wasl-error-muted: #FFEEEE;
    --wasl-info: #2563EB;
    --wasl-info-muted: #EFF6FF;

    --wasl-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04);
    --wasl-shadow-elevated: 0 10px 30px rgba(15, 23, 42, 0.08);
}

/* ═══════════════════════════════════════════════════════════════
   DARK THEME OVERRIDES (High Specificity for html.mud-theme-dark / body.mud-theme-dark)
   ═══════════════════════════════════════════════════════════════ */

html.mud-theme-dark,
body.mud-theme-dark,
.mud-theme-dark {
    /* Dark Semantic Color Tokens */
    --wasl-bg: #0F1117;
    --wasl-surface: #161B27;
    --wasl-surface-elevated: #1E2535;
    --wasl-surface-hover: #232B3E;
    --wasl-border: #2A3349;
    --wasl-border-subtle: #1E2535;

    --wasl-text-primary: #F1F5F9;
    --wasl-text-secondary: #94A3B8;
    --wasl-text-muted: #64748B;

    --wasl-primary: #A78BFA;
    --wasl-primary-hover: #C4B5FD;
    --wasl-primary-muted: rgba(167, 139, 250, 0.14);

    --wasl-success: #34D399;
    --wasl-success-muted: rgba(52, 211, 153, 0.12);
    --wasl-warning: #FBBF24;
    --wasl-warning-muted: rgba(251, 191, 36, 0.12);
    --wasl-error: #F87171;
    --wasl-error-muted: rgba(248, 113, 113, 0.12);
    --wasl-info: #60A5FA;
    --wasl-info-muted: rgba(96, 165, 250, 0.12);

    --wasl-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    --wasl-shadow-elevated: 0 10px 30px rgba(0, 0, 0, 0.5);

    /* Sidebar Custom Properties Override */
    --nav-bg: #161B27 !important;
    --nav-border: #2A3349 !important;
    --nav-muted: #94A3B8 !important;
    --nav-text: #F1F5F9 !important;
    --nav-hover: #1E2535 !important;
    --nav-expanded-hint: rgba(255, 255, 255, 0.03) !important;
    --nav-active-bg: #232B3E !important;
    --nav-active-text: #A78BFA !important;
    --nav-active-border: #A78BFA !important;
    --nav-group-active-bg: rgba(167, 139, 250, 0.16) !important;
    --nav-group-active-text: #C4B5FD !important;
    --nav-group-hover-bg: #1E2535 !important;
    --nav-group-active-icon: #A78BFA !important;

    /* MudBlazor Line & Border Palette Tokens Override (Soft Dark Navy Borders) */
    --mud-palette-lines-default: #2A3349 !important;
    --mud-palette-lines-inputs: #2A3349 !important;
    --mud-palette-table-lines: #2A3349 !important;
    --mud-palette-divider: #2A3349 !important;
}

/* ── 0. Global Dark Custom Scrollbars ── */
html.mud-theme-dark,
body.mud-theme-dark,
body.mud-theme-dark * {
    scrollbar-color: #2A3349 #0F1117 !important;
    scrollbar-width: thin !important;
}

body.mud-theme-dark ::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
    background-color: #0F1117 !important;
}

body.mud-theme-dark ::-webkit-scrollbar-track {
    background: #0F1117 !important;
    border-radius: 4px !important;
}

body.mud-theme-dark ::-webkit-scrollbar-thumb {
    background-color: #2A3349 !important;
    border-radius: 4px !important;
    border: 2px solid #0F1117 !important;
}

body.mud-theme-dark ::-webkit-scrollbar-thumb:hover {
    background-color: #3B4764 !important;
}

body.mud-theme-dark ::-webkit-scrollbar-corner {
    background: #0F1117 !important;
}

/* ── 1. Root & App Shell Dark Background ── */
body.mud-theme-dark,
html.mud-theme-dark body,
body.mud-theme-dark #app,
body.mud-theme-dark .app-shell,
body.mud-theme-dark .app-shell-main,
body.mud-theme-dark .app-shell-container,
body.mud-theme-dark .mud-layout {
    background-color: var(--wasl-bg) !important;
    color: var(--wasl-text-primary) !important;
}

/* ── 2. Navigation Sidebar (Right Drawer) ── */
body.mud-theme-dark .nav-drawer,
body.mud-theme-dark .nav-drawer .mud-drawer-content,
body.mud-theme-dark .mud-drawer,
body.mud-theme-dark .nav-sidebar,
body.mud-theme-dark .nav-sidebar-header,
body.mud-theme-dark .nav-sidebar-footer,
body.mud-theme-dark .nav-sidebar-scroll {
    background: #161B27 !important;
    background-color: #161B27 !important;
    border-color: #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .nav-brand-title,
body.mud-theme-dark .nav-sidebar-title {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .nav-sidebar-footer .nav-business-profile,
body.mud-theme-dark .nav-account-menu,
body.mud-theme-dark .nav-sidebar-profile-skeleton {
    background-color: #1E2535 !important;
    border-color: #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .nav-sidebar .mud-nav-link,
body.mud-theme-dark .nav-sidebar .mud-nav-link .mud-nav-link-text,
body.mud-theme-dark .nav-sidebar .mud-nav-group .mud-nav-link-text,
body.mud-theme-dark .nav-sidebar .mud-navgroup-open,
body.mud-theme-dark .sty-nav-link .mud-nav-link {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .nav-sidebar .mud-nav-link-icon,
body.mud-theme-dark .nav-sidebar .mud-nav-link-expand-icon {
    color: #94A3B8 !important;
}

body.mud-theme-dark .nav-sidebar .mud-nav-link:hover,
body.mud-theme-dark .nav-sidebar .mud-nav-group .mud-nav-item .mud-nav-link:hover {
    background-color: #1E2535 !important;
    color: #C4B5FD !important;
}

/* Nav Group Header Expanded / Open */
body.mud-theme-dark .nav-sidebar .mud-nav-group.mud-navgroup-open > .mud-nav-link,
body.mud-theme-dark .nav-sidebar .mud-nav-group.mud-navgroup-open > button.mud-nav-link,
body.mud-theme-dark .nav-sidebar .mud-nav-group > .mud-nav-link.mud-nav-link-expanded,
body.mud-theme-dark .nav-sidebar .mud-nav-group > .mud-nav-link.active,
body.mud-theme-dark .sty-nav-link .mud-nav-group.mud-navgroup-open > .mud-nav-link,
body.mud-theme-dark .sty-nav-link .mud-nav-group.nav-parent-active > .mud-nav-link,
body.mud-theme-dark .sty-nav-link .mud-nav-group.nav-parent-active:has(.mud-collapse-container:not([style*="height: 0px"])) > .mud-nav-link {
    background: rgba(167, 139, 250, 0.16) !important;
    background-color: rgba(167, 139, 250, 0.16) !important;
    color: #C4B5FD !important;
}

body.mud-theme-dark .nav-sidebar .mud-nav-group.mud-navgroup-open > .mud-nav-link .mud-nav-link-icon,
body.mud-theme-dark .nav-sidebar .mud-nav-group.mud-navgroup-open > .mud-nav-link .mud-nav-link-expand-icon,
body.mud-theme-dark .nav-sidebar .mud-nav-group.mud-navgroup-open > button.mud-nav-link .mud-nav-link-icon,
body.mud-theme-dark .nav-sidebar .mud-nav-group.mud-navgroup-open > button.mud-nav-link .mud-nav-link-expand-icon,
body.mud-theme-dark .nav-sidebar .mud-nav-group > .mud-nav-link.mud-nav-link-expanded .mud-nav-link-icon,
body.mud-theme-dark .nav-sidebar .mud-nav-group > .mud-nav-link.mud-nav-link-expanded .mud-nav-link-expand-icon,
body.mud-theme-dark .sty-nav-link .mud-nav-group.nav-parent-active > .mud-nav-link .mud-nav-link-icon,
body.mud-theme-dark .sty-nav-link .mud-nav-group.nav-parent-active > .mud-nav-link .mud-nav-link-expand-icon {
    color: #A78BFA !important;
    fill: #A78BFA !important;
}

/* Nav Tree Lines & Sub-Items */
body.mud-theme-dark .nav-sidebar .mud-nav-group .mud-nav-item,
body.mud-theme-dark .sty-nav-link .mud-nav-group .mud-nav-item {
    border-inline-start-color: #2A3349 !important;
}

body.mud-theme-dark .nav-sidebar .mud-nav-group .mud-nav-item .mud-nav-link,
body.mud-theme-dark .nav-sidebar .mud-nav-group .mud-nav-item a.mud-nav-link,
body.mud-theme-dark .sty-nav-link .mud-nav-group .mud-nav-item .mud-nav-link {
    color: #94A3B8 !important;
}

/* Active Nav Sub-Link Clean Fix */
body.mud-theme-dark .nav-sidebar .mud-nav-group .mud-nav-item .mud-nav-link.wasl-navlink--active,
body.mud-theme-dark .nav-sidebar .mud-navgroup .mud-nav-item .mud-nav-link.wasl-navlink--active,
body.mud-theme-dark .sty-nav-link .mud-nav-group .mud-nav-item .mud-nav-link.wasl-navlink--active,
body.mud-theme-dark .sty-nav-link .mud-navgroup .mud-nav-item .mud-nav-link.wasl-navlink--active,
body.mud-theme-dark .nav-sidebar .mud-nav-group .mud-nav-item a.mud-nav-link.wasl-navlink--active,
body.mud-theme-dark .nav-sidebar .mud-navgroup .mud-nav-item a.mud-nav-link.wasl-navlink--active,
body.mud-theme-dark .sty-nav-link .mud-nav-group .mud-nav-item a.mud-nav-link.wasl-navlink--active,
body.mud-theme-dark .sty-nav-link .mud-navgroup .mud-nav-item a.mud-nav-link.wasl-navlink--active,
body.mud-theme-dark .sty-nav-link .mud-nav-item .wasl-navlink--active,
body.mud-theme-dark .mud-nav-item .wasl-navlink--active,
body.mud-theme-dark a.wasl-navlink--active,
body.mud-theme-dark .wasl-navlink--active {
    background-color: rgba(167, 139, 250, 0.14) !important;
    background: rgba(167, 139, 250, 0.14) !important;
    color: #C4B5FD !important;
    font-weight: 700 !important;
    border-radius: 0px !important;
    padding-inline-start: 16px !important;
    border-inline-start: 2px solid #A78BFA !important;
    margin-inline-start: -9px !important;
}

body.mud-theme-dark .wasl-navlink--active::before,
body.mud-theme-dark .wasl-navlink--active::after {
    display: none !important;
    content: none !important;
}

body.mud-theme-dark .wasl-navlink--active .mud-nav-link-icon,
body.mud-theme-dark .wasl-navlink--active .mud-icon-root,
body.mud-theme-dark .wasl-navlink--active svg {
    color: #A78BFA !important;
    fill: #A78BFA !important;
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
}

body.mud-theme-dark .nav-sidebar .mud-nav-link-icon,
body.mud-theme-dark .nav-sidebar .mud-icon-root,
body.mud-theme-dark .nav-sidebar svg {
    background-color: transparent !important;
    background: transparent !important;
}

/* ── 3. Dark Skeletons & Hot Reload Loading States ── */
body.mud-theme-dark .mud-skeleton,
body.mud-theme-dark .nav-skeleton-item,
body.mud-theme-dark .nav-sidebar-profile-skeleton,
body.mud-theme-dark .wasl-list-skeleton,
body.mud-theme-dark .app-splash,
body.mud-theme-dark #app-splash,
body.mud-theme-dark .app-splash__shell-card,
body.mud-theme-dark .app-splash__shell-main,
body.mud-theme-dark .app-splash__panel,
body.mud-theme-dark .ProgressSty {
    background-color: #1E2535 !important;
    color: #94A3B8 !important;
}

body.mud-theme-dark .mud-skeleton.mud-skeleton-wave::after,
body.mud-theme-dark .mud-skeleton-wave::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent) !important;
}

/* ── 4. Page Layouts & Containers ── */
body.mud-theme-dark .new-sty-bg,
body.mud-theme-dark .sty-bg,
body.mud-theme-dark .wasl-crud-form-layout__shell {
    background-color: var(--wasl-bg) !important;
    color: var(--wasl-text-primary) !important;
}

body.mud-theme-dark .wasl-crud-form-grid {
    background-color: transparent !important;
    background: transparent !important;
}

body.mud-theme-dark .wasl-crud-form-layout__shell > .mud-paper:not(.transparent-paper),
body.mud-theme-dark .wasl-crud-form-layout__shell .mud-paper-outlined:not(.transparent-paper),
body.mud-theme-dark .wasl-crud-form-layout__shell .mud-paper:not(.transparent-paper),
body.mud-theme-dark .spaceOfForm > .mud-paper:not(.transparent-paper),
body.mud-theme-dark .wasl-crud-form-paper {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
    border-radius: 16px !important;
}

body.mud-theme-dark .paper,
body.mud-theme-dark .customPaper,
body.mud-theme-dark .cardPaper {
    background-color: #161B27 !important;
    background: #161B27 !important;
    color: var(--wasl-text-primary) !important;
    box-shadow: var(--wasl-shadow) !important;
}

/* ── 5. Stat Cards & Compact Workspace Cards ── */
body.mud-theme-dark .wasl-workspace-header__title {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-workspace-header__subtitle {
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-compact-stat-card:not(.wasl-compact-stat-card--card-purple-highlight):not(.wasl-compact-stat-card--card-purple-solid) {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

body.mud-theme-dark .wasl-compact-stat-card--card-purple-highlight,
body.mud-theme-dark .wasl-compact-stat-card--card-purple-solid {
    background: linear-gradient(135deg, #6F3AFA 0%, #4C1D95 100%) !important;
    border: 1px solid rgba(167, 139, 250, 0.45) !important;
    box-shadow: 0 4px 18px rgba(111, 58, 250, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    position: relative !important;
    overflow: hidden !important;
}

body.mud-theme-dark .wasl-compact-stat-card:not(.wasl-compact-stat-card--card-purple-highlight):not(.wasl-compact-stat-card--card-purple-solid) .wasl-compact-stat-card__val {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-compact-stat-card:not(.wasl-compact-stat-card--card-purple-highlight):not(.wasl-compact-stat-card--card-purple-solid) .wasl-compact-stat-card__label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-compact-stat-card__icon-box--purple {
    background-color: rgba(167, 139, 250, 0.14) !important;
    color: #A78BFA !important;
}

body.mud-theme-dark .wasl-compact-stat-card__icon-box--green {
    background-color: rgba(52, 211, 153, 0.14) !important;
    color: #34D399 !important;
}

body.mud-theme-dark .wasl-compact-stat-card__icon-box--red {
    background-color: rgba(248, 113, 113, 0.14) !important;
    color: #F87171 !important;
}

body.mud-theme-dark .wasl-compact-stat-card__icon-box--blue {
    background-color: rgba(96, 165, 250, 0.14) !important;
    color: #60A5FA !important;
}

body.mud-theme-dark .wasl-compact-stat-card__icon-box--yellow,
body.mud-theme-dark .wasl-compact-stat-card__icon-box--amber {
    background-color: rgba(251, 191, 36, 0.14) !important;
    color: #FBBF24 !important;
}

body.mud-theme-dark .wasl-stat-card,
body.mud-theme-dark .totle-card,
body.mud-theme-dark .stat-card,
body.mud-theme-dark .StatusCard .mud-card {
    background: #161B27 !important;
    background-color: #161B27 !important;
    border: 1px solid #2A3349 !important;
    box-shadow: var(--wasl-shadow) !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-stat-card__top {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.mud-theme-dark .wasl-stat-card:hover,
body.mud-theme-dark .totle-card:hover {
    border-color: #A78BFA !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

body.mud-theme-dark .wasl-stat-card__title,
body.mud-theme-dark .totle-name {
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-stat-card__value,
body.mud-theme-dark .totle-number,
body.mud-theme-dark .name-text {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-stat-card__footer {
    border-top-color: #2A3349 !important;
}

body.mud-theme-dark .wasl-stat-card__update-text,
body.mud-theme-dark .wasl-stat-card__sync-icon {
    color: #64748B !important;
}

/* Custom Date Badges in Dark Mode */
body.mud-theme-dark .date-badge {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.mud-theme-dark .date-success {
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(52, 211, 153, 0.28) !important;
    color: #34D399 !important;
}

body.mud-theme-dark .date-error {
    background: rgba(244, 63, 94, 0.12) !important;
    border-color: rgba(248, 113, 113, 0.28) !important;
    color: #F87171 !important;
}

/* Dashboard Panels */
body.mud-theme-dark .dash-panel {
    background-color: #161B27 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .dash-panel-title,
body.mud-theme-dark .dash-bar-value,
body.mud-theme-dark .dash-task-value,
body.mud-theme-dark .dash-task-label,
body.mud-theme-dark .dash-bar-label {
    color: #F8FAFC !important;
    font-weight: 600 !important;
}

body.mud-theme-dark .dash-panel-sub,
body.mud-theme-dark .dash-task-sub {
    color: #94A3B8 !important;
}

body.mud-theme-dark .dash-bar-track {
    background-color: #1E2535 !important;
}

body.mud-theme-dark .dash-task-row {
    background-color: #1E2535 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .dash-task-row:hover {
    background-color: #232B3E !important;
    border-color: #A78BFA !important;
}

body.mud-theme-dark .dash-task-icon,
body.mud-theme-dark .dash-panel-icon {
    background-color: rgba(167, 139, 250, 0.16) !important;
    background: rgba(167, 139, 250, 0.16) !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
}

body.mud-theme-dark .dash-panel-icon .mud-icon-root {
    color: #A78BFA !important;
}

body.mud-theme-dark .dash-empty {
    background: #1E2535 !important;
    border-color: #2A3349 !important;
    color: #94A3B8 !important;
}

body.mud-theme-dark .dash-empty-icon {
    color: #64748B !important;
}

/* ── 6. Tables & Data Grids ── */
body.mud-theme-dark .A-Table .custom-table,
body.mud-theme-dark .custom-table,
body.mud-theme-dark .mud-table,
body.mud-theme-dark .mud-table-container {
    border-color: #2A3349 !important;
    background-color: #161B27 !important;
    box-shadow: var(--wasl-shadow) !important;
}

body.mud-theme-dark .A-Table .mud-table-root .mud-table-head,
body.mud-theme-dark .A-Table .custom-table th,
body.mud-theme-dark .custom-table th,
body.mud-theme-dark .newSty-hdTable .mud-table-root .mud-table-head .mud-table-cell,
body.mud-theme-dark .mud-table-head .mud-table-cell {
    background-color: #1E2535 !important;
    color: #94A3B8 !important;
    border-bottom: 1px solid #2A3349 !important;
    font-weight: 600 !important;
}

body.mud-theme-dark .A-Table .custom-table td,
body.mud-theme-dark .custom-table td:not(.mud-table-loading),
body.mud-theme-dark .newSty-hdTable .mud-table-root .mud-table-body .mud-table-cell,
body.mud-theme-dark .mud-table-body .mud-table-cell {
    border-bottom: 1px solid #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .A-Table .mud-table-root .mud-table-body tr,
body.mud-theme-dark .mud-table-body tr {
    background-color: #161B27 !important;
}

body.mud-theme-dark .A-Table .mud-table-root .mud-table-body tr:hover,
body.mud-theme-dark .A-Table .selected,
body.mud-theme-dark .mud-table-body tr:hover {
    background-color: #232B3E !important;
}

body.mud-theme-dark .A-Table .mud-table-root .mud-table-body tr.custom-striped,
body.mud-theme-dark .tbl .mud-table tbody tr.custom-striped {
    background-color: #1A2030 !important;
}

body.mud-theme-dark .A-Table .mud-table-pagination-toolbar,
body.mud-theme-dark .mud-table-pagination-toolbar {
    border-top: 1px solid #2A3349 !important;
    background-color: #161B27 !important;
    color: #94A3B8 !important;
}

body.mud-theme-dark .A-Table .mud-table-pagination-caption,
body.mud-theme-dark .A-Table .mud-table-pagination-info,
body.mud-theme-dark .A-Table .mud-table-pagination-page-size,
body.mud-theme-dark .A-Table .mud-table-pagination-text,
body.mud-theme-dark .A-Table .mud-table-pagination-buttons .mud-icon-button .mud-icon-root,
body.mud-theme-dark .mud-table-pagination * {
    color: #94A3B8 !important;
}

/* ── 7. Form Sections & Form Controls ── */
body.mud-theme-dark .wasl-form-section-header,
body.mud-theme-dark .FormSectionHeader,
body.mud-theme-dark .spaceOfForm .mud-paper-outlined {
    background-color: transparent !important;
    background: transparent !important;
    border-color: transparent !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-form-section-header__title,
body.mud-theme-dark .wasl-form-section-header .mud-typography-h6,
body.mud-theme-dark .spaceOfForm h1,
body.mud-theme-dark .spaceOfForm h2,
body.mud-theme-dark .spaceOfForm h3,
body.mud-theme-dark .spaceOfForm h4,
body.mud-theme-dark .spaceOfForm h5,
body.mud-theme-dark .spaceOfForm h6 {
    color: #F8FAFC !important;
    font-weight: 700 !important;
}

body.mud-theme-dark .wasl-form-section-header .mud-typography-body2,
body.mud-theme-dark .wasl-form-section-header p {
    color: #94A3B8 !important;
}

body.mud-theme-dark .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol,
body.mud-theme-dark .lableTxtFiledText,
body.mud-theme-dark .spaceOfForm label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .mud-input > input.mud-input-root,
body.mud-theme-dark div.mud-input-slot.mud-input-root,
body.mud-theme-dark .mud-input > textarea.mud-input-root {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .filed .mud-input.mud-input-outlined .mud-input-outlined-border,
body.mud-theme-dark .mud-input.mud-input-outlined .mud-input-outlined-border {
    border-color: #2A3349 !important;
}

body.mud-theme-dark .filed .mud-input.mud-input-filled,
body.mud-theme-dark .filedWhite .mud-input.mud-input-filled {
    background-color: #1E2535 !important;
}

body.mud-theme-dark .mud-input-control-input-container:focus-within .mud-input-outlined-border {
    border-color: #A78BFA !important;
}

/* ── 8. Sub-tables & Inner Containers in Forms and Dialogs ── */
body.mud-theme-dark .spaceOfForm .mud-paper,
body.mud-theme-dark .spaceOfForm .mud-paper-outlined,
body.mud-theme-dark .spaceOfForm .mud-table-container,
body.mud-theme-dark .spaceOfForm .mud-table-root,
body.mud-theme-dark .mud-paper-outlined,
body.mud-theme-dark .cardBorder .mud-paper-outlined,
body.mud-theme-dark .cardBorder .mud-paper,
body.mud-theme-dark .wasl-paper,
body.mud-theme-dark .scd-info-box {
    background-color: #161B27 !important;
    color: #F1F5F9 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .spaceOfForm .empty-state,
body.mud-theme-dark .spaceOfForm .empty-state__icon {
    color: #94A3B8 !important;
}

/* ── 9. AppBar & Actions ── */
body.mud-theme-dark .appbar-style {
    background-color: #161B27 !important;
    border-bottom-color: #2A3349 !important;
}

body.mud-theme-dark .customBtnAppbar {
    border-color: #2A3349 !important;
    background-color: #1E2535 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .customBtnAppbar:hover {
    background-color: #232B3E !important;
}

body.mud-theme-dark .wasl-appbar-search-btn {
    background-color: rgba(167, 139, 250, 0.14) !important;
    border-color: #2A3349 !important;
    color: #A78BFA !important;
}

body.mud-theme-dark .wasl-appbar-notif-btn {
    background-color: #1E2535 !important;
    border-color: #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-appbar-notif-panel {
    background: #161B27 !important;
    border-color: #2A3349 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

body.mud-theme-dark .wasl-appbar-notif-panel__header {
    border-bottom-color: #2A3349 !important;
    background: #1E2535 !important;
}

body.mud-theme-dark .wasl-appbar-notif-panel__title,
body.mud-theme-dark .wasl-appbar-notif-item__title,
body.mud-theme-dark .breadcrumb-title {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-appbar-notif-panel__empty-desc,
body.mud-theme-dark .wasl-appbar-notif-item__summary {
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-appbar-notif-item {
    border-bottom-color: #2A3349 !important;
    background: #161B27 !important;
}

body.mud-theme-dark .wasl-appbar-notif-item:hover,
body.mud-theme-dark .wasl-appbar-notif-item--unread {
    background: #1E2535 !important;
}

/* ── 10. Dialogs, Popovers & Menus ── */
body.mud-theme-dark .mud-dialog {
    background-color: #161B27 !important;
    color: #F1F5F9 !important;
    border: 1px solid #2A3349 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

body.mud-theme-dark .mud-popover-overlay,
body.mud-theme-dark .mud-popover:has(.mud-paper),
body.mud-theme-dark .mud-popover:has(.mud-popover-paper) {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.mud-theme-dark .mud-popover-paper,
body.mud-theme-dark .mud-popover .mud-paper,
body.mud-theme-dark .mud-popover.mud-popover-open:not(:has(.mud-paper)),
body.mud-theme-dark .mud-popover-content,
body.mud-theme-dark .mud-menu-paper,
body.mud-theme-dark .wasl-autocomplete-popover,
body.mud-theme-dark .beneficiary-search-dropdown {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    color: #F1F5F9 !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.8), 0 4px 14px rgba(0, 0, 0, 0.5) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

body.mud-theme-dark .mud-dialog-title {
    border-bottom: 1px solid #2A3349 !important;
}

/* ── 11. Empty States ── */
body.mud-theme-dark .wasl-table-empty-state__icon-wrap {
    background: rgba(167, 139, 250, 0.14) !important;
    border-color: #2A3349 !important;
    box-shadow: none !important;
}

body.mud-theme-dark .wasl-table-empty-state__icon-wrap--error {
    background: rgba(248, 113, 113, 0.14) !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .wasl-table-empty-state__description {
    color: #94A3B8 !important;
}

/* ── 12. Chips & Badges ── */
body.mud-theme-dark .customChip .mud-chip-text.mud-chip-color-primary {
    color: #A78BFA !important;
    background-color: rgba(167, 139, 250, 0.14) !important;
}

/* ── 13. Refined Button, Select & Input Cohesion ── */

/* Disabled Container Buttons (Filled/Outlined) in Dark Mode */
body.mud-theme-dark .mud-button-filled:disabled,
body.mud-theme-dark .mud-button-filled.mud-disabled,
body.mud-theme-dark .mud-button-outlined:disabled,
body.mud-theme-dark .mud-button-outlined.mud-disabled,
body.mud-theme-dark .wasl-btn-action:disabled,
body.mud-theme-dark .wasl-btn-action.mud-disabled {
    background-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.28) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
    pointer-events: none !important;
}

/* Disabled Icon Buttons & Table Pagination Buttons in Dark Mode */
body.mud-theme-dark .mud-icon-button:disabled,
body.mud-theme-dark .mud-icon-button.mud-disabled,
body.mud-theme-dark .mud-table-pagination-icon:disabled,
body.mud-theme-dark .mud-table-pagination-icon.mud-disabled {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    opacity: 0.35 !important;
    pointer-events: none !important;
}

body.mud-theme-dark .mud-button-root:disabled .mud-icon-button-label,
body.mud-theme-dark .mud-button-root.mud-disabled .mud-icon-button-label,
body.mud-theme-dark .mud-icon-button:disabled .mud-icon-button-label,
body.mud-theme-dark .mud-icon-button.mud-disabled .mud-icon-button-label,
body.mud-theme-dark .mud-button-root:disabled .mud-button-label,
body.mud-theme-dark .mud-button-root.mud-disabled .mud-button-label {
    background: transparent !important;
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.28) !important;
}

body.mud-theme-dark .mud-button-root:disabled svg,
body.mud-theme-dark .mud-button-root.mud-disabled svg,
body.mud-theme-dark .mud-button-root:disabled .mud-icon-root,
body.mud-theme-dark .mud-button-root.mud-disabled .mud-icon-root,
body.mud-theme-dark .mud-icon-button:disabled svg,
body.mud-theme-dark .mud-icon-button.mud-disabled svg {
    color: rgba(255, 255, 255, 0.28) !important;
    fill: currentColor !important;
    background: transparent !important;
    background-color: transparent !important;
}

body.mud-theme-dark .mud-button-filled.mud-button-filled-primary:not(:disabled):not(.mud-disabled),
body.mud-theme-dark .btn-primary:not(:disabled):not(.mud-disabled),
body.mud-theme-dark .btn-add .mud-button:not(:disabled):not(.mud-disabled),
body.mud-theme-dark .newsty-borderBtn .mud-button-filled.mud-button-filled-primary:not(:disabled):not(.mud-disabled) {
    background-color: #6F3AFA !important;
    background: #6F3AFA !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 2px 10px rgba(111, 58, 250, 0.35) !important;
    transition: all 0.2s ease !important;
}

body.mud-theme-dark .mud-button-filled.mud-button-filled-primary:not(:disabled):not(.mud-disabled):hover,
body.mud-theme-dark .btn-primary:not(:disabled):not(.mud-disabled):hover,
body.mud-theme-dark .btn-add .mud-button:not(:disabled):not(.mud-disabled):hover,
body.mud-theme-dark .newsty-borderBtn .mud-button-filled.mud-button-filled-primary:not(:disabled):not(.mud-disabled):hover {
    background-color: #5E37C5 !important;
    background: #5E37C5 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(111, 58, 250, 0.5) !important;
}

body.mud-theme-dark .mud-button-outlined.mud-button-outlined-primary:not(:disabled):not(.mud-disabled),
body.mud-theme-dark .newsty-borderBtn .mud-button-outlined.mud-button-outlined-primary:not(:disabled):not(.mud-disabled) {
    background-color: #1E2535 !important;
    border: 1px solid #2A3349 !important;
    color: #A78BFA !important;
    border-radius: 8px !important;
}

body.mud-theme-dark .mud-button-outlined.mud-button-outlined-primary:not(:disabled):not(.mud-disabled):hover {
    background-color: #232B3E !important;
    border-color: #A78BFA !important;
    color: #C4B5FD !important;
}

/* Text Buttons (Variant.Text) */
body.mud-theme-dark .mud-button-text.mud-button-text-primary:not(:disabled):not(.mud-disabled),
body.mud-theme-dark .mud-button-text-primary:not(:disabled):not(.mud-disabled) {
    color: #A78BFA !important;
    background-color: rgba(167, 139, 250, 0.12) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    padding: 6px 14px !important;
    transition: all 0.2s ease !important;
}

body.mud-theme-dark .mud-button-icon,
body.mud-theme-dark .mud-button-icon-start,
body.mud-theme-dark .mud-button-icon-end {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

body.mud-theme-dark .mud-button-text.mud-button-text-primary .mud-button-label,
body.mud-theme-dark .mud-button-text-primary .mud-button-label,
body.mud-theme-dark .mud-button-text.mud-button-text-primary .mud-icon-root,
body.mud-theme-dark .mud-button-text-primary .mud-icon-root,
body.mud-theme-dark .mud-button-text.mud-button-text-primary svg,
body.mud-theme-dark .mud-button-text-primary svg {
    color: #A78BFA !important;
    fill: currentColor !important;
    background: transparent !important;
    background-color: transparent !important;
}

body.mud-theme-dark .mud-button-text.mud-button-text-primary:hover,
body.mud-theme-dark .mud-button-text-primary:hover {
    background-color: rgba(167, 139, 250, 0.24) !important;
    color: #C4B5FD !important;
}

body.mud-theme-dark .mud-button-text.mud-button-text-primary:hover .mud-button-label,
body.mud-theme-dark .mud-button-text-primary:hover .mud-button-label,
body.mud-theme-dark .mud-button-text.mud-button-text-primary:hover .mud-icon-root,
body.mud-theme-dark .mud-button-text-primary:hover .mud-icon-root,
body.mud-theme-dark .mud-button-text.mud-button-text-primary:hover svg,
body.mud-theme-dark .mud-button-text-primary:hover svg {
    color: #C4B5FD !important;
    fill: currentColor !important;
    background: transparent !important;
    background-color: transparent !important;
}

body.mud-theme-dark .mud-select,
body.mud-theme-dark .mud-select-input,
body.mud-theme-dark .mud-input-control-input-container {
    background-color: transparent !important;
}

body.mud-theme-dark .mud-input.mud-input-outlined,
body.mud-theme-dark .mud-select .mud-input.mud-input-outlined {
    background-color: #161B27 !important;
    border-radius: 8px !important;
}

body.mud-theme-dark .mud-input.mud-input-outlined .mud-input-outlined-border,
body.mud-theme-dark .filed .mud-input.mud-input-outlined .mud-input-outlined-border {
    border-color: #2A3349 !important;
    border-width: 1px !important;
    border-radius: 8px !important;
}

body.mud-theme-dark .mud-input.mud-input-outlined:hover .mud-input-outlined-border,
body.mud-theme-dark .mud-select:hover .mud-input-outlined-border {
    border-color: #A78BFA !important;
}

body.mud-theme-dark .mud-input.mud-input-outlined.mud-input-focused .mud-input-outlined-border,
body.mud-theme-dark .mud-select.mud-select-focused .mud-input-outlined-border {
    border-color: #6F3AFA !important;
    border-width: 1.5px !important;
}

body.mud-theme-dark .mud-select .mud-select-input,
body.mud-theme-dark .mud-input-slot {
    color: #F1F5F9 !important;
    font-weight: 500 !important;
}

body.mud-theme-dark .mud-select .mud-icon-root,
body.mud-theme-dark .mud-input-adornment .mud-icon-root {
    color: #94A3B8 !important;
    fill: #94A3B8 !important;
}

body.mud-theme-dark .mud-select-popover .mud-list,
body.mud-theme-dark .mud-autocomplete-popover .mud-list,
body.mud-theme-dark .wasl-autocomplete-popover .mud-list {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    color: #F1F5F9 !important;
    max-height: 280px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

body.mud-theme-dark .mud-menu-paper,
body.mud-theme-dark .mud-menu-paper .mud-list,
body.mud-theme-dark .mud-menu-paper .mud-list-padding {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    color: #F1F5F9 !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
}

body.mud-theme-dark .mud-menu-paper .mud-divider,
body.mud-theme-dark .mud-popover .mud-divider {
    border-color: #2A3349 !important;
}

body.mud-theme-dark .mud-list-item {
    color: #F1F5F9 !important;
    border-radius: 6px !important;
}

body.mud-theme-dark .mud-list-item:hover,
body.mud-theme-dark .mud-list-item.mud-list-item-clickable:hover {
    background-color: #232B3E !important;
    color: #A78BFA !important;
}

body.mud-theme-dark .mud-list-item.mud-selected,
body.mud-theme-dark .mud-list-item.mud-selected:hover {
    background-color: rgba(111, 58, 250, 0.2) !important;
    color: #A78BFA !important;
    font-weight: 600 !important;
}

/* ── 14. High-Contrast Breadcrumb & Table Header Text Overrides ── */
body.mud-theme-dark .app-breadcrumb-link {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .app-breadcrumb-link:hover {
    color: #A78BFA !important;
    text-decoration: underline !important;
}

body.mud-theme-dark .app-breadcrumb-current {
    color: #A78BFA !important;
    font-weight: 600 !important;
}

body.mud-theme-dark .app-breadcrumb-virtual,
body.mud-theme-dark .app-breadcrumb-separator {
    color: #94A3B8 !important;
    opacity: 0.9 !important;
}

body.mud-theme-dark .wasl-table-stacked-text__primary,
body.mud-theme-dark .wasl-table-stacked-text--header .wasl-table-stacked-text__primary,
body.mud-theme-dark .wasl-table-stacked-text--cell .wasl-table-stacked-text__primary,
body.mud-theme-dark .sales-invoice-th-primary {
    color: #F1F5F9 !important;
    opacity: 1 !important;
}

body.mud-theme-dark .wasl-table-stacked-text__secondary,
body.mud-theme-dark .wasl-table-stacked-text--header .wasl-table-stacked-text__secondary,
body.mud-theme-dark .wasl-table-stacked-text--cell .wasl-table-stacked-text__secondary,
body.mud-theme-dark .sales-invoice-th-sub,
body.mud-theme-dark .sales-invoice-col-sub {
    color: #94A3B8 !important;
    opacity: 1 !important;
}

/* Empty State Contrast Fix */
body.mud-theme-dark .wasl-table-empty-state__title,
body.mud-theme-dark .wasl-base-table-empty-msg,
body.mud-theme-dark .mud-typography-color-dark,
body.mud-theme-dark .mud-typography-color-dark * {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .mud-icon-color-dark {
    color: #94A3B8 !important;
    fill: #94A3B8 !important;
}

body.mud-theme-dark .wasl-table-empty-state__description {
    color: #94A3B8 !important;
}

/* ── 15. App Shell Footer ── */
body.mud-theme-dark .app-shell-footer {
    border-top: 1px solid #2A3349 !important;
    background-color: #0F1117 !important;
}

body.mud-theme-dark .app-shell-footer__text {
    color: #64748B !important;
}

/* ── 16. Toggle / Numeric Stepper Controls (toggleButton, Plus, Minus) ── */
body.mud-theme-dark .toggleButton,
body.mud-theme-dark .toggleButton.mud-chip,
body.mud-theme-dark .toggleButton .mud-chip {
    background-color: #161B27 !important;
    border: 1px solid #2A3349 !important;
    border-radius: 9999px !important;
}

body.mud-theme-dark .toggleButton *,
body.mud-theme-dark .toggleButton b,
body.mud-theme-dark .toggleButton .mud-typography {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .Minus,
body.mud-theme-dark .toggleButton .Minus {
    background-color: #1E2535 !important;
    color: #94A3B8 !important;
    border-radius: 50% !important;
}

body.mud-theme-dark .Minus:hover,
body.mud-theme-dark .toggleButton .Minus:hover {
    background-color: #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .Plus,
body.mud-theme-dark .toggleButton .Plus {
    background-color: #6F3AFA !important;
    color: #FFFFFF !important;
    border-radius: 50% !important;
}

body.mud-theme-dark .Plus:hover,
body.mud-theme-dark .toggleButton .Plus:hover {
    background-color: #5E37C5 !important;
    color: #FFFFFF !important;
}

/* ── 17. Premium Cards (.promo-premium-card) Dark Mode Styling ── */
body.mud-theme-dark .promo-premium-card {
    background: #161B27 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .promo-premium-card:hover {
    border-color: #6F3AFA !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45) !important;
}

body.mud-theme-dark .promo-premium-card__media {
    background: linear-gradient(145deg, #1E2535 0%, #161B27 100%) !important;
}

body.mud-theme-dark .promo-premium-card__media-fade {
    background: linear-gradient(to top, #161B27 0%, transparent 100%) !important;
}

body.mud-theme-dark .promo-premium-card__label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .promo-premium-card__title {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .promo-premium-card__desc {
    color: #CBD5E1 !important;
}

body.mud-theme-dark .promo-premium-card__date-pill {
    background: #1E2535 !important;
    border-color: #2A3349 !important;
    color: #94A3B8 !important;
}

body.mud-theme-dark .promo-premium-card__date-icon {
    color: #A78BFA !important;
}

body.mud-theme-dark .promo-premium-card__date-range {
    color: #CBD5E1 !important;
}

body.mud-theme-dark .catalog-card-image-fallback {
    background: linear-gradient(135deg, #1E2535 0%, #161B27 100%) !important;
    color: #64748B !important;
}

body.mud-theme-dark .catalog-card-fallback-icon {
    color: #64748B !important;
}

body.mud-theme-dark .catalog-card-fallback-text {
    color: #64748B !important;
}

body.mud-theme-dark .promo-premium-card__type,
body.mud-theme-dark .catalog-type-chip {
    background: rgba(167, 139, 250, 0.16) !important;
    color: #C4B5FD !important;
    border: 1px solid rgba(167, 139, 250, 0.28) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

/* ── 18. Boot / Hot Reload Splash Loading Screen Dark Mode ── */
body.mud-theme-dark .app-splash,
.mud-theme-dark .app-splash {
    --splash-primary: #A78BFA;
    --splash-primary-soft: rgba(167, 139, 250, 0.2);
    --splash-bg: #0F172A;
    --splash-text: #F1F5F9;
    --splash-muted: #94A3B8;
    background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(111, 58, 250, 0.25) 0%, transparent 65%),
                linear-gradient(180deg, #0B0F19 0%, #0F172A 100%) !important;
}

body.mud-theme-dark .app-splash__panel,
.mud-theme-dark .app-splash__panel {
    background: rgba(22, 27, 39, 0.94) !important;
    border-color: #2A3349 !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;
}

body.mud-theme-dark .app-splash__title,
.mud-theme-dark .app-splash__title {
    color: #A78BFA !important;
}

body.mud-theme-dark .app-splash__status,
.mud-theme-dark .app-splash__status {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .app-splash__tip,
.mud-theme-dark .app-splash__tip,
body.mud-theme-dark .app-splash__percent,
.mud-theme-dark .app-splash__percent {
    color: #94A3B8 !important;
}

body.mud-theme-dark .app-splash__shell-sidebar,
.mud-theme-dark .app-splash__shell-sidebar,
body.mud-theme-dark .app-splash__shell-card,
.mud-theme-dark .app-splash__shell-card {
    background: #161B27 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .app-splash__shell-line,
.mud-theme-dark .app-splash__shell-line {
    background: linear-gradient(90deg, #1E2535 0%, #2A3349 50%, #1E2535 100%) !important;
}

/* ── 19. QuickOrder Segmented Filter Controls, Overlays & Room Cards Dark Mode ── */
body.mud-theme-dark .segment {
    background: #1E2535 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .seg-item {
    color: #94A3B8 !important;
}

body.mud-theme-dark .seg-item:hover:not(.active) {
    color: #F1F5F9 !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

body.mud-theme-dark .seg-item.active {
    background: #2A3349 !important;
    color: #F1F5F9 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35) !important;
    font-weight: 600 !important;
}

body.mud-theme-dark .guest-order-overlay,
body.mud-theme-dark .service-card-overlay {
    background: rgba(22, 27, 39, 0.90) !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .service-card-item {
    background: #161B27 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .service-card-item__number {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .service-card-item__label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .service-card-item__meta {
    color: #94A3B8 !important;
}

body.mud-theme-dark .service-card-item__meta-icon {
    color: #A78BFA !important;
}

/* Guest Order Action Bar Hover Menu Dark Mode */
body.mud-theme-dark .guest-order-action-bar {
    background: #1E2535 !important;
    border: 1px solid #2A3349 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}

body.mud-theme-dark .guest-order-action-btn,
body.mud-theme-dark .guest-order-action-btn .mud-icon-root {
    color: #CBD5E1 !important;
}

body.mud-theme-dark .guest-order-action-btn:hover {
    color: #A78BFA !important;
    background-color: rgba(167, 139, 250, 0.16) !important;
}

body.mud-theme-dark .guest-order-action-btn:hover .mud-icon-root {
    color: #A78BFA !important;
}

/* Guest Order Table Icon Box Dark Mode */
body.mud-theme-dark .guest-order-icon {
    background-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 50% !important;
}

/* Service Card Room Item Icon Box & Buttons Dark Mode */
body.mud-theme-dark .service-card-item__icon-box {
    background-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 8px !important;
}

body.mud-theme-dark .service-card-item__footer-btn {
    background-color: rgba(255, 255, 255, 0.06) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 8px !important;
}

body.mud-theme-dark .service-card-item__footer-btn.mud-button-text-success,
body.mud-theme-dark .service-card-item__footer-btn.mud-button-outlined-success {
    background-color: rgba(52, 211, 153, 0.14) !important;
    color: #34D399 !important;
    border: 1px solid rgba(52, 211, 153, 0.28) !important;
}

body.mud-theme-dark .service-card-item__footer-btn.mud-button-text-error,
body.mud-theme-dark .service-card-item__footer-btn.mud-button-outlined-error {
    background-color: rgba(248, 113, 113, 0.14) !important;
    color: #F87171 !important;
    border: 1px solid rgba(248, 113, 113, 0.28) !important;
}

body.mud-theme-dark .service-card-item__footer-btn.mud-button-text-info,
body.mud-theme-dark .service-card-item__footer-btn.mud-button-outlined-info {
    background-color: rgba(167, 139, 250, 0.14) !important;
    color: #C4B5FD !important;
    border: 1px solid rgba(167, 139, 250, 0.28) !important;
}

body.mud-theme-dark .service-card-item__footer-btn .mud-button-icon-start,
body.mud-theme-dark .service-card-item__footer-btn svg {
    fill: currentColor !important;
}

body.mud-theme-dark .service-card-item__footer {
    border-top: 1px solid #2A3349 !important;
}

/* Guest Order Table Header Dark Mode Contrast Fix */
body.mud-theme-dark .guest-order-th-primary {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .guest-order-th-sub {
    color: #94A3B8 !important;
}

/* Quick Shortcuts Dialog Dark Mode Rules */
body.mud-theme-dark .qs-dialog,
body.mud-theme-dark .qs-dialog .mud-dialog {
    background-color: #161B27 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .shortcut-card,
body.mud-theme-dark .qf-choice__card {
    background-color: #1E2535 !important;
    background: #1E2535 !important;
    border: 1px solid #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .shortcut-card-link:hover .shortcut-card,
body.mud-theme-dark .qf-choice__card:hover {
    border-color: rgba(167, 139, 250, 0.45) !important;
    box-shadow: 0 4px 16px rgba(111, 58, 250, 0.3) !important;
    background: #252D3F !important;
}

body.mud-theme-dark .shortcut-card__label,
body.mud-theme-dark .qf-choice__label,
body.mud-theme-dark .qs-dialog__title {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .qs-dialog__subtitle {
    color: #94A3B8 !important;
}

body.mud-theme-dark .shortcut-card__icon,
body.mud-theme-dark .qf-choice__icon {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* FileUploaderV2 Dark Mode Rules */
body.mud-theme-dark .file-uploader-container .uploader-main-paper,
body.mud-theme-dark .file-uploader-container .empty-state-card,
body.mud-theme-dark .file-uploader-container .files-list-card {
    background-color: #1E2535 !important;
    background: #1E2535 !important;
    border-color: #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .file-uploader-container .bgIconCircle {
    background-color: rgba(167, 139, 250, 0.16) !important;
}

body.mud-theme-dark .file-uploader-container .mud-typography {
    color: #94A3B8 !important;
}

body.mud-theme-dark .file-uploader-container .mud-typography-color-primary {
    color: #A78BFA !important;
}

/* Beneficiary Cards in Reservation / Create Service Card Dark Mode */
body.mud-theme-dark .beneficiary-selected-card,
body.mud-theme-dark .beneficiary-new-btn {
    background-color: #1E2535 !important;
    background: #1E2535 !important;
    border-color: #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .beneficiary-avatar-box,
body.mud-theme-dark .beneficiary-add-icon-box {
    background-color: rgba(167, 139, 250, 0.16) !important;
    color: #A78BFA !important;
    border-color: rgba(167, 139, 250, 0.35) !important;
}

body.mud-theme-dark .beneficiary-name-text {
    color: #F1F5F9 !important;
}

/* WaslFollowUpFileUpload Dark Mode Overrides */
body.mud-theme-dark .wasl-follow-up-file-upload__dropzone,
body.mud-theme-dark .wasl-follow-up-file-upload__file,
body.mud-theme-dark .wasl-follow-up-file-upload__loading {
    background-color: #1E2535 !important;
    background: #1E2535 !important;
    border-color: #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-follow-up-file-upload__dropzone:hover,
body.mud-theme-dark .wasl-follow-up-file-upload__dropzone:focus-visible {
    border-color: #7C3AED !important;
    background: #232B3E !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.2) !important;
}

body.mud-theme-dark .wasl-follow-up-file-upload__title,
body.mud-theme-dark .wasl-follow-up-file-upload__name {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-follow-up-file-upload__hint,
body.mud-theme-dark .wasl-follow-up-file-upload__type,
body.mud-theme-dark .wasl-follow-up-file-upload__loading-title,
body.mud-theme-dark .wasl-follow-up-file-upload__loading-name {
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-follow-up-file-upload__icon,
body.mud-theme-dark .wasl-follow-up-file-upload__thumb {
    background-color: rgba(167, 139, 250, 0.16) !important;
    color: #A78BFA !important;
}

/* Room Action Confirm Dialog (Check-in / Check-out Confirm) Dark Mode Overrides */
body.mud-theme-dark .room-action-confirm-dialog .mud-dialog {
    background-color: #1E2535 !important;
    background: #1E2535 !important;
}

body.mud-theme-dark .room-action-confirm__title {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .room-action-confirm__subtitle {
    color: #94A3B8 !important;
}

body.mud-theme-dark .room-action-confirm__icon-glow--danger {
    background: rgba(239, 68, 68, 0.16) !important;
    box-shadow: 0 8px 24px rgba(239, 68, 68, 0.25) !important;
}

body.mud-theme-dark .room-action-confirm__icon-glow--success {
    background: rgba(16, 185, 129, 0.16) !important;
    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.25) !important;
}

/* OrderDetails Dialog Dark Mode Overrides */
body.mud-theme-dark .order-details-dialog .order-details-dialog__stat,
body.mud-theme-dark .order-details-dialog .order-details-dialog__panel {
    background-color: #1E2535 !important;
    background: #1E2535 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .order-details-dialog .order-details-dialog__stat-icon {
    background-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body.mud-theme-dark .order-details-dialog .order-details-dialog__total {
    background-color: #1E2535 !important;
    background: #1E2535 !important;
    border-color: #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .order-details-dialog .order-details-dialog__total-label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .order-details-dialog .order-details-dialog__total-value {
    color: #A78BFA !important;
}

body.mud-theme-dark .order-details-dialog .order-details-dialog__stat-value {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .order-details-dialog .order-details-dialog__stat-label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .order-details-dialog .order-details-dialog__product-name,
body.mud-theme-dark .order-details-dialog .order-details-dialog__line-total,
body.mud-theme-dark .order-details-dialog .mud-table-cell,
body.mud-theme-dark .order-details-dialog .td_style {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .order-details-dialog .order-details-dialog__title {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .order-details-dialog .order-details-dialog__subtitle,
body.mud-theme-dark .order-details-dialog .order-details-dialog__meta-item {
    color: #CBD5E1 !important;
}

body.mud-theme-dark .order-details-dialog .order-details-dialog__product-desc,
body.mud-theme-dark .order-details-dialog th.mud-table-cell {
    color: #94A3B8 !important;
}

body.mud-theme-dark .order-details-dialog .order-details-dialog__count-chip {
    background-color: rgba(167, 139, 250, 0.16) !important;
    background: rgba(167, 139, 250, 0.16) !important;
    color: #A78BFA !important;
}

body.mud-theme-dark .order-details-dialog .order-details-dialog__availability--ok {
    background-color: rgba(16, 185, 129, 0.16) !important;
    background: rgba(16, 185, 129, 0.16) !important;
    color: #34D399 !important;
    border: 1px solid rgba(52, 211, 153, 0.25) !important;
}

body.mud-theme-dark .order-details-dialog .order-details-dialog__availability--bad {
    background-color: rgba(239, 68, 68, 0.16) !important;
    background: rgba(239, 68, 68, 0.16) !important;
    color: #F87171 !important;
    border: 1px solid rgba(248, 113, 113, 0.25) !important;
}

/* CreateGuestOrder Page & Skeleton Dark Mode Overrides */
body.mud-theme-dark .cgo-catalog,
body.mud-theme-dark .cgo-cart {
    background-color: #1E2535 !important;
    background: #1E2535 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .cgo-catalog__title,
body.mud-theme-dark .cgo-cart__invoice,
body.mud-theme-dark .cgo-product__name,
body.mud-theme-dark .cgo-cart__line-name,
body.mud-theme-dark .cgo-qty__value,
body.mud-theme-dark .cgo-cart__row,
body.mud-theme-dark .cgo-cart__row strong,
body.mud-theme-dark .cgo-cart__row--grand {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .cgo-catalog__count,
body.mud-theme-dark .cgo-cart__invoice-label,
body.mud-theme-dark .cgo-product__category {
    color: #94A3B8 !important;
}

body.mud-theme-dark .cgo-product {
    background-color: #1E2535 !important;
    background: #1E2535 !important;
    border-color: #2A3349 !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25) !important;
}

body.mud-theme-dark .cgo-product:hover {
    box-shadow: 0 8px 24px rgba(124, 58, 237, 0.25) !important;
    border-color: rgba(167, 139, 250, 0.4) !important;
}

body.mud-theme-dark .cgo-product__image,
body.mud-theme-dark .cgo-product__placeholder {
    background: #131926 !important;
}

body.mud-theme-dark .cgo-qty {
    background: #131926 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .cgo-cart__lines {
    border-top-color: #2A3349 !important;
    border-bottom-color: #2A3349 !important;
}

body.mud-theme-dark .cgo-cart__line {
    border-bottom-color: #2A3349 !important;
}

body.mud-theme-dark .cgo-cart__footer {
    background: #1E2535 !important;
}

body.mud-theme-dark .cgo-cart__row--grand {
    border-top-color: #2A3349 !important;
}

/* Order Wizard Dialog (Accept Order 3-Step Wizard) Dark Mode Overrides */
body.mud-theme-dark .order-wizard-dialog .mud-dialog {
    background-color: #1E2535 !important;
    background: #1E2535 !important;
}

body.mud-theme-dark .order-wizard-dialog__title {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .order-wizard-dialog .mud-dialog-title .mud-typography-caption {
    color: #94A3B8 !important;
}

/* Stepper Bar (.wizard-steps) */
body.mud-theme-dark .wizard-steps {
    background-color: #1E2535 !important;
    background: #1E2535 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .wizard-step__icon {
    background-color: #131926 !important;
    border-color: #2A3349 !important;
    color: #94A3B8 !important;
}

body.mud-theme-dark .wizard-step:not(:last-child)::after {
    background: #2A3349 !important;
}

body.mud-theme-dark .wizard-step--active:not(:last-child)::after {
    background: #2A3349 !important;
}

body.mud-theme-dark .wizard-step--done:not(:last-child)::after {
    background: #10B981 !important;
}

body.mud-theme-dark .wizard-step__label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .wizard-step--active .wizard-step__label,
body.mud-theme-dark .wizard-step--done .wizard-step__label {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wizard-step--done .wizard-step__icon {
    background: #10B981 !important;
    border-color: #10B981 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3) !important;
}

body.mud-theme-dark .wizard-step--active .wizard-step__icon {
    background: #7C3AED !important;
    border-color: #7C3AED !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3) !important;
}

/* Step 1 (AcceptOrder) & Step 3 (CreateTaskQuickDialog) & Step 2 (SalesInvoice) Dark Mode Overrides */
body.mud-theme-dark .accept-order-panel .order-details-dialog__stat-value,
body.mud-theme-dark .accept-order-panel .order-details-dialog__product-name,
body.mud-theme-dark .accept-order-panel .order-details-dialog__line-total,
body.mud-theme-dark .create-task-dialog__order-title,
body.mud-theme-dark .create-task-dialog__title {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .accept-order-panel .order-details-dialog__stat-label,
body.mud-theme-dark .accept-order-panel .order-details-dialog__product-desc {
    color: #94A3B8 !important;
}

body.mud-theme-dark .create-task-dialog__overlay,
body.mud-theme-dark .order-invoice-primary-overlay,
body.mud-theme-dark .guest-order-overlay,
body.mud-theme-dark .service-card-overlay {
    background: rgba(30, 37, 53, 0.88) !important;
    background-color: rgba(30, 37, 53, 0.88) !important;
}

body.mud-theme-dark .create-task-dialog__order-summary {
    background-color: #1E2535 !important;
    background: #1E2535 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .order-wizard-dialog .mud-paper:not(.mud-popover-paper),
body.mud-theme-dark .order-wizard-dialog .mud-card,
body.mud-theme-dark .order-wizard-dialog .wasl-paper {
    background-color: #1E2535 !important;
    background: #1E2535 !important;
    border-color: #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .order-wizard-dialog .mud-input-label,
body.mud-theme-dark .order-wizard-dialog .mud-radio-text,
body.mud-theme-dark .order-wizard-dialog .mud-radio-button {
    color: #CBD5E1 !important;
}

body.mud-theme-dark .order-wizard-dialog table,
body.mud-theme-dark .order-wizard-dialog th,
body.mud-theme-dark .order-wizard-dialog td {
    background-color: transparent !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .order-wizard-dialog th {
    color: #94A3B8 !important;
}

/* Guest Card & Service Card Details Dark Mode Overrides */
body.mud-theme-dark .qf-guest-card,
body.mud-theme-dark .scd-info-box,
body.mud-theme-dark .scd-tabs-paper,
body.mud-theme-dark .scd-attachment-card {
    background-color: #1E2535 !important;
    background: #1E2535 !important;
    border-color: #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .qf-guest-card__avatar,
body.mud-theme-dark .beneficiary-avatar-box {
    background: rgba(167, 139, 250, 0.16) !important;
    background-color: rgba(167, 139, 250, 0.16) !important;
    color: #A78BFA !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
}

body.mud-theme-dark .qf-guest-card__avatar .mud-icon-root,
body.mud-theme-dark .beneficiary-avatar-box .mud-icon-root {
    color: #A78BFA !important;
    fill: #A78BFA !important;
}

body.mud-theme-dark .qf-guest-status-chip {
    background-color: rgba(16, 185, 129, 0.16) !important;
    background: rgba(16, 185, 129, 0.16) !important;
    color: #34D399 !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

body.mud-theme-dark .scd-info-value,
body.mud-theme-dark .scd-section-title,
body.mud-theme-dark .beneficiary-name-text {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .scd-info-label,
body.mud-theme-dark .scd-breadcrumb-text,
body.mud-theme-dark .scd-back-btn,
body.mud-theme-dark .scd-info-icon,
body.mud-theme-dark .scd-action-icon {
    color: #94A3B8 !important;
}

body.mud-theme-dark .scd-table,
body.mud-theme-dark .scd-table th,
body.mud-theme-dark .scd-table td {
    background-color: #1E2535 !important;
    border-color: #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .scd-table th {
    background-color: #161B27 !important;
    color: #94A3B8 !important;
}

/* FollowUp Dialog & Beneficiary Component Dark Mode Overrides */
body.mud-theme-dark .summary-card,
body.mud-theme-dark .beneficiary-summary-card,
body.mud-theme-dark .contact-card,
body.mud-theme-dark .section-card,
body.mud-theme-dark .empty-contacts-state {
    background-color: #1E2535 !important;
    background: #1E2535 !important;
    border-color: #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .section-header {
    border-bottom-color: #2A3349 !important;
}

body.mud-theme-dark .contact-name,
body.mud-theme-dark .beneficiary-name,
body.mud-theme-dark .beneficiary-form-subtitle {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .app-avatar {
    background-color: rgba(167, 139, 250, 0.2) !important;
    background: rgba(167, 139, 250, 0.2) !important;
    color: #A78BFA !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
}

body.mud-theme-dark .app-avatar .mud-icon-root {
    color: #A78BFA !important;
    fill: #A78BFA !important;
}

/* Order Details Employee & Status Chips Dark Mode Overrides */
body.mud-theme-dark .order-details-employee-chip {
    background-color: rgba(167, 139, 250, 0.16) !important;
    background: rgba(167, 139, 250, 0.16) !important;
    color: #A78BFA !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
}

body.mud-theme-dark .order-details-employee-chip .mud-icon-root {
    color: #A78BFA !important;
    fill: #A78BFA !important;
}

body.mud-theme-dark .guest-order-status-chip,
body.mud-theme-dark .order-details-dialog__status {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.mud-theme-dark .guest-order-status-chip.mud-chip-color-warning,
body.mud-theme-dark .guest-order-status-chip[style*="FEF3C7"],
body.mud-theme-dark .guest-order-status-chip[style*="FFFBEB"] {
    background-color: rgba(245, 158, 11, 0.16) !important;
    background: rgba(245, 158, 11, 0.16) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
}

body.mud-theme-dark .guest-order-status-chip.mud-chip-color-success,
body.mud-theme-dark .guest-order-status-chip[style*="E6F4EA"],
body.mud-theme-dark .guest-order-status-chip[style*="DCFCE7"] {
    background-color: rgba(16, 185, 129, 0.16) !important;
    background: rgba(16, 185, 129, 0.16) !important;
    color: #34D399 !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

body.mud-theme-dark .guest-order-status-chip.mud-chip-color-error,
body.mud-theme-dark .guest-order-status-chip[style*="FEE2E2"] {
    background-color: rgba(239, 68, 68, 0.16) !important;
    background: rgba(239, 68, 68, 0.16) !important;
    color: #F87171 !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
}

/* Notifications Panel Dark Mode Overrides */
body.mud-theme-dark .wasl-appbar-notif-panel {
    background: #1E2538 !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.8) !important;
}

body.mud-theme-dark .wasl-appbar-notif-panel__header {
    background: #1E2538 !important;
    border-bottom: 1px solid #2A3349 !important;
}

body.mud-theme-dark .wasl-appbar-notif-panel__title {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-appbar-notif-panel__icon {
    background: rgba(167, 139, 250, 0.16) !important;
    color: #A78BFA !important;
}

body.mud-theme-dark .wasl-appbar-notif-panel__empty-title {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-appbar-notif-panel__empty-desc {
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-appbar-notif-item {
    background: #1E2538 !important;
    border-bottom: 1px solid #2A3349 !important;
}

body.mud-theme-dark .wasl-appbar-notif-item:hover {
    background: #283248 !important;
}

body.mud-theme-dark .wasl-appbar-notif-item--unread {
    background: rgba(167, 139, 250, 0.1) !important;
}

body.mud-theme-dark .wasl-appbar-notif-item__title {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-appbar-notif-item__summary,
body.mud-theme-dark .wasl-appbar-notif-item__meta {
    color: #94A3B8 !important;
}

/* Command Palette Search Dialog Dark Mode Overrides */
body.mud-theme-dark .wasl-command-palette-dialog {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    color: #F1F5F9 !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.85) !important;
}

body.mud-theme-dark .wasl-search-bar {
    border-bottom: 1px solid #2A3349 !important;
}

body.mud-theme-dark .wasl-search-bar__icon {
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-search-input {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-search-input::placeholder {
    color: #64748B !important;
}

body.mud-theme-dark .wasl-search-badge {
    background: #263044 !important;
    border: 1px solid #334155 !important;
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-search-item {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-search-item:hover {
    background: #283248 !important;
}

body.mud-theme-dark .wasl-search-item--selected {
    background: #2D374E !important;
}

body.mud-theme-dark .wasl-search-item__title {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-search-item__path {
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-search-footer {
    background: #161B27 !important;
    border-top: 1px solid #2A3349 !important;
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-search-icon--purple {
    background: rgba(167, 139, 250, 0.16) !important;
    color: #A78BFA !important;
}

body.mud-theme-dark .wasl-search-icon--blue {
    background: rgba(59, 130, 246, 0.16) !important;
    color: #60A5FA !important;
}

body.mud-theme-dark .wasl-search-icon--green {
    background: rgba(16, 185, 129, 0.16) !important;
    color: #34D399 !important;
}

body.mud-theme-dark .wasl-search-icon--yellow {
    background: rgba(245, 158, 11, 0.16) !important;
    color: #FBBF24 !important;
}

/* Skeleton Loading Cards & Animations Dark Mode Overrides */
body.mud-theme-dark .mud-skeleton {
    background-color: #2A3349 !important;
    background: #2A3349 !important;
}

body.mud-theme-dark [aria-busy="true"] .mud-paper,
body.mud-theme-dark [aria-busy="true"] .mud-paper-outlined,
body.mud-theme-dark [aria-busy="true"]:not(.wasl-table-toolbar__reload-slot):not(.wasl-table-toolbar__group--reload) > div:not(.mud-progress-circular),
body.mud-theme-dark .wasl-detail-skeleton .mud-paper,
body.mud-theme-dark .wasl-form-skeleton .mud-paper,
body.mud-theme-dark .wasl-list-skeleton .mud-paper,
body.mud-theme-dark .wasl-skeleton-card,
body.mud-theme-dark .archives-skeleton-card,
body.mud-theme-dark .archives-skeleton-table,
body.mud-theme-dark .currencies-table-reload-skeleton,
body.mud-theme-dark .approval-requests-table-reload-skeleton,
body.mud-theme-dark .field-visits-table-reload-skeleton,
body.mud-theme-dark .get-item-dialog-table-skeleton,
body.mud-theme-dark .hotel-dashboard-skeleton,
body.mud-theme-dark .reservations-page-skeleton,
body.mud-theme-dark .rooms-page-skeleton,
body.mud-theme-dark .internet-vouchers-page-skeleton,
body.mud-theme-dark .scd-skeleton-info-card,
body.mud-theme-dark .scd-skeleton-table-header,
body.mud-theme-dark [style*="#F8FAFC"],
body.mud-theme-dark [style*="#f8fafc"],
body.mud-theme-dark [style*="#F1F5F9"],
body.mud-theme-dark [style*="#f1f5f9"],
body.mud-theme-dark [style*="248, 250, 252"],
body.mud-theme-dark [style*="248,250,252"],
body.mud-theme-dark [style*="241, 245, 249"],
body.mud-theme-dark [style*="241,245,249"] {
    background-color: #1E2535 !important;
    background: #1E2535 !important;
    border-color: #2A3349 !important;
}

/* Fix Reload Button Progress Spinner - prevent solid background square when reloading */
body.mud-theme-dark .wasl-table-toolbar__reload-slot,
body.mud-theme-dark .wasl-table-toolbar__reload-slot *,
body.mud-theme-dark .wasl-table-toolbar__reload-slot > div,
body.mud-theme-dark .wasl-table-toolbar__reload-slot .mud-progress-circular,
body.mud-theme-dark .wasl-table-toolbar__group--reload [aria-busy="true"],
body.mud-theme-dark .wasl-table-toolbar__group--reload [aria-busy="true"] > div {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   GLOBAL DARK MODE MUDCHIP ENGINE (All Status Chips Platform-wide)
   ========================================================================== */

/* 1. Global Base Chip Theme in Dark Mode */
body.mud-theme-dark .mud-chip {
    background-color: rgba(30, 37, 53, 0.95) !important;
    background: rgba(30, 37, 53, 0.95) !important;
    color: #F1F5F9 !important;
    border: 1px solid #334155 !important;
}

body.mud-theme-dark .mud-chip * {
    color: inherit !important;
}

/* 2. Green / Success Status Chips ("مكتملة", "نشط", "تسكين", "مقبول", "تم السداد", "مغلقة") */
body.mud-theme-dark .mud-chip[style*="E6F4EA"],
body.mud-theme-dark .mud-chip[style*="e6f4ea"],
body.mud-theme-dark .mud-chip[style*="DCFCE7"],
body.mud-theme-dark .mud-chip[style*="dcfce7"],
body.mud-theme-dark .mud-chip[style*="E1F7E2"],
body.mud-theme-dark .mud-chip[style*="e1f7e2"],
body.mud-theme-dark .mud-chip[style*="E4FFE7"],
body.mud-theme-dark .mud-chip[style*="e4ffe7"],
body.mud-theme-dark .mud-chip[style*="F0FDF4"],
body.mud-theme-dark .mud-chip[style*="f0fdf4"],
body.mud-theme-dark .mud-chip[style*="ECFDF5"],
body.mud-theme-dark .mud-chip[style*="ecfdf5"],
body.mud-theme-dark .mud-chip[style*="D1E7DD"],
body.mud-theme-dark .mud-chip[style*="230, 244, 234"],
body.mud-theme-dark .mud-chip[style*="230,244,234"],
body.mud-theme-dark .mud-chip[style*="220, 252, 231"],
body.mud-theme-dark .mud-chip[style*="220,252,231"],
body.mud-theme-dark .mud-chip[style*="225, 247, 226"],
body.mud-theme-dark .mud-chip[style*="225,247,226"],
body.mud-theme-dark .mud-chip[style*="228, 255, 231"],
body.mud-theme-dark .mud-chip[style*="228,255,231"],
body.mud-theme-dark .mud-chip-color-success,
body.mud-theme-dark .mud-chip-color-tertiary {
    background-color: rgba(16, 185, 129, 0.16) !important;
    background: rgba(16, 185, 129, 0.16) !important;
    color: #34D399 !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

body.mud-theme-dark .mud-chip[style*="E6F4EA"] *,
body.mud-theme-dark .mud-chip[style*="e6f4ea"] *,
body.mud-theme-dark .mud-chip[style*="DCFCE7"] *,
body.mud-theme-dark .mud-chip[style*="dcfce7"] *,
body.mud-theme-dark .mud-chip[style*="E1F7E2"] *,
body.mud-theme-dark .mud-chip[style*="230, 244, 234"] *,
body.mud-theme-dark .mud-chip-color-success *,
body.mud-theme-dark .mud-chip-color-tertiary * {
    color: #34D399 !important;
}

/* 3. Orange / Amber / Warning Status Chips ("المكتملة", "قيد المعالجة", "قيد الانتظار", "قيد التنفيذ") */
body.mud-theme-dark .mud-chip[style*="FFFBEB"],
body.mud-theme-dark .mud-chip[style*="fffbeb"],
body.mud-theme-dark .mud-chip[style*="FEF3C7"],
body.mud-theme-dark .mud-chip[style*="fef3c7"],
body.mud-theme-dark .mud-chip[style*="FEF6EB"],
body.mud-theme-dark .mud-chip[style*="fef6eb"],
body.mud-theme-dark .mud-chip[style*="FFE9C9"],
body.mud-theme-dark .mud-chip[style*="ffe9c9"],
body.mud-theme-dark .mud-chip[style*="FFF7ED"],
body.mud-theme-dark .mud-chip[style*="fff7ed"],
body.mud-theme-dark .mud-chip[style*="FEF9C3"],
body.mud-theme-dark .mud-chip[style*="fef9c3"],
body.mud-theme-dark .mud-chip[style*="255, 251, 235"],
body.mud-theme-dark .mud-chip[style*="255,251,235"],
body.mud-theme-dark .mud-chip[style*="254, 243, 199"],
body.mud-theme-dark .mud-chip[style*="254,243,199"],
body.mud-theme-dark .mud-chip[style*="254, 246, 235"],
body.mud-theme-dark .mud-chip[style*="254,246,235"],
body.mud-theme-dark .mud-chip[style*="255, 233, 201"],
body.mud-theme-dark .mud-chip[style*="255,233,201"],
body.mud-theme-dark .mud-chip-color-warning {
    background-color: rgba(245, 158, 11, 0.16) !important;
    background: rgba(245, 158, 11, 0.16) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
}

body.mud-theme-dark .mud-chip[style*="FFFBEB"] *,
body.mud-theme-dark .mud-chip[style*="fffbeb"] *,
body.mud-theme-dark .mud-chip[style*="FEF3C7"] *,
body.mud-theme-dark .mud-chip[style*="fef3c7"] *,
body.mud-theme-dark .mud-chip[style*="FEF6EB"] *,
body.mud-theme-dark .mud-chip[style*="255, 251, 235"] *,
body.mud-theme-dark .mud-chip-color-warning * {
    color: #FBBF24 !important;
}

/* 4. Red / Danger / Error Status Chips ("ملغى", "مرفوض", "غير نشط", "متأخر", "معطل") */
body.mud-theme-dark .mud-chip[style*="FEE2E2"],
body.mud-theme-dark .mud-chip[style*="fee2e2"],
body.mud-theme-dark .mud-chip[style*="FEF2F2"],
body.mud-theme-dark .mud-chip[style*="fef2f2"],
body.mud-theme-dark .mud-chip[style*="FFEEEE"],
body.mud-theme-dark .mud-chip[style*="ffeeee"],
body.mud-theme-dark .mud-chip[style*="FFEDD5"],
body.mud-theme-dark .mud-chip[style*="ffedd5"],
body.mud-theme-dark .mud-chip[style*="254, 226, 226"],
body.mud-theme-dark .mud-chip[style*="254,226,226"],
body.mud-theme-dark .mud-chip[style*="254, 242, 242"],
body.mud-theme-dark .mud-chip[style*="254,242,242"],
body.mud-theme-dark .mud-chip[style*="255, 238, 238"],
body.mud-theme-dark .mud-chip[style*="255,238,238"],
body.mud-theme-dark .mud-chip-color-error {
    background-color: rgba(239, 68, 68, 0.16) !important;
    background: rgba(239, 68, 68, 0.16) !important;
    color: #F87171 !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
}

body.mud-theme-dark .mud-chip[style*="FEE2E2"] *,
body.mud-theme-dark .mud-chip[style*="fee2e2"] *,
body.mud-theme-dark .mud-chip[style*="FFEEEE"] *,
body.mud-theme-dark .mud-chip[style*="254, 226, 226"] *,
body.mud-theme-dark .mud-chip-color-error * {
    color: #F87171 !important;
}

/* 5. Purple / Primary Status Chips ("فاتورة المبيعات", "طلب جديد", "عام") */
body.mud-theme-dark .mud-chip-color-primary,
body.mud-theme-dark .mud-chip[style*="EEF2FF"],
body.mud-theme-dark .mud-chip[style*="eef2ff"],
body.mud-theme-dark .mud-chip[style*="F3EEFF"],
body.mud-theme-dark .mud-chip[style*="f3eeff"],
body.mud-theme-dark .mud-chip[style*="F7F3FF"],
body.mud-theme-dark .mud-chip[style*="f7f3ff"],
body.mud-theme-dark .mud-chip[style*="EDE9FE"],
body.mud-theme-dark .mud-chip[style*="ede9fe"],
body.mud-theme-dark .mud-chip[style*="238, 242, 255"],
body.mud-theme-dark .mud-chip[style*="238,242,255"],
body.mud-theme-dark .mud-chip[style*="243, 238, 255"],
body.mud-theme-dark .mud-chip[style*="243,238,255"] {
    background-color: rgba(167, 139, 250, 0.16) !important;
    background: rgba(167, 139, 250, 0.16) !important;
    color: #A78BFA !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
}

body.mud-theme-dark .mud-chip-color-primary *,
body.mud-theme-dark .mud-chip[style*="EEF2FF"] *,
body.mud-theme-dark .mud-chip[style*="eef2ff"] *,
body.mud-theme-dark .mud-chip[style*="F3EEFF"] * {
    color: #A78BFA !important;
}

/* 6. Blue / Info Status Chips ("معلومات", "تذكير", "مسودة") */
body.mud-theme-dark .mud-chip-color-info,
body.mud-theme-dark .mud-chip[style*="E0F2FE"],
body.mud-theme-dark .mud-chip[style*="e0f2fe"],
body.mud-theme-dark .mud-chip[style*="EFF6FF"],
body.mud-theme-dark .mud-chip[style*="eff6ff"],
body.mud-theme-dark .mud-chip[style*="E7EBFB"],
body.mud-theme-dark .mud-chip[style*="e7ebfb"],
body.mud-theme-dark .mud-chip[style*="D8E6FF"],
body.mud-theme-dark .mud-chip[style*="d8e6ff"],
body.mud-theme-dark .mud-chip[style*="DFE3FF"],
body.mud-theme-dark .mud-chip[style*="dfe3ff"],
body.mud-theme-dark .mud-chip[style*="224, 242, 254"],
body.mud-theme-dark .mud-chip[style*="224,242,254"],
body.mud-theme-dark .mud-chip[style*="239, 246, 255"],
body.mud-theme-dark .mud-chip[style*="239,246,255"] {
    background-color: rgba(59, 130, 246, 0.16) !important;
    background: rgba(59, 130, 246, 0.16) !important;
    color: #60A5FA !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
}

body.mud-theme-dark .mud-chip-color-info *,
body.mud-theme-dark .mud-chip[style*="E0F2FE"] *,
body.mud-theme-dark .mud-chip[style*="EFF6FF"] * {
    color: #60A5FA !important;
}

/* Invoice Details Dialog (التفاصيل) Dark Mode Overrides */
body.mud-theme-dark .invoice-details-header-card,
body.mud-theme-dark .invoice-details-footer-card {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .invoice-table-th {
    background-color: #161B27 !important;
    background: #161B27 !important;
    color: #94A3B8 !important;
    border-bottom: 1px solid #2A3349 !important;
}

body.mud-theme-dark .invoice-details-total-price {
    color: #A78BFA !important;
}

/* Tabs Toolbar, Active/Inactive Tab Labels & Border Dividers Dark Mode Overrides */
body.mud-theme-dark .mud-tabs-panels,
body.mud-theme-dark .mud-tabs-toolbar,
body.mud-theme-dark .mud-tabs-tabbar,
body.mud-theme-dark .mud-tabs-border-bottom {
    border-color: #2A3349 !important;
}

/* Upper line attached directly under tab text & indicator slider */
body.mud-theme-dark .mud-tabs-toolbar-content,
body.mud-theme-dark .follow-ups-tabs .mud-tabs-toolbar-content,
body.mud-theme-dark .follow-up-settings-template__tabs .mud-tabs-toolbar-content,
body.mud-theme-dark .mud-tabs-border {
    border-bottom: 1px solid #2A3349 !important;
    border-bottom-color: #2A3349 !important;
}

/* Inactive Tab Text (فاتورة مرتجع، سند قبض...) */
body.mud-theme-dark .mud-tab,
body.mud-theme-dark .mud-tab-text,
body.mud-theme-dark .mud-tab .mud-button-label {
    color: #94A3B8 !important;
    font-weight: 500 !important;
}

body.mud-theme-dark .mud-tab:hover,
body.mud-theme-dark .mud-tab:hover .mud-tab-text,
body.mud-theme-dark .mud-tab:hover .mud-button-label {
    color: #F8FAFC !important;
}

/* Active Tab Text (فاتورة المبيعات) */
body.mud-theme-dark .mud-tab.mud-tab-active,
body.mud-theme-dark .mud-tab--active,
body.mud-theme-dark .mud-tab[aria-selected="true"],
body.mud-theme-dark .mud-tab.mud-tab-active .mud-tab-text,
body.mud-theme-dark .mud-tab--active .mud-tab-text,
body.mud-theme-dark .mud-tab[aria-selected="true"] .mud-tab-text,
body.mud-theme-dark .mud-tab.mud-tab-active.mud-button-root,
body.mud-theme-dark .mud-tab-active .mud-button-label,
body.mud-theme-dark .mud-tabs .mud-tab.mud-tab-active {
    color: #A78BFA !important;
    font-weight: 700 !important;
}

/* Active Tab Underline Indicator Bar */
body.mud-theme-dark .mud-tab-slider {
    background-color: #A78BFA !important;
    background: #A78BFA !important;
    box-shadow: 0 0 10px rgba(167, 139, 250, 0.5) !important;
}

/* ==========================================================================
   GLOBAL DARK MODE CARD ENGINE (Service Cards / Reservation Cards / Stat Cards)
   ========================================================================== */

/* 1. Reservation & Service Cards (.er-card) */
body.mud-theme-dark .er-card {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

body.mud-theme-dark .er-card:hover {
    border-color: #A78BFA !important;
    box-shadow: 0 8px 30px rgba(167, 139, 250, 0.2) !important;
}

body.mud-theme-dark .er-card__guest {
    color: #F8FAFC !important;
}

body.mud-theme-dark .er-card__label,
body.mud-theme-dark .er-card__info-label,
body.mud-theme-dark .er-card__node-label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .er-card__key-info {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .er-card__info-val,
body.mud-theme-dark .er-card__node-date {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .er-card__info-icon,
body.mud-theme-dark .er-card__arrow-icon {
    color: #94A3B8 !important;
}

body.mud-theme-dark .er-card__timeline-box {
    background: #161B27 !important;
    background-color: #161B27 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .er-card__timeline-arrow {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border-color: #334155 !important;
}

/* 2. Stat Cards, Summary Cards, Section Cards & General Cards */
body.mud-theme-dark .stat-card,
body.mud-theme-dark .summary-card,
body.mud-theme-dark .section-card,
body.mud-theme-dark .contact-card,
body.mud-theme-dark .promo-premium-card,
body.mud-theme-dark .newStyOutlinePaperCard,
body.mud-theme-dark .folder-card {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border-color: #2A3349 !important;
    color: #F1F5F9 !important;
}

/* ==========================================================================
   GLOBAL DARK MODE AVATAR & ICON BOX ENGINE (Platform-wide)
   ========================================================================== */
body.mud-theme-dark .er-card__icon,
body.mud-theme-dark .wasl-avatar,
body.mud-theme-dark .mud-avatar,
body.mud-theme-dark .wasl-icon-box,
body.mud-theme-dark .card-icon-box {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
    color: #F1F5F9 !important;
}

/* Green Status Icon Box (e.g. تسكين) */
body.mud-theme-dark .er-card__icon[style*="E6F4EA"],
body.mud-theme-dark .er-card__icon[style*="e6f4ea"],
body.mud-theme-dark .er-card__icon[style*="DCFCE7"],
body.mud-theme-dark .er-card__icon[style*="dcfce7"],
body.mud-theme-dark .er-card__icon[style*="230, 244, 234"],
body.mud-theme-dark .er-card__icon[style*="230,244,234"],
body.mud-theme-dark .wasl-stat-card__icon-box[style*="ECFDF5"],
body.mud-theme-dark .wasl-stat-card__icon-box[style*="ecfdf5"],
body.mud-theme-dark .wasl-stat-card__icon-box[style*="E6F4EA"],
body.mud-theme-dark .wasl-stat-card__icon-box[style*="e6f4ea"] {
    background-color: rgba(16, 185, 129, 0.16) !important;
    background: rgba(16, 185, 129, 0.16) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

body.mud-theme-dark .er-card__icon[style*="E6F4EA"] .mud-icon-root,
body.mud-theme-dark .er-card__icon[style*="e6f4ea"] .mud-icon-root,
body.mud-theme-dark .er-card__icon[style*="DCFCE7"] .mud-icon-root,
body.mud-theme-dark .er-card__icon[style*="dcfce7"] .mud-icon-root,
body.mud-theme-dark .er-card__icon[style*="230, 244, 234"] .mud-icon-root,
body.mud-theme-dark .wasl-stat-card__icon-box[style*="ECFDF5"] .mud-icon-root,
body.mud-theme-dark .wasl-stat-card__icon-box[style*="E6F4EA"] .mud-icon-root {
    color: #34D399 !important;
}

/* Amber / Yellow Status Icon Box (e.g. المكتملة) */
body.mud-theme-dark .er-card__icon[style*="FFFBEB"],
body.mud-theme-dark .er-card__icon[style*="fffbeb"],
body.mud-theme-dark .er-card__icon[style*="FEF3C7"],
body.mud-theme-dark .er-card__icon[style*="fef3c7"],
body.mud-theme-dark .er-card__icon[style*="255, 251, 235"],
body.mud-theme-dark .er-card__icon[style*="255,251,235"],
body.mud-theme-dark .wasl-stat-card__icon-box[style*="FEF3C7"],
body.mud-theme-dark .wasl-stat-card__icon-box[style*="fef3c7"],
body.mud-theme-dark .wasl-stat-card__icon-box[style*="FFFBEB"] {
    background-color: rgba(245, 158, 11, 0.16) !important;
    background: rgba(245, 158, 11, 0.16) !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
}

body.mud-theme-dark .er-card__icon[style*="FFFBEB"] .mud-icon-root,
body.mud-theme-dark .er-card__icon[style*="fffbeb"] .mud-icon-root,
body.mud-theme-dark .er-card__icon[style*="FEF3C7"] .mud-icon-root,
body.mud-theme-dark .er-card__icon[style*="fef3c7"] .mud-icon-root,
body.mud-theme-dark .wasl-stat-card__icon-box[style*="FEF3C7"] .mud-icon-root,
body.mud-theme-dark .wasl-stat-card__icon-box[style*="FFFBEB"] .mud-icon-root {
    color: #FBBF24 !important;
}

/* Purple Status Icon Box */
body.mud-theme-dark .er-card__icon[style*="EEF2FF"],
body.mud-theme-dark .er-card__icon[style*="eef2ff"],
body.mud-theme-dark .er-card__icon[style*="F3EEFF"],
body.mud-theme-dark .er-card__icon[style*="f3eeff"],
body.mud-theme-dark .wasl-stat-card__icon-box,
body.mud-theme-dark .wasl-stat-card__icon-box[style*="EEF2FF"],
body.mud-theme-dark .wasl-stat-card__icon-box[style*="eef2ff"],
body.mud-theme-dark .wasl-stat-card__icon-box[style*="F3EEFF"] {
    background-color: rgba(167, 139, 250, 0.16) !important;
    background: rgba(167, 139, 250, 0.16) !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
}

body.mud-theme-dark .er-card__icon[style*="EEF2FF"] .mud-icon-root,
body.mud-theme-dark .er-card__icon[style*="F3EEFF"] .mud-icon-root,
body.mud-theme-dark .wasl-stat-card__icon-box .mud-icon-root {
    color: #A78BFA !important;
}

/* Red / Pink Status Icon Box */
body.mud-theme-dark .wasl-stat-card__icon-box[style*="FEE2E2"],
body.mud-theme-dark .wasl-stat-card__icon-box[style*="fee2e2"],
body.mud-theme-dark .wasl-stat-card__icon-box[style*="FFF1F2"],
body.mud-theme-dark .wasl-stat-card__icon-box[style*="fff1f2"] {
    background-color: rgba(248, 113, 113, 0.16) !important;
    background: rgba(248, 113, 113, 0.16) !important;
    border: 1px solid rgba(248, 113, 113, 0.3) !important;
}

body.mud-theme-dark .wasl-stat-card__icon-box[style*="FEE2E2"] .mud-icon-root,
body.mud-theme-dark .wasl-stat-card__icon-box[style*="FFF1F2"] .mud-icon-root {
    color: #F87171 !important;
}

/* ==========================================================================
   GLOBAL DARK MODE CARD DIVIDERS & BUTTON ENGINES (Platform-wide)
   ========================================================================== */
body.mud-theme-dark .er-card__actions,
body.mud-theme-dark .card-actions,
body.mud-theme-dark .border-t,
body.mud-theme-dark .border-top {
    border-top: 1px solid #2A3349 !important;
    border-top-color: #2A3349 !important;
}

body.mud-theme-dark .mud-divider {
    background-color: #2A3349 !important;
    border-color: #2A3349 !important;
}

/* Red Action Buttons (Exit / خروج / Cancel / Delete) */
body.mud-theme-dark .er-card__btn-reject,
body.mud-theme-dark .mud-button-text-error,
body.mud-theme-dark .mud-button-outlined-error {
    background-color: rgba(239, 68, 68, 0.16) !important;
    background: rgba(239, 68, 68, 0.16) !important;
    color: #F87171 !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
}

body.mud-theme-dark .er-card__btn-reject *,
body.mud-theme-dark .er-card__btn-reject .mud-icon-root,
body.mud-theme-dark .er-card__btn-reject .mud-button-label,
body.mud-theme-dark .mud-button-text-error *,
body.mud-theme-dark .mud-button-text-error .mud-icon-root,
body.mud-theme-dark .mud-button-text-error .mud-button-label {
    color: #F87171 !important;
}

body.mud-theme-dark .er-card__btn-reject:hover,
body.mud-theme-dark .mud-button-text-error:hover {
    background-color: rgba(239, 68, 68, 0.28) !important;
    color: #EF4444 !important;
}

/* Purple / Primary Action Buttons (View Card / عرض البطاقة) */
body.mud-theme-dark .er-card__btn-primary,
body.mud-theme-dark .mud-button-text-primary,
body.mud-theme-dark .mud-button-outlined-primary {
    background-color: rgba(167, 139, 250, 0.16) !important;
    background: rgba(167, 139, 250, 0.16) !important;
    color: #C4B5FD !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
}

body.mud-theme-dark .er-card__btn-primary *,
body.mud-theme-dark .er-card__btn-primary .mud-icon-root,
body.mud-theme-dark .er-card__btn-primary .mud-button-label,
body.mud-theme-dark .mud-button-text-primary *,
body.mud-theme-dark .mud-button-text-primary .mud-icon-root,
body.mud-theme-dark .mud-button-text-primary .mud-button-label {
    color: #C4B5FD !important;
}

body.mud-theme-dark .er-card__btn-primary:hover,
body.mud-theme-dark .mud-button-text-primary:hover {
    background-color: rgba(167, 139, 250, 0.28) !important;
    color: #A78BFA !important;
}

/* ==========================================================================
   ROOM LAYOUT CARDS (.room-premium-card) & VOUCHER CARDS (.iv-category-card)
   ========================================================================== */
body.mud-theme-dark .room-premium-card,
body.mud-theme-dark .iv-category-card {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

body.mud-theme-dark .room-premium-card:hover,
body.mud-theme-dark .iv-category-card:hover {
    border-color: #A78BFA !important;
    box-shadow: 0 8px 30px rgba(167, 139, 250, 0.2) !important;
}

body.mud-theme-dark .room-premium-card__number,
body.mud-theme-dark .room-premium-card__meta-value,
body.mud-theme-dark .iv-category-card__name {
    color: #F8FAFC !important;
}

body.mud-theme-dark .room-premium-card__label,
body.mud-theme-dark .room-premium-card__meta-label,
body.mud-theme-dark .room-premium-card__meta-icon {
    color: #94A3B8 !important;
}

body.mud-theme-dark .room-premium-card__icon,
body.mud-theme-dark .iv-category-card__icon {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
}

body.mud-theme-dark .room-premium-card__actions,
body.mud-theme-dark .iv-category-card__actions {
    border-top: 1px solid #2A3349 !important;
}

body.mud-theme-dark .room-premium-card__btn-edit {
    background-color: rgba(167, 139, 250, 0.16) !important;
    background: rgba(167, 139, 250, 0.16) !important;
    color: #C4B5FD !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
}

body.mud-theme-dark .room-premium-card__btn-edit *,
body.mud-theme-dark .room-premium-card__btn-edit .mud-icon-root,
body.mud-theme-dark .room-premium-card__btn-edit .mud-button-label {
    color: #C4B5FD !important;
}

body.mud-theme-dark .room-premium-card__btn-delete {
    background-color: rgba(239, 68, 68, 0.16) !important;
    background: rgba(239, 68, 68, 0.16) !important;
    color: #F87171 !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
}

body.mud-theme-dark .room-premium-card__btn-delete *,
body.mud-theme-dark .room-premium-card__btn-delete .mud-icon-root,
body.mud-theme-dark .room-premium-card__btn-delete .mud-button-label {
    color: #F87171 !important;
}

/* ==========================================================================
   EMPLOYEE TASK CARDS (.wasl-emp-task-card)
   ========================================================================== */
body.mud-theme-dark .wasl-emp-task-card {
    background: #1E2538 !important;
    border-color: #2A3349 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

body.mud-theme-dark .wasl-emp-task-card:hover {
    border-color: rgba(167, 139, 250, 0.45) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

body.mud-theme-dark .wasl-emp-task-card--completed {
    border-color: rgba(16, 185, 129, 0.3) !important;
}

body.mud-theme-dark .wasl-emp-task-card--waiting {
    border-color: rgba(245, 158, 11, 0.35) !important;
}

body.mud-theme-dark .wasl-emp-task-card--overdue,
body.mud-theme-dark .wasl-emp-task-card--rejected {
    border-color: rgba(239, 68, 68, 0.35) !important;
}

body.mud-theme-dark .wasl-emp-task-card__title {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-emp-task-card:hover .wasl-emp-task-card__title {
    color: #C4B5FD !important;
}

body.mud-theme-dark .wasl-emp-task-card__progress-count,
body.mud-theme-dark .wasl-emp-task-card__date,
body.mud-theme-dark .wasl-emp-task-card__date-icon {
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-emp-task-card__progress-pct {
    color: #E2E8F0 !important;
}

body.mud-theme-dark .wasl-emp-task-card__progress-pct--success {
    color: #34D399 !important;
}

body.mud-theme-dark .wasl-emp-task-card__progress-pct--error {
    color: #F87171 !important;
}

body.mud-theme-dark .wasl-emp-task-card__progress-track {
    background: #2A3349 !important;
}

body.mud-theme-dark .wasl-emp-task-card__meta {
    border-top-color: #2A3349 !important;
}

body.mud-theme-dark .wasl-emp-task-card__date-text {
    color: #E2E8F0 !important;
}

body.mud-theme-dark .wasl-emp-task-card__date--overdue .wasl-emp-task-card__date-text,
body.mud-theme-dark .wasl-emp-task-card__date--overdue .wasl-emp-task-card__date-icon {
    color: #F87171 !important;
}

body.mud-theme-dark .wasl-emp-task-card__avatar {
    border-color: #1E2538 !important;
}

body.mud-theme-dark .wasl-emp-task-card__avatar-more {
    background: rgba(108, 93, 211, 0.18) !important;
    border-color: rgba(108, 93, 211, 0.4) !important;
    color: #C4B5FD !important;
}

body.mud-theme-dark .wasl-emp-task-card__btn--primary {
    background: rgba(167, 139, 250, 0.16) !important;
    color: #C4B5FD !important;
}

body.mud-theme-dark .wasl-emp-task-card__btn--primary .mud-icon-root,
body.mud-theme-dark .wasl-emp-task-card__btn--primary .mud-button-label {
    color: #C4B5FD !important;
}

body.mud-theme-dark .wasl-emp-task-card__btn--success {
    background: rgba(16, 185, 129, 0.16) !important;
    color: #34D399 !important;
}

body.mud-theme-dark .wasl-emp-task-card__btn--success .mud-icon-root,
body.mud-theme-dark .wasl-emp-task-card__btn--success .mud-button-label {
    color: #34D399 !important;
}

body.mud-theme-dark .wasl-emp-task-card__btn--danger {
    background: rgba(239, 68, 68, 0.16) !important;
    color: #F87171 !important;
}

body.mud-theme-dark .wasl-emp-task-card__btn--danger .mud-icon-root,
body.mud-theme-dark .wasl-emp-task-card__btn--danger .mud-button-label {
    color: #F87171 !important;
}

/* ── Task details dialog ── */
body.mud-theme-dark .wasl-task-details__card,
body.mud-theme-dark .wasl-task-details__section,
body.mud-theme-dark .wasl-task-details__hero,
body.mud-theme-dark .wasl-task-details__skel-hero,
body.mud-theme-dark .wasl-task-details__skel-card,
body.mud-theme-dark .wasl-task-details__fact,
body.mud-theme-dark .wasl-task-details__chip-meta,
body.mud-theme-dark .wasl-task-details__assigner {
    background: #1E2538 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .wasl-task-details__hero--main {
    background: linear-gradient(135deg, #1E2040 0%, #221A38 100%) !important;
    border-inline-start-color: #A78BFA !important;
}

body.mud-theme-dark .wasl-task-details__seg {
    background: #161B27 !important;
}

body.mud-theme-dark .wasl-task-details__seg-btn--active {
    background: #2A3349 !important;
    color: #C4B5FD !important;
}

body.mud-theme-dark .wasl-task-details__title,
body.mud-theme-dark .wasl-task-details__fact-value,
body.mud-theme-dark .wasl-task-details__chip-meta strong {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-task-details__meta-inline,
body.mud-theme-dark .wasl-task-details__desc {
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-task-details__expand-btn {
    background: #161B27 !important;
    color: #C4B5FD !important;
}

body.mud-theme-dark .wasl-task-details__comment-list {
    background: #161B27 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .wasl-task-details__comment-list::-webkit-scrollbar-thumb {
    background: #475569 !important;
}

body.mud-theme-dark .wasl-task-details__meta-label,
body.mud-theme-dark .wasl-task-details__comment-time {
    color: #64748B !important;
}

body.mud-theme-dark .wasl-task-details__progress-track {
    background: #2A3349 !important;
}

body.mud-theme-dark .wasl-task-details__actions,
body.mud-theme-dark .wasl-task-details__comment {
    border-color: #2A3349 !important;
}

body.mud-theme-dark .wasl-task-details__section-count {
    background: rgba(167, 139, 250, 0.16) !important;
    color: #C4B5FD !important;
}

body.mud-theme-dark .wasl-task-details__card--done {
    border-color: rgba(16, 185, 129, 0.35) !important;
}

/* ==========================================================================
   GLOBAL DARK MODE DATEPICKER ENGINE (.mud-picker & MudDatePicker Popup)
   ========================================================================== */

/* 1. DatePicker Popup Container / Paper */
body.mud-theme-dark .mud-picker-paper,
body.mud-theme-dark .mud-picker-container,
body.mud-theme-dark .mud-picker-calendar-container,
body.mud-theme-dark .mud-popover:has(.mud-picker-calendar-container) > .mud-paper,
body.mud-theme-dark .mud-dialog:has(.mud-picker-calendar-container) .mud-dialog-content {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
    border-radius: 16px !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
    color: #F1F5F9 !important;
}

/* 2. Month/Year Header & Nav Buttons */
body.mud-theme-dark .mud-picker-calendar-header-switch .mud-button-root,
body.mud-theme-dark .mud-picker-calendar-header-switch .mud-typography {
    color: #F8FAFC !important;
    font-weight: 700 !important;
}

body.mud-theme-dark .mud-picker-calendar-header-switch .mud-icon-button {
    background-color: #1E2538 !important;
    color: #CBD5E1 !important;
    border: 1px solid #334155 !important;
    transition: all 0.2s ease !important;
}

body.mud-theme-dark .mud-picker-calendar-header-switch .mud-icon-button:hover {
    background-color: #6F3AFA !important;
    color: #FFFFFF !important;
    border-color: #A78BFA !important;
}

/* 3. Day of Week Headers (الأحد, الاثنين, الثلاثاء...) */
body.mud-theme-dark .mud-picker-calendar-header-day .mud-day-label,
body.mud-theme-dark .mud-picker-calendar-header-day .mud-typography {
    color: #94A3B8 !important;
    font-weight: 600 !important;
}

/* 4. Days Grid (.mud-day) */
/* Regular active days */
body.mud-theme-dark .mud-picker-calendar .mud-day {
    color: #F1F5F9 !important;
    font-weight: 600 !important;
}

body.mud-theme-dark .mud-picker-calendar .mud-day:hover {
    background-color: rgba(167, 139, 250, 0.2) !important;
    color: #C4B5FD !important;
    border-radius: 50% !important;
}

/* Today's date (bordered) */
body.mud-theme-dark .mud-picker-calendar .mud-day-today,
body.mud-theme-dark .mud-picker-calendar .mud-day.mud-day-today {
    border: 1px solid #A78BFA !important;
    color: #A78BFA !important;
    border-radius: 8px !important;
}

/* Selected date (filled purple circle) */
body.mud-theme-dark .mud-picker-calendar .mud-selected,
body.mud-theme-dark .mud-picker-calendar .mud-day.mud-selected,
body.mud-theme-dark .mud-picker-calendar .mud-button-root.mud-selected {
    background-color: #6F3AFA !important;
    background: #6F3AFA !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 12px rgba(111, 58, 250, 0.5) !important;
}

body.mud-theme-dark .mud-picker-calendar .mud-selected .mud-typography,
body.mud-theme-dark .mud-picker-calendar .mud-day.mud-selected .mud-typography {
    color: #FFFFFF !important;
}

/* Past / Disabled / Out-of-month days — make clearly legible! */
body.mud-theme-dark .mud-picker-calendar .mud-day.mud-disabled,
body.mud-theme-dark .mud-picker-calendar .mud-day[disabled],
body.mud-theme-dark .mud-picker-calendar .mud-day-out-of-month {
    color: #64748B !important;
    opacity: 0.55 !important;
}

/* Year & Month Selection Views */
body.mud-theme-dark .mud-picker-month .mud-typography,
body.mud-theme-dark .mud-picker-year .mud-typography {
    color: #CBD5E1 !important;
}

body.mud-theme-dark .mud-picker-month:hover,
body.mud-theme-dark .mud-picker-year:hover {
    color: #A78BFA !important;
    background-color: rgba(167, 139, 250, 0.15) !important;
}

/* ==========================================================================
   GLOBAL DARK MODE DOCUMENT TYPE SELECTION CARDS (.doc-type-card)
   ========================================================================== */

body.mud-theme-dark .doc-type-card {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .doc-type-card:not(.disabled):hover {
    border-color: #A78BFA !important;
    box-shadow: 0 8px 30px rgba(167, 139, 250, 0.2) !important;
}

body.mud-theme-dark .doc-type-card .mud-typography,
body.mud-theme-dark .doc-type-card [style*="#1E293B"],
body.mud-theme-dark .doc-type-card [style*="1e293b"] {
    color: #F8FAFC !important;
}

/* Sales Invoice icon container (#EEF2FF) */
body.mud-theme-dark .doc-type-card .doc-icon-container[style*="EEF2FF"],
body.mud-theme-dark .doc-type-card .doc-icon-container[style*="eef2ff"] {
    background-color: rgba(167, 139, 250, 0.16) !important;
    background: rgba(167, 139, 250, 0.16) !important;
    color: #A78BFA !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
}

/* Return Invoice icon container (#FEF2F2) */
body.mud-theme-dark .doc-type-card .doc-icon-container[style*="FEF2F2"],
body.mud-theme-dark .doc-type-card .doc-icon-container[style*="fef2f2"] {
    background-color: rgba(239, 68, 68, 0.16) !important;
    background: rgba(239, 68, 68, 0.16) !important;
    color: #F87171 !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
}

/* Receipt Voucher icon container (#ECFDF5) */
body.mud-theme-dark .doc-type-card .doc-icon-container[style*="ECFDF5"],
body.mud-theme-dark .doc-type-card .doc-icon-container[style*="ecfdf5"] {
    background-color: rgba(16, 185, 129, 0.16) !important;
    background: rgba(16, 185, 129, 0.16) !important;
    color: #34D399 !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

/* Payment Voucher icon container (#FFFBEB) */
body.mud-theme-dark .doc-type-card .doc-icon-container[style*="FFFBEB"],
body.mud-theme-dark .doc-type-card .doc-icon-container[style*="fffbeb"] {
    background-color: rgba(245, 158, 11, 0.16) !important;
    background: rgba(245, 158, 11, 0.16) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
}

/* ==========================================================================
   HOTEL DASHBOARD (.hotel-dashboard) DARK MODE ENGINE
   ========================================================================== */

/* 1. Dashboard Cards (.hotel-dashboard__panel) */
body.mud-theme-dark .hotel-dashboard__panel {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

body.mud-theme-dark .hotel-dashboard__panel-title {
    color: #F8FAFC !important;
}

body.mud-theme-dark .hotel-dashboard__total {
    color: #94A3B8 !important;
}

/* 2. Metric Items Inside Dashboard Card (.hotel-dashboard__metric) */
body.mud-theme-dark .hotel-dashboard__metric[style*="#6F3AFA"],
body.mud-theme-dark .hotel-dashboard__metric[style*="#6f3afa"],
body.mud-theme-dark .hotel-dashboard__metric[style*="111, 58, 250"],
body.mud-theme-dark .hotel-dashboard__metric[style*="111,58,250"] {
    --hd-accent: #A78BFA !important;
}

body.mud-theme-dark .hotel-dashboard__metric {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
    border-inline-start: 4px solid var(--hd-accent, #A78BFA) !important;
    border-right: 4px solid var(--hd-accent, #A78BFA) !important;
}

body.mud-theme-dark .hotel-dashboard__metric-label {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .hotel-dashboard__metric-icon {
    background-color: rgba(167, 139, 250, 0.12) !important;
    background: rgba(167, 139, 250, 0.12) !important;
    color: var(--hd-accent, #A78BFA) !important;
    border: 1px solid rgba(167, 139, 250, 0.25) !important;
}

body.mud-theme-dark .hotel-dashboard__metric-icon .mud-icon-root {
    color: var(--hd-accent, #A78BFA) !important;
}

body.mud-theme-dark .hotel-dashboard__metric-value {
    background-color: rgba(167, 139, 250, 0.14) !important;
    background: rgba(167, 139, 250, 0.14) !important;
    color: var(--hd-accent, #A78BFA) !important;
    border: 1px solid rgba(167, 139, 250, 0.25) !important;
}

/* 3. Empty State Inside Dashboard Cards */
body.mud-theme-dark .hotel-dashboard__empty {
    background: transparent !important;
}

body.mud-theme-dark .hotel-dashboard__empty .wasl-table-empty-state__icon-wrap {
    background-color: rgba(167, 139, 250, 0.16) !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
    color: #A78BFA !important;
}

body.mud-theme-dark .hotel-dashboard__empty .wasl-table-empty-state__title {
    color: #94A3B8 !important;
}

/* 4. Hotel Dashboard Item Cards (.hd-item-card) */
body.mud-theme-dark .hd-item-card--most {
    background: linear-gradient(160deg, rgba(233, 135, 104, 0.15) 0%, #161B27 70%) !important;
    border-color: rgba(233, 135, 104, 0.3) !important;
}

body.mud-theme-dark .hd-item-card--least {
    background: linear-gradient(160deg, rgba(53, 135, 218, 0.15) 0%, #161B27 70%) !important;
    border-color: rgba(53, 135, 218, 0.3) !important;
}

body.mud-theme-dark .hd-item-card__name,
body.mud-theme-dark .hd-item-card__number {
    color: #F8FAFC !important;
}

body.mud-theme-dark .hd-item-card__hint {
    color: #94A3B8 !important;
}

/* ==========================================================================
   GLOBAL DARK MODE CHECKBOX ENGINE (MudCheckBox & Table Selection Checkboxes)
   ========================================================================== */

/* 1. Unchecked Checkbox Icon (Clear, visible light grey outline) */
body.mud-theme-dark .mud-checkbox .mud-icon-button:not(.mud-checked) .mud-icon-root,
body.mud-theme-dark .mud-checkbox .mud-icon-button:not(.mud-checked) svg,
body.mud-theme-dark .mud-checkbox:not(.mud-checked) .mud-svg-icon,
body.mud-theme-dark .A-Table .mud-checkbox .mud-icon-button:not(.mud-checked) .mud-icon-root,
body.mud-theme-dark .mud-icon-button:not(.mud-checked) .mud-icon-root {
    color: #94A3B8 !important;
    fill: #94A3B8 !important;
    opacity: 0.85 !important;
}

body.mud-theme-dark .mud-checkbox .mud-icon-button:not(.mud-checked):hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

body.mud-theme-dark .mud-checkbox .mud-icon-button:not(.mud-checked):hover .mud-icon-root,
body.mud-theme-dark .mud-checkbox .mud-icon-button:not(.mud-checked):hover svg {
    color: #F8FAFC !important;
    fill: #F8FAFC !important;
    opacity: 1 !important;
}

/* 2. Checked Checkbox Icon (Vibrant glowing lavender purple) */
body.mud-theme-dark .mud-checkbox .mud-icon-button.mud-checked .mud-icon-root,
body.mud-theme-dark .mud-checkbox .mud-icon-button.mud-checked svg,
body.mud-theme-dark .mud-checkbox.mud-checked .mud-svg-icon,
body.mud-theme-dark .mud-checkbox--checked .mud-svg-icon,
body.mud-theme-dark .A-Table .mud-checkbox .mud-icon-button.mud-checked .mud-icon-root,
body.mud-theme-dark .mud-table-cell-checkbox .mud-icon-button.mud-checked .mud-icon-root {
    color: #A78BFA !important;
    fill: #A78BFA !important;
    opacity: 1 !important;
    filter: drop-shadow(0 0 5px rgba(167, 139, 250, 0.5)) !important;
}

body.mud-theme-dark .mud-checkbox .mud-icon-button.mud-checked,
body.mud-theme-dark .mud-table-cell-checkbox .mud-icon-button.mud-checked {
    background-color: rgba(167, 139, 250, 0.12) !important;
    color: #A78BFA !important;
}

body.mud-theme-dark .mud-checkbox .mud-icon-button.mud-checked:hover,
body.mud-theme-dark .mud-table-cell-checkbox .mud-icon-button.mud-checked:hover {
    background-color: rgba(167, 139, 250, 0.22) !important;
}

/* 3. Indeterminate Checkbox (Header "Select All" / Partial Select) */
body.mud-theme-dark .mud-checkbox .mud-icon-button:has([data-icon*="Minus"]) .mud-icon-root,
body.mud-theme-dark .mud-table-cell-checkbox .mud-icon-button .mud-icon-root {
    color: #A78BFA !important;
    fill: #A78BFA !important;
}

/* 4. Native HTML Checkboxes */
body.mud-theme-dark input[type="checkbox"] {
    accent-color: #6F3AFA !important;
    border-color: #475569 !important;
}

/* ==========================================================================
   TABLE ACTION BAR ENGINE (.order-item-action-bar)
   ========================================================================== */
body.mud-theme-dark .order-item-action-bar,
body.mud-theme-dark .order-items-table .order-item-action-bar,
body.mud-theme-dark .beneficiary-view-page__action-bar {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

/* Base Action Button (Neutral light grey icons, clean transparent background) */
body.mud-theme-dark .order-item-action-btn,
body.mud-theme-dark .order-items-table .order-item-action-btn,
body.mud-theme-dark .beneficiary-view-page__action-bar .order-item-action-btn {
    color: #94A3B8 !important;
    background-color: transparent !important;
    background: transparent !important;
    border-radius: 6px !important;
}

body.mud-theme-dark .order-item-action-btn .mud-icon-root,
body.mud-theme-dark .order-item-action-btn svg,
body.mud-theme-dark .order-items-table .order-item-action-btn .mud-icon-root {
    color: #94A3B8 !important;
    fill: #94A3B8 !important;
}

body.mud-theme-dark .order-item-action-btn:hover,
body.mud-theme-dark .order-items-table .order-item-action-btn:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .order-item-action-btn:hover .mud-icon-root,
body.mud-theme-dark .order-item-action-btn:hover svg {
    color: #F8FAFC !important;
    fill: #F8FAFC !important;
}

/* Specific Delete / Red Action Buttons */
body.mud-theme-dark .order-item-action-btn[color="Color.Error"],
body.mud-theme-dark .order-item-action-btn.mud-button-text-error,
body.mud-theme-dark .order-item-action-btn--delete {
    color: #F87171 !important;
}

body.mud-theme-dark .order-item-action-btn[color="Color.Error"]:hover,
body.mud-theme-dark .order-item-action-btn.mud-button-text-error:hover {
    background-color: rgba(239, 68, 68, 0.16) !important;
    color: #F87171 !important;
}

/* ==========================================================================
   ROOM DEVICES CARDS (.rd-card) DARK MODE ENGINE
   ========================================================================== */

/* 1. Device Cards Container */
body.mud-theme-dark .rd-card {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

body.mud-theme-dark .rd-card--unlinked {
    background: linear-gradient(180deg, rgba(245, 158, 11, 0.08) 0%, #1E2538 42%) !important;
    border: 1px dashed rgba(245, 158, 11, 0.5) !important;
}

body.mud-theme-dark .rd-card:hover {
    border-color: #A78BFA !important;
    box-shadow: 0 12px 28px rgba(167, 139, 250, 0.2) !important;
}

body.mud-theme-dark .rd-card--unlinked:hover {
    border-color: #F59E0B !important;
    box-shadow: 0 12px 28px rgba(245, 158, 11, 0.25) !important;
}

/* 2. Device 3D Preview Box */
body.mud-theme-dark .rd-card__preview {
    background: linear-gradient(165deg, #161B27 0%, #1A202C 55%, #161B27 100%) !important;
    border: 1px solid #2A3349 !important;
}

/* 3. Device Identity Text */
body.mud-theme-dark .rd-card__label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .rd-card__code {
    color: #F8FAFC !important;
}

body.mud-theme-dark .rd-card__name {
    color: #A78BFA !important;
}

/* 4. Footer & Room Chips */
body.mud-theme-dark .rd-card__footer {
    border-top: 1px solid #2A3349 !important;
}

body.mud-theme-dark .rd-card__date {
    color: #94A3B8 !important;
}

body.mud-theme-dark .rd-card__room-chip--unlinked {
    background-color: rgba(245, 158, 11, 0.16) !important;
    background: rgba(245, 158, 11, 0.16) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
}

/* ==========================================================================
   ROOM DEVICE DIALOG (.rd-dialog) DARK MODE ENGINE
   ========================================================================== */

/* 1. Code Box Container (Top Info Card) */
body.mud-theme-dark .rd-dialog__code-box {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
}

body.mud-theme-dark .rd-dialog__code-icon {
    background-color: rgba(167, 139, 250, 0.16) !important;
    background: rgba(167, 139, 250, 0.16) !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
    color: #A78BFA !important;
}

body.mud-theme-dark .rd-dialog__code-label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .rd-dialog__code-value {
    color: #F8FAFC !important;
}

/* 2. Display / Readonly Text Field (.rd-dialog__display-field) */
body.mud-theme-dark .rd-dialog__display-field .mud-input-outlined,
body.mud-theme-dark .rd-dialog__display-field .mud-input-slot,
body.mud-theme-dark .rd-dialog__display-field .mud-input > input,
body.mud-theme-dark .rd-dialog__display-field input {
    background-color: #161B27 !important;
    background: #161B27 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .rd-dialog__display-field .mud-input-outlined .mud-input-outlined-border {
    border-color: #2A3349 !important;
}

/* ==========================================================================
   INTERNET VOUCHERS (.iv-*) DARK MODE ENGINE
   ========================================================================== */

/* ── 1. Category Cards (.iv-category-card) ── */
body.mud-theme-dark .iv-category-card {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

body.mud-theme-dark .iv-category-card__label,
body.mud-theme-dark .iv-category-card__meta-label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .iv-category-card__number,
body.mud-theme-dark .iv-category-card__meta-value {
    color: #F8FAFC !important;
}

body.mud-theme-dark .iv-category-card__watermark {
    color: rgba(255, 255, 255, 0.04) !important;
}

body.mud-theme-dark .iv-category-card__meta-item {
    border-color: #2A3349 !important;
}

/* ── 2. Individual Voucher Cards (.iv-voucher-card) ── */
body.mud-theme-dark .iv-voucher-card {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

body.mud-theme-dark .iv-voucher-card:hover {
    border-color: #A78BFA !important;
    box-shadow: 0 12px 28px rgba(167, 139, 250, 0.2) !important;
}

body.mud-theme-dark .iv-voucher-card__eyebrow,
body.mud-theme-dark .iv-voucher-card__secret-label,
body.mud-theme-dark .iv-voucher-card__meta-label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .iv-voucher-card__username,
body.mud-theme-dark .iv-voucher-card__secret-value,
body.mud-theme-dark .iv-voucher-card__meta-value {
    color: #F8FAFC !important;
}

body.mud-theme-dark .iv-voucher-card__icon {
    background-color: rgba(167, 139, 250, 0.16) !important;
    color: #A78BFA !important;
}

body.mud-theme-dark .iv-voucher-card--used .iv-voucher-card__icon {
    background-color: rgba(100, 116, 139, 0.16) !important;
    color: #94A3B8 !important;
}

body.mud-theme-dark .iv-voucher-card__secret {
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
}

body.mud-theme-dark .iv-voucher-card__eye {
    color: #A78BFA !important;
}

body.mud-theme-dark .iv-voucher-card__actions {
    border-top: 1px solid #2A3349 !important;
}

body.mud-theme-dark .iv-voucher-card__price {
    color: #A78BFA !important;
}

/* ── 3. Details Drawer (.iv-details-drawer) ── */
body.mud-theme-dark .iv-details-drawer {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border-inline-start: 1px solid #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .iv-details__title,
body.mud-theme-dark .iv-details__section-title {
    color: #F8FAFC !important;
}

body.mud-theme-dark .iv-details__hero {
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
}

body.mud-theme-dark .iv-details__hero-label,
body.mud-theme-dark .iv-details__credential-label,
body.mud-theme-dark .iv-details__field-label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .iv-details__hero-username,
body.mud-theme-dark .iv-details__credential-value,
body.mud-theme-dark .iv-details__field-value {
    color: #F8FAFC !important;
}

body.mud-theme-dark .iv-details__hero-price {
    color: #A78BFA !important;
}

body.mud-theme-dark .iv-details__credential {
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
}

body.mud-theme-dark .iv-details__icon-btn {
    color: #A78BFA !important;
}

body.mud-theme-dark .iv-details__field {
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
}

/* ==========================================================================
   LANDING AUTH & LOGIN PAGE DARK MODE ENGINE (.landing-auth)
   ========================================================================== */

/* 1. Form Panel Background (Dark Navy Surface) */
body.mud-theme-dark .landing-auth__form-panel {
    background-color: #0F1117 !important;
    background: #0F1117 !important;
}

/* 2. Titles & Subtitles */
body.mud-theme-dark .landing-auth__title,
body.mud-theme-dark .landing-auth__header h1,
body.mud-theme-dark .landing-auth__header h2,
body.mud-theme-dark .landing-auth__header h3,
body.mud-theme-dark .landing-auth__header .mud-typography-h3 {
    color: #F8FAFC !important;
}

body.mud-theme-dark .landing-auth__subtitle,
body.mud-theme-dark .landing-auth__header p,
body.mud-theme-dark .landing-auth__header .mud-typography-body2 {
    color: #94A3B8 !important;
}

/* 3. Field Labels & Input Fields */
body.mud-theme-dark .landing-auth__project-field label,
body.mud-theme-dark .landing-auth__project-field .mud-typography,
body.mud-theme-dark .landing-auth__project-field span,
body.mud-theme-dark .landing-auth__label {
    color: #CBD5E1 !important;
}

body.mud-theme-dark .landing-auth__form-panel .mud-input,
body.mud-theme-dark .landing-auth__form-panel .mud-input-outlined,
body.mud-theme-dark .landing-auth__form-panel .mud-input-slot,
body.mud-theme-dark .landing-auth__form-panel .mud-input-root {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border-radius: 12px !important;
}

body.mud-theme-dark .landing-auth__form-panel .mud-input-outlined .mud-input-outlined-border {
    border-color: #2A3349 !important;
}

body.mud-theme-dark .landing-auth__form-panel .mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: #A78BFA !important;
}

body.mud-theme-dark .landing-auth__form-panel .mud-input > input,
body.mud-theme-dark .landing-auth__form-panel input,
body.mud-theme-dark .landing-auth__input {
    background-color: #161B27 !important;
    background: #161B27 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .landing-auth__form-panel .mud-input > input::placeholder,
body.mud-theme-dark .landing-auth__form-panel input::placeholder,
body.mud-theme-dark .landing-auth__input::placeholder {
    color: #64748B !important;
}

body.mud-theme-dark .landing-auth__form-panel .mud-input-adornment .mud-icon-button {
    color: #94A3B8 !important;
}

/* Fix WebKit Browser Autofill in Dark Mode (Prevent white/blue background on saved credentials) */
body.mud-theme-dark input:-webkit-autofill,
body.mud-theme-dark input:-webkit-autofill:hover,
body.mud-theme-dark input:-webkit-autofill:focus,
body.mud-theme-dark input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #161B27 inset !important;
    box-shadow: 0 0 0 1000px #161B27 inset !important;
    -webkit-text-fill-color: #F8FAFC !important;
    caret-color: #F8FAFC !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* 4. Remember Me Checkbox & Forget Password Link */
body.mud-theme-dark .landing-auth__meta-row .mud-checkbox .mud-typography,
body.mud-theme-dark .landing-auth__meta-row label {
    color: #CBD5E1 !important;
}

body.mud-theme-dark .landing-auth__meta-row .mud-link {
    color: #A78BFA !important;
}

/* 5. Toolbar Top Buttons (Language toggle & Back arrow) */
body.mud-theme-dark .landing-auth__toolbar-btn {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .landing-auth__toolbar-btn .mud-icon-root,
body.mud-theme-dark .landing-auth__toolbar-btn svg {
    color: #F1F5F9 !important;
    fill: #F1F5F9 !important;
}

body.mud-theme-dark .landing-auth__toolbar-btn:hover {
    background-color: #1E2538 !important;
    border-color: #A78BFA !important;
}

/* 6. Copyright Footer */
body.mud-theme-dark .landing-auth__copyright {
    color: #64748B !important;
}

/* 7. Form Icon Circle (Lock/Key Header Badge) */
body.mud-theme-dark .landing-auth__form-icon {
    background-color: rgba(167, 139, 250, 0.16) !important;
    background: rgba(167, 139, 250, 0.16) !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
    color: #A78BFA !important;
}

body.mud-theme-dark .landing-auth__form-icon .mud-icon-root {
    color: #A78BFA !important;
}

/* 8. Dividers & Alternate Buttons ("أو استعادة الحساب عن طريق") */
body.mud-theme-dark .landing-auth__divider-line {
    background: #2A3349 !important;
}

body.mud-theme-dark .landing-auth__divider-text {
    color: #94A3B8 !important;
}

body.mud-theme-dark .landing-auth__alt-btn {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .landing-auth__alt-btn:hover {
    background-color: #1E2538 !important;
    border-color: #A78BFA !important;
    color: #A78BFA !important;
}

/* 9. Back Links & Auth Links (.landing-auth__back-link) */
body.mud-theme-dark .landing-auth__back-link,
body.mud-theme-dark .landing-auth__link,
body.mud-theme-dark .landing-auth__form-panel .mud-link,
body.mud-theme-dark .landing-auth__form-panel .mud-link-primary {
    color: #A78BFA !important;
}

body.mud-theme-dark .landing-auth__back-link:hover,
body.mud-theme-dark .landing-auth__link:hover,
body.mud-theme-dark .landing-auth__form-panel .mud-link:hover {
    color: #C4B5FD !important;
}

body.mud-theme-dark .iv-details__field-icon {
    color: #94A3B8 !important;
}

/* ==========================================================================
   WASL FOLLOW-UP CARDS (.wasl-follow-up-card) DARK MODE ENGINE
   ========================================================================== */

/* 1. Card Container & Surface */
body.mud-theme-dark .wasl-follow-up-card {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

body.mud-theme-dark .wasl-follow-up-card:hover {
    border-color: #A78BFA !important;
    box-shadow: 0 12px 28px rgba(167, 139, 250, 0.2) !important;
}

/* 2. Top Cover Canvas Area */
body.mud-theme-dark .wasl-follow-up-card__cover {
    background-color: rgba(255, 255, 255, 0.03) !important;
    background: rgba(255, 255, 255, 0.03) !important;
}

body.mud-theme-dark .wasl-follow-up-card__archive-icon-btn {
    background-color: rgba(15, 23, 42, 0.9) !important;
    background: rgba(15, 23, 42, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .wasl-follow-up-card__icon-badge {
    background-color: rgba(255, 255, 255, 0.07) !important;
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}

body.mud-theme-dark .wasl-follow-up-card:hover .wasl-follow-up-card__icon-badge {
    background-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4) !important;
}

/* 3. Bottom Content Area & Text Colors */
body.mud-theme-dark .wasl-follow-up-card__content {
    background-color: transparent !important;
    background: transparent !important;
}

body.mud-theme-dark .wasl-follow-up-card__title {
    color: #F8FAFC !important;
}

body.mud-theme-dark .wasl-follow-up-card__sig-pill {
    background-color: rgba(255, 255, 255, 0.06) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .wasl-follow-up-card__team-name {
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-follow-up-card__team-icon {
    color: #64748B !important;
}

body.mud-theme-dark .wasl-follow-up-card__footer {
    border-top-color: #2A3349 !important;
}

body.mud-theme-dark .wasl-follow-up-card .mud-avatar {
    background-color: #161B27 !important;
    border: 1px solid #2A3349 !important;
    color: #A78BFA !important;
}

/* ==========================================================================
   WASL EMPLOYEE TASK CARDS (.wasl-task-card) DARK MODE ENGINE
   ========================================================================== */

body.mud-theme-dark .wasl-task-card {
    background-color: #1E2538 !important;
    border-color: #2A3349 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
}

body.mud-theme-dark .wasl-task-card:hover {
    border-color: rgba(167, 139, 250, 0.45) !important;
    box-shadow: 0 12px 28px -4px rgba(0, 0, 0, 0.5), 0 0 16px rgba(167, 139, 250, 0.15) !important;
}

body.mud-theme-dark .wasl-task-card--completed {
    background: linear-gradient(160deg, #1E2538 0%, rgba(16, 185, 129, 0.08) 100%) !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
}

body.mud-theme-dark .wasl-task-card--overdue {
    border-color: rgba(239, 68, 68, 0.35) !important;
}

body.mud-theme-dark .wasl-task-card--overdue .wasl-task-card__title {
    color: #FCA5A5 !important;
}

body.mud-theme-dark .wasl-task-card__meta-val--overdue {
    color: #F87171 !important;
}

body.mud-theme-dark .wasl-task-card__title {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-task-card:hover .wasl-task-card__title {
    color: #C4B5FD !important;
}

body.mud-theme-dark .wasl-task-card__desc {
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-task-card__badge--success {
    background-color: rgba(16, 185, 129, 0.15) !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
    color: #34D399 !important;
}

body.mud-theme-dark .wasl-task-card__badge--warning {
    background-color: rgba(245, 158, 11, 0.15) !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
    color: #FBBF24 !important;
}

body.mud-theme-dark .wasl-task-card__badge--primary {
    background-color: rgba(108, 93, 211, 0.18) !important;
    border-color: rgba(108, 93, 211, 0.4) !important;
    color: #C4B5FD !important;
}

body.mud-theme-dark .wasl-task-card__badge--neutral {
    background-color: #242D42 !important;
    border-color: #2A3349 !important;
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-task-card__progress-state {
    color: #E2E8F0 !important;
}

body.mud-theme-dark .wasl-task-card__progress-completed-text {
    color: #34D399 !important;
}

body.mud-theme-dark .wasl-task-card__progress-counter {
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-task-card__progress-track {
    background-color: #2A3349 !important;
}

body.mud-theme-dark .wasl-task-card__meta {
    border-top-color: #2A3349 !important;
}

body.mud-theme-dark .wasl-task-card__meta-val {
    color: #E2E8F0 !important;
}

body.mud-theme-dark .wasl-task-card__meta-label {
    color: #64748B !important;
}

body.mud-theme-dark .wasl-task-card__meta-icon {
    color: #64748B !important;
}

body.mud-theme-dark .wasl-task-card__actions {
    border-top-color: #2A3349 !important;
}

body.mud-theme-dark .wasl-task-card .mud-avatar {
    border-color: #1E2538 !important;
}

/* ── Status pages (403 / 404 / 401): drop light SVG wash, use dark surface ── */
body.mud-theme-dark .na-bg,
body.mud-theme-dark .nf-bg,
body.mud-theme-dark .session-expired-bg {
    background-image: none !important;
    background-color: var(--wasl-bg, #0F1117) !important;
    color: var(--wasl-text-primary, #F1F5F9) !important;
}

body.mud-theme-dark .na-bg .mud-typography,
body.mud-theme-dark .nf-bg .mud-typography,
body.mud-theme-dark .session-expired-bg .mud-typography {
    color: inherit;
}

body.mud-theme-dark .na-bg .mud-typography-body2,
body.mud-theme-dark .nf-bg .mud-typography-body2,
body.mud-theme-dark .session-expired-bg .mud-typography-body2 {
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-simple-appbar {
    background-color: #161B27 !important;
    border-bottom-color: #2A3349 !important;
    color: #F1F5F9 !important;
}

body.mud-theme-dark .wasl-simple-appbar .mud-typography {
    color: #F1F5F9 !important;
}

body.mud-theme-dark .na-illustration {
    opacity: 0.92;
    filter: brightness(0.92) contrast(1.05);
}

/* ==========================================================================
   GET ITEM DIALOG & FOLLOW-UPS OVERLAY DARK MODE ENGINE
   ========================================================================== */

/* 1. Follow-Ups Loading Overlay Mask (Screenshot 1) */
body.mud-theme-dark .follow-ups-reload-overlay,
body.mud-theme-dark .follow-ups-grid-stage--loading::after,
body.mud-theme-dark [aria-busy="true"] .follow-ups-reload-overlay {
    background-color: rgba(15, 17, 23, 0.75) !important;
    background: rgba(15, 17, 23, 0.75) !important;
    backdrop-filter: blur(4px) !important;
}

body.mud-theme-dark .follow-ups-reload-spinner {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

body.mud-theme-dark .follow-ups-reload-text {
    color: #F8FAFC !important;
}

/* 2. Get Item Dialog ("إضافة مستفيد") Table Container, Footer Preview & Skeleton (Screenshots 1, 2, 3) */
body.mud-theme-dark .get-item-dialog .mud-dialog-paper,
body.mud-theme-dark .get-item-dialog .mud-dialog-content,
body.mud-theme-dark .get-item-dialog .mud-dialog-actions {
    background-color: #161B27 !important;
    background: #161B27 !important;
    color: #F8FAFC !important;
    border-color: #2A3349 !important;
}

/* Footer Selected Item Text (Screenshot 1 & 2: "Ahmed Raed Al-Madhaji" + green checkmark) */
body.mud-theme-dark .get-item-dialog .mud-dialog-actions,
body.mud-theme-dark .get-item-dialog .mud-dialog-actions *,
body.mud-theme-dark .get-item-dialog-selected-preview,
body.mud-theme-dark .get-item-dialog-selected-preview span {
    color: #F8FAFC !important;
}

body.mud-theme-dark .get-item-dialog__table,
body.mud-theme-dark .get-item-dialog-table-stage,
body.mud-theme-dark .get-item-dialog-table-host,
body.mud-theme-dark .get-item-dialog-table-skeleton,
body.mud-theme-dark .get-item-dialog-loading-row,
body.mud-theme-dark .A-Table .get-item-dialog__table,
body.mud-theme-dark .get-item-dialog .mud-table,
body.mud-theme-dark .get-item-dialog .mud-table-container,
body.mud-theme-dark .get-item-dialog .mud-table-root {
    background-color: #161B27 !important;
    background: #161B27 !important;
    color: #F8FAFC !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .get-item-dialog .mud-table-head,
body.mud-theme-dark .get-item-dialog .mud-table-head .mud-table-cell,
body.mud-theme-dark .get-item-dialog .mud-th {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    color: #94A3B8 !important;
    border-bottom: 1px solid #2A3349 !important;
}

body.mud-theme-dark .get-item-dialog .mud-table-row,
body.mud-theme-dark .get-item-dialog .mud-table-cell,
body.mud-theme-dark .get-item-dialog .mud-td {
    background-color: #161B27 !important;
    color: #F8FAFC !important;
    border-bottom: 1px solid #2A3349 !important;
}

body.mud-theme-dark .get-item-dialog .empty-state,
body.mud-theme-dark .get-item-dialog .empty-state__title,
body.mud-theme-dark .get-item-dialog .empty-state__description,
body.mud-theme-dark .get-item-dialog .wasl-table-empty-state,
body.mud-theme-dark .get-item-dialog .wasl-table-empty-state * {
    color: #94A3B8 !important;
    background-color: transparent !important;
}

body.mud-theme-dark .get-item-dialog .empty-state__icon,
body.mud-theme-dark .get-item-dialog .empty-state__icon .mud-icon-root,
body.mud-theme-dark .get-item-dialog .wasl-table-empty-state .mud-icon-root {
    color: #A78BFA !important;
}

/* ==========================================================================
   ADD BENEFICIARY DIALOG (.beneficiary-picker-dialog) DARK MODE ENGINE
   ========================================================================== */

/* 1. Dialog Paper, Header & Footer */
body.mud-theme-dark .beneficiary-picker-dialog .mud-dialog-paper,
body.mud-theme-dark .beneficiary-picker-dialog .mud-dialog-content,
body.mud-theme-dark .beneficiary-picker-dialog .mud-dialog-actions {
    background-color: #161B27 !important;
    background: #161B27 !important;
    color: #F8FAFC !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .beneficiary-picker-title,
body.mud-theme-dark .beneficiary-picker-dialog .mud-dialog-title {
    color: #F8FAFC !important;
}

body.mud-theme-dark .beneficiary-create-btn {
    color: #A78BFA !important;
}

/* 2. Selected Name in Footer (Screenshot 1 & 2: "Ahmed Raed Al-Madhaji") */
body.mud-theme-dark .beneficiary-selected-name {
    color: #F8FAFC !important;
}

body.mud-theme-dark .beneficiary-selected-name .mud-icon-root {
    color: #34D399 !important;
}

/* 3. Empty State & Loading Overlay Only (Fix white rectangle on empty search without altering normal table colors) */
body.mud-theme-dark .beneficiary-table-body--empty,
body.mud-theme-dark .beneficiary-table-body--empty .mud-table-container,
body.mud-theme-dark .beneficiary-table-body--empty .mud-table-root,
body.mud-theme-dark .beneficiary-empty-state {
    background-color: #161B27 !important;
    background: #161B27 !important;
    color: #F8FAFC !important;
}

/* Selected Row Background */
body.mud-theme-dark .beneficiary-table-rows .beneficiary-row-selected,
body.mud-theme-dark .beneficiary-table-rows tr.beneficiary-row-selected,
body.mud-theme-dark .beneficiary-table-rows tr.beneficiary-row-selected td {
    background-color: rgba(167, 139, 250, 0.16) !important;
}

/* Loading Overlay */
body.mud-theme-dark .beneficiary-table-overlay,
body.mud-theme-dark .beneficiary-table-overlay--more {
    background-color: rgba(15, 17, 23, 0.75) !important;
    background: rgba(15, 17, 23, 0.75) !important;
    backdrop-filter: blur(4px) !important;
}

/* Empty State Icon & Text */
body.mud-theme-dark .beneficiary-empty-state .mud-typography,
body.mud-theme-dark .beneficiary-dialog-hint {
    color: #94A3B8 !important;
}

body.mud-theme-dark .beneficiary-empty-icon,
body.mud-theme-dark .beneficiary-empty-icon.mud-icon-root {
    color: #A78BFA !important;
    opacity: 1 !important;
}

/* ==========================================================================
   MUDTOGGLEGROUP & DOCUMENT TOGGLES (.Document_Toggles) DARK MODE ENGINE
   ========================================================================== */

body.mud-theme-dark .Document_Toggles,
body.mud-theme-dark .mud-toggle-group {
    background-color: transparent !important;
    background: transparent !important;
    border-bottom: 1px solid #2A3349 !important;
    border-bottom-color: #2A3349 !important;
    border-color: #2A3349 !important;
}

/* Unselected Toggle Items */
body.mud-theme-dark .mud-toggle-item,
body.mud-theme-dark .mud-toggle-group .mud-toggle-item,
body.mud-theme-dark .Document_Toggles .mud-toggle-item {
    color: #94A3B8 !important;
    background-color: transparent !important;
    font-weight: 500 !important;
}

body.mud-theme-dark .mud-toggle-item:hover,
body.mud-theme-dark .mud-toggle-group .mud-toggle-item:hover {
    color: #F8FAFC !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Selected Toggle Item ("فاتورة المبيعات") */
body.mud-theme-dark .mud-toggle-item.mud-toggle-item-selected,
body.mud-theme-dark .mud-toggle-item[aria-pressed="true"],
body.mud-theme-dark .mud-toggle-group .mud-toggle-item-selected,
body.mud-theme-dark .Document_Toggles .mud-toggle-item-selected {
    color: #A78BFA !important;
    font-weight: 700 !important;
    background-color: rgba(167, 139, 250, 0.12) !important;
    border-bottom: 2px solid #A78BFA !important;
}

body.mud-theme-dark .mud-toggle-item.mud-toggle-item-selected .mud-typography,
body.mud-theme-dark .mud-toggle-item[aria-pressed="true"] .mud-typography,
body.mud-theme-dark .Document_Toggles .mud-toggle-item-selected span {
    color: #A78BFA !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   INVOICE & VOUCHER HELP DIALOG (.invoice-section-help-dialog) DARK MODE ENGINE
   ========================================================================== */

body.mud-theme-dark .invoice-section-help-dialog .mud-dialog-paper,
body.mud-theme-dark .invoice-section-help-dialog .mud-dialog-content,
body.mud-theme-dark .invoice-section-help-dialog .mud-dialog-actions,
body.mud-theme-dark .invoice-help-body {
    background-color: #161B27 !important;
    background: #161B27 !important;
    color: #F8FAFC !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .invoice-help-body__heading {
    color: #A78BFA !important;
}

/* Eliminate white radial glow spot (.invoice-help-hero__glow) */
body.mud-theme-dark .invoice-help-hero__glow {
    display: none !important;
    background: none !important;
    opacity: 0 !important;
}

/* Step Cards ("1 تحديد تاريخ الإصدار...") */
body.mud-theme-dark .invoice-help-step {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .invoice-help-step__text {
    color: #F8FAFC !important;
}

body.mud-theme-dark .invoice-help-step__index {
    background-color: rgba(167, 139, 250, 0.25) !important;
    background: rgba(167, 139, 250, 0.25) !important;
    color: #A78BFA !important;
    border: 1px solid rgba(167, 139, 250, 0.4) !important;
}

/* Tip Box ("نصيحة: راجع الحقول المطلوبة...") */
body.mud-theme-dark .invoice-help-tip {
    background-color: rgba(167, 139, 250, 0.12) !important;
    background: rgba(167, 139, 250, 0.12) !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
    color: #C4B5FD !important;
}

body.mud-theme-dark .invoice-help-tip__icon {
    color: #A78BFA !important;
}

body.mud-theme-dark .invoice-help-tip__text {
    color: #C4B5FD !important;
}

/* ==========================================================================
   ADVERTISEMENT CARDS & SHOWIMAGE (.promo-premium-card, .show-image) DARK MODE ENGINE
   ========================================================================== */

/* 1. ShowImage Placeholder Container ("لا توجد صورة") */
body.mud-theme-dark .show-image__placeholder,
body.mud-theme-dark .promo-premium-card__media {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .show-image__placeholder-text {
    color: #94A3B8 !important;
}

body.mud-theme-dark .show-image__placeholder .mud-icon-root {
    color: #64748B !important;
}

/* 2. Image Fade Gradient Elimination (No more white wash on bottom of images) */
body.mud-theme-dark .promo-premium-card__media-fade {
    background: linear-gradient(to top, #1E2538 0%, transparent 100%) !important;
    opacity: 0.9;
}

/* 3. Card Body & Container Surface */
body.mud-theme-dark .promo-premium-card {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

body.mud-theme-dark .promo-premium-card:hover {
    border-color: #A78BFA !important;
    box-shadow: 0 8px 30px rgba(167, 139, 250, 0.25) !important;
}

/* 4. Action Buttons inside Cards (تعديل / حذف) */
body.mud-theme-dark .promo-premium-card__btn-edit {
    background-color: rgba(167, 139, 250, 0.16) !important;
    color: #A78BFA !important;
}

body.mud-theme-dark .promo-premium-card__btn-edit .mud-icon-root,
body.mud-theme-dark .promo-premium-card__btn-edit .mud-button-label {
    color: #A78BFA !important;
}

body.mud-theme-dark .promo-premium-card__btn-delete {
    background-color: rgba(248, 113, 113, 0.16) !important;
    color: #F87171 !important;
}

body.mud-theme-dark .promo-premium-card__btn-delete .mud-icon-root,
body.mud-theme-dark .promo-premium-card__btn-delete .mud-button-label {
    color: #F87171 !important;
}

/* Card Actions Container Divider Line (Fix white horizontal line above buttons) */
body.mud-theme-dark .promo-premium-card__actions {
    border-top: 1px solid #2A3349 !important;
    border-top-color: #2A3349 !important;
}

/* ==========================================================================
   STATUS BADGES & CHIPS ON IMAGE OVERLAYS DARK MODE ENGINE
   ========================================================================== */

/* 1. Frosted Dark Glass Capsule for Image Chips (Fix disappearing / transparent chips) */
body.mud-theme-dark .promo-premium-card__badge .mud-chip,
body.mud-theme-dark .promo-premium-card__badge .wasl-status-badge,
body.mud-theme-dark .promo-premium-card__badge .wasl-status-badge.mud-chip {
    background-color: rgba(15, 17, 23, 0.85) !important;
    background: rgba(15, 17, 23, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

/* Success / Active Status Chip ("مفعلة") */
body.mud-theme-dark .promo-premium-card__badge .mud-chip.mud-chip-color-success,
body.mud-theme-dark .promo-premium-card__badge .wasl-status-badge--success {
    border-color: rgba(52, 211, 153, 0.45) !important;
}

body.mud-theme-dark .promo-premium-card__badge .mud-chip.mud-chip-color-success *,
body.mud-theme-dark .promo-premium-card__badge .wasl-status-badge--success * {
    color: #34D399 !important;
    font-weight: 700 !important;
}

/* Warning / Expired Status Chip ("منتهية") */
body.mud-theme-dark .promo-premium-card__badge .mud-chip.mud-chip-color-warning,
body.mud-theme-dark .promo-premium-card__badge .wasl-status-badge--warning {
    border-color: rgba(251, 191, 36, 0.45) !important;
}

body.mud-theme-dark .promo-premium-card__badge .mud-chip.mud-chip-color-warning *,
body.mud-theme-dark .promo-premium-card__badge .wasl-status-badge--warning * {
    color: #FBBF24 !important;
    font-weight: 700 !important;
}

/* Error / Inactive Status Chip ("غير نشطة") */
body.mud-theme-dark .promo-premium-card__badge .mud-chip.mud-chip-color-error,
body.mud-theme-dark .promo-premium-card__badge .wasl-status-badge--error {
    border-color: rgba(248, 113, 113, 0.45) !important;
}

body.mud-theme-dark .promo-premium-card__badge .mud-chip.mud-chip-color-error *,
body.mud-theme-dark .promo-premium-card__badge .wasl-status-badge--error * {
    color: #F87171 !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   ADVERTISEMENT & PROMOTIONAL OFFER DETAILS DARK MODE ENGINE
   ========================================================================== */

/* 0. Ensure .transparent-paper outer shell remains 100% transparent in Dark Mode */
body.mud-theme-dark .transparent-paper,
body.mud-theme-dark .wasl-crud-form-layout__paper.transparent-paper,
body.mud-theme-dark .mud-paper.transparent-paper,
body.mud-theme-dark .mud-paper-outlined.transparent-paper {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* 1. Main Details Cards & Sub-Cards (.ad-details-card, .promo-details-card) */
body.mud-theme-dark .ad-details-card,
body.mud-theme-dark .promo-details-card {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
    color: #F8FAFC !important;
}

/* 2. Page Section Titles & Subtitles */
body.mud-theme-dark .ad-details__title,
body.mud-theme-dark .promo-details__title,
body.mud-theme-dark .ad-details__section-title,
body.mud-theme-dark .promo-details__section-title,
body.mud-theme-dark .ad-details-page .mud-typography,
body.mud-theme-dark .promo-details-page .mud-typography {
    color: #F8FAFC !important;
}

body.mud-theme-dark .ad-details__subtitle,
body.mud-theme-dark .promo-details__subtitle,
body.mud-theme-dark .ad-details__date-label,
body.mud-theme-dark .promo-details__date-label,
body.mud-theme-dark .ad-details__meta-label,
body.mud-theme-dark .promo-details__meta-label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .ad-details__date-value,
body.mud-theme-dark .promo-details__date-value,
body.mud-theme-dark .ad-details__meta-value,
body.mud-theme-dark .promo-details__meta-value {
    color: #F8FAFC !important;
}

/* 3. Dates Box Containers */
body.mud-theme-dark .ad-details__dates-box,
body.mud-theme-dark .promo-details__dates-box {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
}

/* 4. Type Pills */
body.mud-theme-dark .ad-details__type-pill,
body.mud-theme-dark .promo-details__type-pill {
    background-color: rgba(167, 139, 250, 0.16) !important;
    background: rgba(167, 139, 250, 0.16) !important;
    color: #C4B5FD !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
}

/* 5. Placeholder Image Container when no image */
body.mud-theme-dark .ad-details__image-box,
body.mud-theme-dark .promo-details__image-box,
body.mud-theme-dark .commercial-gallery__main-box,
body.mud-theme-dark .commercial-gallery__thumb-item {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px dashed #2A3349 !important;
    color: #94A3B8 !important;
}

/* 6. Card Actions Row & Divider */
body.mud-theme-dark .ad-details__actions-row,
body.mud-theme-dark .promo-details__actions-row {
    border-top: 1px solid #2A3349 !important;
}

body.mud-theme-dark .ad-details__btn-edit,
body.mud-theme-dark .promo-details__btn-edit {
    background-color: #6F3AFA !important;
    color: #FFFFFF !important;
}

body.mud-theme-dark .ad-details__btn-delete,
body.mud-theme-dark .promo-details__btn-delete {
    background-color: rgba(248, 113, 113, 0.16) !important;
    color: #F87171 !important;
    border: 1px solid rgba(248, 113, 113, 0.3) !important;
}

body.mud-theme-dark .ad-details__btn-back,
body.mud-theme-dark .promo-details__btn-back {
    color: #94A3B8 !important;
}

/* 7. Tables inside Details Pages (e.g. أصناف العرض) */
body.mud-theme-dark .promo-details-card .mud-table,
body.mud-theme-dark .promo-details-card .mud-table-container,
body.mud-theme-dark .promo-details-card .mud-table-root,
body.mud-theme-dark .ad-details-card .mud-table,
body.mud-theme-dark .ad-details-card .mud-table-container,
body.mud-theme-dark .ad-details-card .mud-table-root {
    background-color: #161B27 !important;
    background: #161B27 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .promo-details-card .mud-table-head,
body.mud-theme-dark .promo-details-card .mud-table-head .mud-table-cell,
body.mud-theme-dark .promo-details-card .mud-th,
body.mud-theme-dark .ad-details-card .mud-table-head,
body.mud-theme-dark .ad-details-card .mud-table-head .mud-table-cell,
body.mud-theme-dark .ad-details-card .mud-th {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    color: #F8FAFC !important;
    border-bottom: 1px solid #2A3349 !important;
}

body.mud-theme-dark .promo-details-card .mud-table-row,
body.mud-theme-dark .promo-details-card .mud-table-cell,
body.mud-theme-dark .promo-details-card .mud-td,
body.mud-theme-dark .ad-details-card .mud-table-row,
body.mud-theme-dark .ad-details-card .mud-table-cell,
body.mud-theme-dark .ad-details-card .mud-td {
    background-color: #161B27 !important;
    color: #F8FAFC !important;
    border-bottom: 1px solid #2A3349 !important;
}

/* 8. Commercial Gallery Image Box & Empty Container (.commercial-gallery) */
body.mud-theme-dark .commercial-gallery__main-box,
body.mud-theme-dark .commercial-gallery__empty,
body.mud-theme-dark .commercial-gallery__thumb,
body.mud-theme-dark .commercial-gallery__main-box .show-image__placeholder {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border-color: #2A3349 !important;
    color: #94A3B8 !important;
}

body.mud-theme-dark .commercial-gallery__empty .mud-icon-root,
body.mud-theme-dark .commercial-gallery__main-box .mud-icon-root {
    color: #64748B !important;
}

body.mud-theme-dark .commercial-gallery__empty span,
body.mud-theme-dark .commercial-gallery__empty div,
body.mud-theme-dark .commercial-gallery__main-box span {
    color: #94A3B8 !important;
}

body.mud-theme-dark .commercial-gallery__thumb:hover {
    border-color: #A78BFA !important;
}

body.mud-theme-dark .commercial-gallery__thumb--active {
    border-color: #A78BFA !important;
    box-shadow: 0 0 0 2px rgba(167, 139, 250, 0.35) !important;
}

/* ==========================================================================
   ATTENDANCE DEVICE CARD FOOTER DARK MODE ENGINE
   ========================================================================== */
.wasl-device-card-footer {
    background-color: #f4f6fa;
}

body.mud-theme-dark .wasl-device-card-footer {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    color: #F8FAFC !important;
    border-top: 1px solid #2A3349 !important;
}

body.mud-theme-dark .wasl-device-card-footer,
body.mud-theme-dark .wasl-device-card-footer *,
body.mud-theme-dark .switchDevice,
body.mud-theme-dark .switchDevice * {
    color: #F8FAFC !important;
}

/* Attendacne Device Icon Box Glass Engine */
body.mud-theme-dark .wasl-device-icon-box {
    background-color: rgba(167, 139, 250, 0.16) !important;
    background: rgba(167, 139, 250, 0.16) !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
    border-radius: 8px !important;
}

body.mud-theme-dark .wasl-device-icon-box .mud-icon-root {
    color: #A78BFA !important;
}

/* ==========================================================================
   VACATION & WORKTASK DETAILS DRAWER DARK MODE ENGINE
   ========================================================================== */

/* 1. Employee Name & Vacation Type Chips */
body.mud-theme-dark .vacation-details-name-chip {
    background-color: rgba(167, 139, 250, 0.16) !important;
    background: rgba(167, 139, 250, 0.16) !important;
    color: #C4B5FD !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
}

body.mud-theme-dark .vacation-details-chip {
    background-color: rgba(251, 191, 36, 0.16) !important;
    background: rgba(251, 191, 36, 0.16) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(251, 191, 36, 0.3) !important;
}

/* 2. Vacation Record Summary Icon Boxes & Numbers */
body.mud-theme-dark .vacation-summary-icon-box {
    background-color: rgba(167, 139, 250, 0.16) !important;
    background: rgba(167, 139, 250, 0.16) !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
}

body.mud-theme-dark .vacation-summary-count {
    color: #F8FAFC !important;
}

body.mud-theme-dark .vacation-summary-row .mud-typography {
    color: #F8FAFC !important;
}

/* ==========================================================================
   MEDIA LIBRARY (SCREENS & CHANNELS) DARK MODE ENGINE
   ========================================================================== */

/* 1. Component Media Cards & Badges (Screens.razor & Channels.razor) */
body.mud-theme-dark .sty-status {
    background-color: rgba(15, 17, 23, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(4px) !important;
}

body.mud-theme-dark .sty-status .mud-typography {
    color: #F8FAFC !important;
    font-weight: 600 !important;
}

body.mud-theme-dark .class-screen-menu {
    background-color: rgba(255, 255, 255, 0.12) !important;
    opacity: 1 !important;
}

body.mud-theme-dark .class-screen-menu .mud-icon-root {
    color: #F8FAFC !important;
}

/* 2. Channel & Screen Selection Cards (.seg-Channel, .seg-screen, .card) */
body.mud-theme-dark .seg-Channel,
body.mud-theme-dark .seg-screen,
body.mud-theme-dark .platforms .card {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .seg-Channel:hover,
body.mud-theme-dark .seg-screen:hover,
body.mud-theme-dark .platforms .card:hover {
    border-color: #A78BFA !important;
}

body.mud-theme-dark .seg-Channel.active,
body.mud-theme-dark .seg-screen.active,
body.mud-theme-dark .platforms .card.active {
    border-color: #A78BFA !important;
    box-shadow: 0 0 0 2px rgba(167, 139, 250, 0.35) !important;
}

body.mud-theme-dark .platforms .card span {
    color: #F8FAFC !important;
}

/* 3. Playlist Layout Components (.bg-1, .bg-2, .layout) */
body.mud-theme-dark .bg-1 {
    background-color: rgba(167, 139, 250, 0.2) !important;
    background: rgba(167, 139, 250, 0.2) !important;
    color: #A78BFA !important;
    border: 1px solid rgba(167, 139, 250, 0.35) !important;
}

body.mud-theme-dark .bg-2 {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    color: #94A3B8 !important;
    border: 1px solid #2A3349 !important;
}

body.mud-theme-dark .bg-1 .num_sty,
body.mud-theme-dark .bg-2 .num_sty {
    color: inherit !important;
}

/* 4. Screen Orientation & HeaderSelected Icons */
body.mud-theme-dark .bg-gray {
    background-color: #161B27 !important;
    background: #161B27 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark [style*="background-color:#E7E8E9"],
body.mud-theme-dark [style*="background-color: #E7E8E9"] {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border-color: #2A3349 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark [style*="background-color: #E8E8E8"],
body.mud-theme-dark [style*="background-color:#E8E8E8"] {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
}

/* HeaderSelected Icon Container (Screen Orientation & Channel Cards) */
body.mud-theme-dark .seg-screen .mud-paper,
body.mud-theme-dark .seg-Channel .mud-paper {
    background-color: rgba(167, 139, 250, 0.16) !important;
    background: rgba(167, 139, 250, 0.16) !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
}

body.mud-theme-dark .seg-screen .mud-paper .mud-icon-root,
body.mud-theme-dark .seg-Channel .mud-paper .mud-icon-root {
    color: #A78BFA !important;
}

body.mud-theme-dark .seg-screen .mud-typography,
body.mud-theme-dark .seg-Channel .mud-typography {
    color: #F8FAFC !important;
}

/* ==========================================================================
   ELECTRONIC ARCHIVE (FOLDER & FILE CARDS) DARK MODE ENGINE
   ========================================================================== */

/* 1. Folder & File Cards (.folder-card) */
body.mud-theme-dark .folder-card {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    border-color: #2A3349 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .folder-card:hover {
    border-color: #A78BFA !important;
    box-shadow: 0 8px 24px rgba(167, 139, 250, 0.2) !important;
}

/* 2. Folder Names, File Names & Typography Overrides */
body.mud-theme-dark .folder-card .mud-typography,
body.mud-theme-dark .folder-card .archive-card-title,
body.mud-theme-dark .folder-card [style*="color: #0f172a"],
body.mud-theme-dark .folder-card [style*="color:#0f172a"],
body.mud-theme-dark .folder-card [style*="color: #334155"],
body.mud-theme-dark .folder-card [style*="color:#334155"] {
    color: #F8FAFC !important;
}

body.mud-theme-dark .folder-card .fw-bold {
    color: #F8FAFC !important;
    font-weight: 700 !important;
}

/* 3. Dates & File Sizes on Cards */
body.mud-theme-dark .folder-card .mud-typography-caption,
body.mud-theme-dark .folder-card [style*="color: #64748b"],
body.mud-theme-dark .folder-card [style*="color:#64748b"],
body.mud-theme-dark .folder-card [style*="color: #94a3b8"],
body.mud-theme-dark .folder-card [style*="color:#94a3b8"],
body.mud-theme-dark .folder-card [style*="color:gray"],
body.mud-theme-dark .folder-card [style*="color: gray"] {
    color: #94A3B8 !important;
}

/* 4. Top Menu Button in Folder Card */
body.mud-theme-dark .folder-card .Archive .mud-icon-button {
    color: #94A3B8 !important;
}

body.mud-theme-dark .folder-card .Archive .mud-icon-button:hover {
    color: #F8FAFC !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
}

/* ==========================================================================
   BENEFICIARIES WORKSPACE & BENEFICIARY DIALOG DARK MODE ENGINE
   ========================================================================== */

/* 1. Beneficiary Card Phone Box & Contact Actions */
body.mud-theme-dark .PhoneBeneficiary {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    border-radius: 8px !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .PhoneBeneficiary .mud-typography {
    color: #F8FAFC !important;
    font-weight: 600 !important;
}

body.mud-theme-dark .PhoneBeneficiary .iconCopy .mud-button,
body.mud-theme-dark .PhoneBeneficiary .iconCopy .mud-button .mud-typography,
body.mud-theme-dark .PhoneBeneficiary .iconCopy .mud-button .mud-icon-root {
    color: #A78BFA !important;
}

body.mud-theme-dark .ContactBeneficiary {
    background-color: rgba(167, 139, 250, 0.12) !important;
    border: 1px solid rgba(167, 139, 250, 0.25) !important;
    color: #A78BFA !important;
}

body.mud-theme-dark .ContactBeneficiary:hover {
    background-color: rgba(167, 139, 250, 0.22) !important;
    border-color: #A78BFA !important;
    color: #C4B5FD !important;
}

/* 2. Beneficiary Dialog "بيانات إضافية" More Details Panel */
body.mud-theme-dark .beneficiary-contact-dialog__more,
body.mud-theme-dark .beneficiary-contact-dialog__more--open {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .beneficiary-contact-dialog__section-title,
body.mud-theme-dark .beneficiary-contact-dialog__more-content .beneficiary-contact-dialog__section-title,
body.mud-theme-dark .beneficiary-contact-dialog__more-header .beneficiary-contact-dialog__section-title {
    color: #F8FAFC !important;
    font-weight: 600 !important;
}

body.mud-theme-dark .beneficiary-contact-dialog__more-divider {
    border-color: #2A3349 !important;
    background-color: #2A3349 !important;
}

/* 3. Beneficiary Card Subtitle (e.g. "طالب", "عمل تجاري") & Titles */
body.mud-theme-dark .newStyOutlinePaperCard .mud-typography.mud-primary-text,
body.mud-theme-dark .newStyOutlinePaperCard .mud-typography-caption.mud-primary-text {
    color: #A78BFA !important;
    font-weight: 600 !important;
}

body.mud-theme-dark .newStyOutlinePaperCard .mud-typography-body2 {
    color: #F8FAFC !important;
    font-weight: 700 !important;
}

/* 4. Beneficiary Dialog Location Card ("إحداثيات الموقع") */
body.mud-theme-dark .beneficiary-form__location-card {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
}

body.mud-theme-dark .beneficiary-form__location-card .section-label {
    color: #F8FAFC !important;
    font-weight: 600 !important;
}

body.mud-theme-dark .beneficiary-form__location-card .mud-typography-caption {
    color: #94A3B8 !important;
}

/* ==========================================================================
   GLOBAL MUD-SWITCH DARK MODE ENGINE & ALIGNMENT FIX
   ========================================================================== */

/* 1. Prevent Checkbox Icon Button background from polluting Switch base */
body.mud-theme-dark .mud-switch .mud-switch-base,
body.mud-theme-dark .mud-switch .mud-switch-base.mud-icon-button,
body.mud-theme-dark .mud-switch .mud-switch-base.mud-checked,
body.mud-theme-dark .mud-switch .mud-switch-base:hover {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
}

/* 2. Switch Track Styling */
body.mud-theme-dark .mud-switch .mud-switch-track {
    background-color: #334155 !important;
    opacity: 1 !important;
    border-radius: 999px !important;
}

body.mud-theme-dark .mud-switch.mud-checked .mud-switch-track,
body.mud-theme-dark .mud-switch .mud-switch-base.mud-checked + .mud-switch-track,
body.mud-theme-dark .mud-switch[data-checked="true"] .mud-switch-track {
    background-color: #10B981 !important;
    opacity: 1 !important;
}

/* 3. Switch Thumb Styling */
body.mud-theme-dark .mud-switch .mud-switch-thumb {
    background-color: #FFFFFF !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
    border-radius: 50% !important;
}

/* ==========================================================================
   ARCHIVE ACL / PERMISSIONS PAGE & DIALOGS DARK MODE ENGINE
   ========================================================================== */

/* 1. All Table Headers in Dark Mode (including Sub-table, custom-table, and fixed-header dialogs) */
body.mud-theme-dark .A-Table .custom-table th,
body.mud-theme-dark .custom-table th,
body.mud-theme-dark .Sub-table th,
body.mud-theme-dark .Sub-table .mud-table-head th,
body.mud-theme-dark .mud-table-head th,
body.mud-theme-dark .mud-table-sticky-header th,
body.mud-theme-dark .custom-acl-table .mud-table-head,
body.mud-theme-dark .custom-acl-table .mud-table-head .mud-th,
body.mud-theme-dark .acl-loading-panel__head,
body.mud-theme-dark .acl-employee-picker-dialog .mud-table-head,
body.mud-theme-dark .acl-employee-picker-dialog .mud-table-head .mud-th,
body.mud-theme-dark .acl-employee-dialog .mud-table-head th,
body.mud-theme-dark .acl-employee-dialog th {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    color: #F8FAFC !important;
    border-bottom: 1px solid #2A3349 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

body.mud-theme-dark .acl-loading-panel__head > span {
    color: #F8FAFC !important;
    font-weight: 700 !important;
}

/* 2. Calm, Elegant Archive Root Node (.acl-page__root-node) - No harsh purple */
body.mud-theme-dark .acl-page__root-node {
    background-color: #161B27 !important;
    border: 1px solid #2A3349 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .acl-page__root-node.is-selected {
    background-color: #1E2538 !important;
    border: 1px solid rgba(167, 139, 250, 0.45) !important;
    box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.25) !important;
}

body.mud-theme-dark .acl-page__root-node-title {
    color: #F8FAFC !important;
}

body.mud-theme-dark .acl-page__root-node.is-selected .acl-page__root-node-title {
    color: #F8FAFC !important;
}

body.mud-theme-dark .acl-page__root-node-name {
    color: #94A3B8 !important;
}

body.mud-theme-dark .acl-page__root-node-icon {
    color: #A78BFA !important;
}

body.mud-theme-dark .acl-page__root-node-check {
    color: #A78BFA !important;
}

body.mud-theme-dark .acl-page__section-label {
    color: #94A3B8 !important;
}

/* 3. Calm Location Pill (.acl-page__location) - Soft dark navy */
body.mud-theme-dark .acl-page__location {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .acl-page__location .acl-page__location-label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .acl-page__location .acl-page__location-name {
    color: #F8FAFC !important;
    font-weight: 700 !important;
}

body.mud-theme-dark .acl-page__location .mud-typography-caption {
    color: #94A3B8 !important;
}

body.mud-theme-dark .acl-page__location .mud-icon-root {
    color: #A78BFA !important;
}

/* ==========================================================================
   SYSTEM & FACILITY SETTINGS DIALOG DARK MODE ENGINE
   ========================================================================== */

/* 1. Outer Dialog Container & Structure */
body.mud-theme-dark .settings-dialog.mud-dialog,
body.mud-theme-dark .settings-dialog .mud-dialog,
body.mud-theme-dark .settings-dialog__layout {
    background-color: #161B27 !important;
    background: #161B27 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .settings-dialog__title-bar {
    background-color: #161B27 !important;
    border-bottom: 1px solid #2A3349 !important;
}

body.mud-theme-dark .settings-dialog__title-text {
    color: #F8FAFC !important;
    font-weight: 700 !important;
}

body.mud-theme-dark .settings-dialog__title-icon {
    color: #A78BFA !important;
}

body.mud-theme-dark .settings-dialog__close-btn {
    color: #94A3B8 !important;
    background: transparent !important;
}

body.mud-theme-dark .settings-dialog__close-btn:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #F8FAFC !important;
}

/* 2. Sidebar Navigation (.settings-dialog__sidebar) */
body.mud-theme-dark .settings-dialog__sidebar {
    background-color: #131722 !important;
    background: #131722 !important;
    border-inline-end: 1px solid #2A3349 !important;
}

body.mud-theme-dark .settings-dialog__group-header,
body.mud-theme-dark .settings-dialog__group-icon {
    color: #64748B !important;
}

body.mud-theme-dark .settings-dialog__nav-item {
    color: #94A3B8 !important;
    background: transparent !important;
}

body.mud-theme-dark .settings-dialog__nav-item:hover {
    background-color: rgba(167, 139, 250, 0.12) !important;
    color: #A78BFA !important;
}

body.mud-theme-dark .settings-dialog__nav-item--active {
    background: #7C3AED !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.35) !important;
}

body.mud-theme-dark .settings-dialog__nav-item--active .settings-dialog__nav-icon,
body.mud-theme-dark .settings-dialog__nav-item--active .settings-dialog__nav-label {
    color: #FFFFFF !important;
}

/* 3. Main Content Area (.settings-dialog__content) */
body.mud-theme-dark .settings-dialog__content {
    background-color: #161B27 !important;
    background: #161B27 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .settings-dialog__content-header {
    border-bottom: 1px solid #2A3349 !important;
}

body.mud-theme-dark .settings-dialog__section-title {
    color: #F8FAFC !important;
    font-weight: 700 !important;
}

body.mud-theme-dark .settings-dialog__section-desc {
    color: #94A3B8 !important;
}

/* 4. Inner Setting Cards (.settings-dialog__card) */
body.mud-theme-dark .settings-dialog__card {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .settings-dialog__card-title {
    color: #F8FAFC !important;
    font-weight: 700 !important;
}

body.mud-theme-dark .settings-dialog__card-icon {
    color: #A78BFA !important;
}

body.mud-theme-dark .settings-dialog__field-label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .settings-dialog__placeholder {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px dashed #2A3349 !important;
    color: #94A3B8 !important;
}

/* 5. Checkboxes inside Settings Dialog */
body.mud-theme-dark .settings-dialog .mud-checkbox .mud-typography {
    color: #F8FAFC !important;
}

/* 6. Settings Cards Typography & Tables (Subscriptions, Users, Permissions, Currencies) */
body.mud-theme-dark .settings-dialog__card .mud-typography,
body.mud-theme-dark .settings-dialog__card [style*="color: #1E293B"],
body.mud-theme-dark .settings-dialog__card [style*="color:#1E293B"],
body.mud-theme-dark .settings-dialog__card [style*="color: #1F2430"],
body.mud-theme-dark .settings-dialog__card [style*="color:#1F2430"],
body.mud-theme-dark .settings-dialog__card [style*="color: #111827"],
body.mud-theme-dark .settings-dialog__card [style*="color:#111827"],
body.mud-theme-dark .settings-dialog__card [style*="color: #4B5563"],
body.mud-theme-dark .settings-dialog__card [style*="color:#4B5563"],
body.mud-theme-dark .settings-dialog__card [style*="color: #374151"],
body.mud-theme-dark .settings-dialog__card [style*="color:#374151"] {
    color: #F8FAFC !important;
}

body.mud-theme-dark .settings-dialog__card .mud-typography-caption,
body.mud-theme-dark .settings-dialog__card [style*="color: #64748B"],
body.mud-theme-dark .settings-dialog__card [style*="color:#64748B"],
body.mud-theme-dark .settings-dialog__card [style*="color: #475569"],
body.mud-theme-dark .settings-dialog__card [style*="color:#475569"],
body.mud-theme-dark .settings-dialog__card [style*="color: #6B7280"],
body.mud-theme-dark .settings-dialog__card [style*="color:#6B7280"] {
    color: #94A3B8 !important;
}

body.mud-theme-dark .module-icon-box {
    background-color: rgba(167, 139, 250, 0.16) !important;
    background: rgba(167, 139, 250, 0.16) !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
}

body.mud-theme-dark .module-icon-box .mud-icon-root {
    color: #A78BFA !important;
}

body.mud-theme-dark .settings-dialog__card .mud-chip.mud-chip-color-info {
    background-color: rgba(56, 189, 248, 0.12) !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
    color: #7DD3FC !important;
}

body.mud-theme-dark .settings-dialog__card .mud-chip.mud-chip-color-default {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #94A3B8 !important;
}

body.mud-theme-dark .settings-dialog__card .mud-table-head,
body.mud-theme-dark .settings-dialog__card .mud-table-head .mud-th,
body.mud-theme-dark .settings-dialog__card [style*="background: #F8FAFC"],
body.mud-theme-dark .settings-dialog__card [style*="background:#F8FAFC"] {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    color: #F8FAFC !important;
    border-bottom: 1px solid #2A3349 !important;
}

/* ==========================================================================
   SETTINGS DIALOG SECTION HEADERS & INTEGRATED COMPONENTS ENGINE
   ========================================================================== */

/* 1. Merged Section Headers in Settings (Users, Permissions, Templates, HR GPS, Pricing, Currencies) */
body.mud-theme-dark .settings-users__merged-title,
body.mud-theme-dark .settings-dialog__section-title,
body.mud-theme-dark .settings-dialog .settings-users__merged-title {
    color: #F8FAFC !important;
    font-weight: 700 !important;
}

body.mud-theme-dark .settings-users__merged-desc,
body.mud-theme-dark .settings-dialog__section-desc,
body.mud-theme-dark .settings-dialog .settings-users__merged-desc {
    color: #94A3B8 !important;
}

/* 2. HR GPS Geofence Info Alert Box */
body.mud-theme-dark [style*="background: #F0F9FF"],
body.mud-theme-dark [style*="background:#F0F9FF"],
body.mud-theme-dark [style*="background: rgb(240, 249, 255)"] {
    background-color: rgba(56, 189, 248, 0.12) !important;
    background: rgba(56, 189, 248, 0.12) !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark [style*="color: #0369A1"],
body.mud-theme-dark [style*="color:#0369A1"] {
    color: #7DD3FC !important;
}

/* 3. Digital Signature Settings & Placement Box (.follow-signature) */
body.mud-theme-dark .follow-signature__preview-panel,
body.mud-theme-dark .follow-signature__placement {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .follow-signature__placement .field-label,
body.mud-theme-dark .follow-signature__placement .mud-typography {
    color: #F8FAFC !important;
}

body.mud-theme-dark .follow-signature__placement .mud-radio .mud-typography {
    color: #F8FAFC !important;
}

body.mud-theme-dark .follow-signature__preview-title {
    color: #94A3B8 !important;
}

body.mud-theme-dark .follow-signature__preview-hint {
    color: #64748B !important;
}

/* ==========================================================================
   ATTENDANCE & EMPLOYEE LOCATION (HR) DARK MODE ENGINE
   ========================================================================== */
body.mud-theme-dark .add-location-help,
body.mud-theme-dark .employee-location-dialog-help {
    background-color: rgba(56, 189, 248, 0.12) !important;
    background: rgba(56, 189, 248, 0.12) !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
}

body.mud-theme-dark .add-location-help .mud-typography,
body.mud-theme-dark .add-location-help [style*="color:#0369A1"],
body.mud-theme-dark .add-location-help [style*="color: #0369A1"],
body.mud-theme-dark .employee-location-dialog-help .mud-typography,
body.mud-theme-dark .employee-location-dialog-help [style*="color:#0369A1"],
body.mud-theme-dark .employee-location-dialog-help [style*="color: #0369A1"] {
    color: #7DD3FC !important;
}

body.mud-theme-dark .add-location-map,
body.mud-theme-dark .employee-location-dialog-map {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
}

body.mud-theme-dark .employee-location-card {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border-color: #2A3349 !important;
}

/* ==========================================================================
   HORIZONTAL SUBNAV PILLS & WORKSPACE TABS DARK MODE ENGINE
   ========================================================================== */
body.mud-theme-dark .wasl-subnav-wrapper {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border-bottom: 1px solid #2A3349 !important;
}

body.mud-theme-dark .wasl-subnav-pill {
    color: #94A3B8 !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
    font-weight: 600 !important;
}

body.mud-theme-dark .wasl-subnav-pill .wasl-subnav-icon {
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-subnav-pill:hover:not(.wasl-subnav-pill--active) {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: #F8FAFC !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.mud-theme-dark .wasl-subnav-pill:hover:not(.wasl-subnav-pill--active) .wasl-subnav-icon {
    color: #F8FAFC !important;
}

body.mud-theme-dark .wasl-subnav-pill--active {
    background-color: rgba(167, 139, 250, 0.16) !important;
    background: rgba(167, 139, 250, 0.16) !important;
    color: #A78BFA !important;
    border: 1px solid rgba(167, 139, 250, 0.38) !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}

body.mud-theme-dark .wasl-subnav-pill--active .wasl-subnav-icon,
body.mud-theme-dark .wasl-subnav-pill--active .wasl-subnav-text {
    color: #A78BFA !important;
}

/* ==========================================================================
   FIELD VISITS MAP & LEAFLET POPUP DARK MODE ENGINE
   ========================================================================== */

/* 1. Field Visits Map Custom Popup (.fv-map-popup) */
body.mud-theme-dark .fv-map-popup {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
    color: #F8FAFC !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6) !important;
}

body.mud-theme-dark .fv-map-popup .mud-typography {
    color: #F8FAFC !important;
}

body.mud-theme-dark .fv-map-popup .mud-typography-caption,
body.mud-theme-dark .fv-map-popup .fv-map-popup__meta-item .mud-typography-caption:first-child {
    color: #94A3B8 !important;
}

body.mud-theme-dark .fv-map-popup .fv-map-popup__meta-item .mud-icon-root {
    color: #94A3B8 !important;
}

body.mud-theme-dark .fv-map-popup__icon {
    background: #7C3AED !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 12px rgba(124, 58, 237, 0.4) !important;
}

body.mud-theme-dark .fv-map-popup__details-btn {
    background: rgba(167, 139, 250, 0.16) !important;
    color: #A78BFA !important;
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
    font-weight: 700 !important;
}

body.mud-theme-dark .fv-map-popup__details-btn:hover {
    background: rgba(167, 139, 250, 0.28) !important;
    color: #FFFFFF !important;
}

/* 2. Standard Leaflet Map Popups (.leaflet-popup) */
body.mud-theme-dark .leaflet-popup-content-wrapper,
body.mud-theme-dark .leaflet-popup-tip {
    background-color: #161B27 !important;
    background: #161B27 !important;
    color: #F8FAFC !important;
    border: 1px solid #2A3349 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

body.mud-theme-dark .leaflet-popup-content {
    color: #F8FAFC !important;
}

body.mud-theme-dark .fv-map-empty {
    background-color: rgba(15, 17, 23, 0.85) !important;
    color: #94A3B8 !important;
}

/* 3. Nearby Visits Bottom Card (.fv-map-nearby) */
body.mud-theme-dark .fv-map-nearby {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
    color: #F8FAFC !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6) !important;
}

body.mud-theme-dark .fv-map-nearby .mud-typography {
    color: #F8FAFC !important;
}

body.mud-theme-dark .fv-map-nearby .mud-text-secondary,
body.mud-theme-dark .fv-map-nearby .mud-typography-caption {
    color: #94A3B8 !important;
}

body.mud-theme-dark .fv-map-nearby__item:hover {
    background-color: rgba(167, 139, 250, 0.12) !important;
    background: rgba(167, 139, 250, 0.12) !important;
}

/* ==========================================================================
   TABLE TOOLBAR FILTER BUTTON DARK MODE ENGINE
   ========================================================================== */
body.mud-theme-dark .wasl-table-toolbar .mud-button-filled-default.Wasl-btn,
body.mud-theme-dark .wasl-table-toolbar .WasFormButton .mud-button-filled-default,
body.mud-theme-dark .wasl-table-filter-menu .mud-button-filled-default.Wasl-btn,
body.mud-theme-dark .wasl-table-filter-menu__activator .mud-button-filled-default,
body.mud-theme-dark .wasl-table-toolbar .mud-menu .mud-button-filled-default {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    color: #F8FAFC !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.2s ease-in-out !important;
}

body.mud-theme-dark .wasl-table-toolbar .mud-button-filled-default.Wasl-btn .mud-icon-root,
body.mud-theme-dark .wasl-table-toolbar .WasFormButton .mud-button-filled-default .mud-icon-root,
body.mud-theme-dark .wasl-table-filter-menu .mud-button-filled-default.Wasl-btn .mud-icon-root,
body.mud-theme-dark .wasl-table-toolbar .mud-menu .mud-button-filled-default .mud-icon-root {
    color: #94A3B8 !important;
}

body.mud-theme-dark .wasl-table-toolbar .mud-button-filled-default.Wasl-btn:hover,
body.mud-theme-dark .wasl-table-toolbar .WasFormButton .mud-button-filled-default:hover,
body.mud-theme-dark .wasl-table-filter-menu .mud-button-filled-default.Wasl-btn:hover,
body.mud-theme-dark .wasl-table-filter-menu__activator .mud-button-filled-default:hover,
body.mud-theme-dark .wasl-table-toolbar .mud-menu .mud-button-filled-default:hover {
    background-color: #262F46 !important;
    background: #262F46 !important;
    border-color: #A78BFA !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(167, 139, 250, 0.2) !important;
}

body.mud-theme-dark .wasl-table-toolbar .mud-button-filled-default.Wasl-btn:hover .mud-icon-root,
body.mud-theme-dark .wasl-table-toolbar .WasFormButton .mud-button-filled-default:hover .mud-icon-root,
body.mud-theme-dark .wasl-table-filter-menu .mud-button-filled-default.Wasl-btn:hover .mud-icon-root,
body.mud-theme-dark .wasl-table-toolbar .mud-menu .mud-button-filled-default:hover .mud-icon-root {
    color: #A78BFA !important;
}

/* ==========================================================================
   ITEM DETAILS & COMMERCIAL GALLERY DARK MODE ENGINE
   ========================================================================== */

/* 1. Item Details Main Cards */
body.mud-theme-dark .item-details-card {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* 2. Item Typography & Headers */
body.mud-theme-dark .item-details__title {
    color: #F8FAFC !important;
}

body.mud-theme-dark .item-details__subtitle {
    color: #94A3B8 !important;
}

body.mud-theme-dark .item-details__desc-box {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    color: #E2E8F0 !important;
}

/* 3. Header Badges & Category Pills */
body.mud-theme-dark .item-details__pill {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border-color: #2A3349 !important;
    color: #E2E8F0 !important;
}

body.mud-theme-dark .item-details__pill--purple {
    background-color: rgba(167, 139, 250, 0.14) !important;
    background: rgba(167, 139, 250, 0.14) !important;
    border-color: rgba(167, 139, 250, 0.3) !important;
    color: #C4B5FD !important;
}

body.mud-theme-dark .item-details__pill--amber {
    background-color: rgba(251, 191, 36, 0.14) !important;
    background: rgba(251, 191, 36, 0.14) !important;
    border-color: rgba(251, 191, 36, 0.3) !important;
    color: #FDE68A !important;
}

body.mud-theme-dark .item-details__pill--cyan {
    background-color: rgba(56, 189, 248, 0.14) !important;
    background: rgba(56, 189, 248, 0.14) !important;
    border-color: rgba(56, 189, 248, 0.3) !important;
    color: #7DD3FC !important;
}

/* 4. Action Buttons */
body.mud-theme-dark .item-details__actions-row {
    border-top-color: #2A3349 !important;
}

body.mud-theme-dark .item-details__btn-back {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .item-details__btn-back:hover {
    background-color: #2A3349 !important;
    border-color: #94A3B8 !important;
}

body.mud-theme-dark .item-details__btn-delete {
    background-color: rgba(244, 63, 94, 0.12) !important;
    background: rgba(244, 63, 94, 0.12) !important;
    border-color: rgba(244, 63, 94, 0.3) !important;
    color: #FB7185 !important;
}

body.mud-theme-dark .item-details__btn-delete:hover {
    background-color: rgba(244, 63, 94, 0.22) !important;
    border-color: rgba(244, 63, 94, 0.5) !important;
    color: #FFFFFF !important;
}

/* 5. Units & Barcodes Table */
body.mud-theme-dark .item-details-card .mud-table-root,
body.mud-theme-dark .item-details-card .mud-simple-table {
    background: transparent !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .item-details-card th {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    color: #F8FAFC !important;
    border-bottom: 1px solid #2A3349 !important;
    font-weight: 700 !important;
}

body.mud-theme-dark .item-details-card td {
    color: #F8FAFC !important;
    border-bottom: 1px solid #2A3349 !important;
}

body.mud-theme-dark .item-details-card td span {
    color: #F8FAFC !important;
}

body.mud-theme-dark .item-details-card tr:hover {
    background-color: rgba(255, 255, 255, 0.03) !important;
}

body.mud-theme-dark .item-details__barcode-chip {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .item-details__barcode-chip small {
    color: #94A3B8 !important;
}

/* 6. Metadata & Audit Grid */
body.mud-theme-dark .item-details__meta-label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .item-details__meta-value {
    color: #F8FAFC !important;
}

/* 7. Commercial Gallery Box & Thumbs */
body.mud-theme-dark .commercial-gallery__main-box {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .commercial-gallery__thumb {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border-color: #2A3349 !important;
}

body.mud-theme-dark .commercial-gallery__thumb:hover,
body.mud-theme-dark .commercial-gallery__thumb.is-active {
    border-color: #A78BFA !important;
}

/* ==========================================================================
   WARRANTY DETAILS DARK MODE
   ========================================================================== */

body.mud-theme-dark .warranty-details-card {
    background-color: #161B27 !important;
    background: #161B27 !important;
    border: 1px solid #2A3349 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .warranty-details__title {
    color: #F8FAFC !important;
}

body.mud-theme-dark .warranty-details__subtitle {
    color: #94A3B8 !important;
}

body.mud-theme-dark .warranty-details__desc-box {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    color: #E2E8F0 !important;
}

body.mud-theme-dark .warranty-details__pill {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border-color: #2A3349 !important;
    color: #E2E8F0 !important;
}

body.mud-theme-dark .warranty-details__pill--purple {
    background-color: rgba(167, 139, 250, 0.14) !important;
    background: rgba(167, 139, 250, 0.14) !important;
    border-color: rgba(167, 139, 250, 0.3) !important;
    color: #C4B5FD !important;
}

body.mud-theme-dark .warranty-details__dates-box {
    background-color: #1E2538 !important;
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
}

body.mud-theme-dark .warranty-details__date-label,
body.mud-theme-dark .warranty-details__coverage-label,
body.mud-theme-dark .warranty-details__meta-label,
body.mud-theme-dark .warranty-details__info-group-title,
body.mud-theme-dark .warranty-details__info-row-label,
body.mud-theme-dark .warranty-details__spec-item-label,
body.mud-theme-dark .warranty-details__timeline-label {
    color: #94A3B8 !important;
}

body.mud-theme-dark .warranty-details__date-value,
body.mud-theme-dark .warranty-details__coverage-value,
body.mud-theme-dark .warranty-details__meta-value,
body.mud-theme-dark .warranty-details__info-group-main,
body.mud-theme-dark .warranty-details__info-row-value,
body.mud-theme-dark .warranty-details__spec-item-value,
body.mud-theme-dark .warranty-details__timeline-value,
body.mud-theme-dark .warranty-details__ops-name {
    color: #F8FAFC !important;
}

body.mud-theme-dark .warranty-details__info-group-sub {
    color: #CBD5E1 !important;
}

body.mud-theme-dark .warranty-details__info-group-title .mud-icon-root {
    color: #C4B5FD !important;
}

body.mud-theme-dark .warranty-details__info-divider {
    background: #2A3349 !important;
}

body.mud-theme-dark .warranty-details__spec-item {
    border-inline-start-color: rgba(167, 139, 250, 0.45) !important;
}

body.mud-theme-dark .warranty-details__timeline::before {
    background: rgba(167, 139, 250, 0.35) !important;
}

body.mud-theme-dark .warranty-details__timeline-step::before {
    background: #A78BFA !important;
    box-shadow: 0 0 0 4px rgba(167, 139, 250, 0.18) !important;
}

body.mud-theme-dark .warranty-details__coverage-value span {
    color: #C4B5FD !important;
}

body.mud-theme-dark .warranty-details__progress {
    background: #2A3349 !important;
}

body.mud-theme-dark .warranty-details__actions-row {
    border-top-color: #2A3349 !important;
}

body.mud-theme-dark .warranty-details__action-bar {
    background: #1E2538 !important;
    box-shadow: 0 0 0 1px #2A3349 !important;
}

body.mud-theme-dark .warranty-details__action-bar .order-item-action-btn {
    color: #CBD5E1 !important;
}

body.mud-theme-dark .warranty-details__action-bar .order-item-action-btn:hover {
    color: #C4B5FD !important;
    background-color: rgba(167, 139, 250, 0.12) !important;
}

body.mud-theme-dark .warranty-details__term-chip {
    background: #1E2538 !important;
    border: 1px solid #2A3349 !important;
    color: #E2E8F0 !important;
}

body.mud-theme-dark .warranty-details__ops-notes {
    color: #94A3B8 !important;
}

body.mud-theme-dark .warranty-details-card .mud-table,
body.mud-theme-dark .warranty-details-card .mud-table-container,
body.mud-theme-dark .warranty-details-card .mud-table-root {
    background-color: transparent !important;
    color: #F8FAFC !important;
}

body.mud-theme-dark .warranty-details-card .mud-table-head,
body.mud-theme-dark .warranty-details-card .mud-table-head .mud-table-cell,
body.mud-theme-dark .warranty-details-card .mud-th {
    background-color: #1E2538 !important;
    color: #F8FAFC !important;
    border-bottom: 1px solid #2A3349 !important;
}

body.mud-theme-dark .warranty-details-card .mud-table-row,
body.mud-theme-dark .warranty-details-card .mud-table-cell,
body.mud-theme-dark .warranty-details-card .mud-td {
    color: #F8FAFC !important;
    border-bottom: 1px solid #2A3349 !important;
}

body.mud-theme-dark .warranty-details-card .order-item-action-bar {
    background: #1E2538 !important;
    box-shadow: 0 0 0 1px #2A3349 !important;
}

body.mud-theme-dark .warranty-details-card .order-item-action-btn {
    color: #CBD5E1 !important;
}

body.mud-theme-dark .warranty-details-card .order-item-action-btn:hover {
    color: #C4B5FD !important;
    background-color: rgba(167, 139, 250, 0.12) !important;
}