/* =========================================================
   MPE — DARK MODE
   Version 1.0
   باید بعد از mpe.css لود شود
   ========================================================= */

/* ═══════════════════════════════════════════════════════════
   1. GLOBAL
   ═══════════════════════════════════════════════════════════ */

body.mpe-dark {
    background: #0f0a1c;
    color: #e8e3f0;
}

    body.mpe-dark h1, body.mpe-dark h2, body.mpe-dark h3,
    body.mpe-dark h4, body.mpe-dark h5, body.mpe-dark h6 {
        color: #f0ece2;
    }

    body.mpe-dark p, body.mpe-dark span, body.mpe-dark li,
    body.mpe-dark label, body.mpe-dark div {
        color: inherit;
    }

    body.mpe-dark a:not(.mpe-floating-cta):not(.btn):not(.mpe-mobile-auth):not(.nav-link):not(.dropdown-item) {
        color: #c9a227;
    }

        body.mpe-dark a:not(.mpe-floating-cta):not(.btn):not(.mpe-mobile-auth):not(.nav-link):not(.dropdown-item):hover {
            color: #f5c842;
        }

    body.mpe-dark header,
    body.mpe-dark header.bg-white,
    body.mpe-dark .mpe-mobile-header {
        background: #1a0f2e !important;
        border-color: rgba(245, 200, 66, 0.1) !important;
    }

    body.mpe-dark .mpe-navbar,
    body.mpe-dark .site-navbar {
        background: linear-gradient(135deg, #2d1b4e 0%, #1a0f2e 100%) !important;
        border-bottom-color: #c9a227 !important;
    }

        body.mpe-dark .mpe-navbar .nav-link,
        body.mpe-dark .site-navbar .nav-link {
            color: #e8e3f0 !important;
        }

            body.mpe-dark .mpe-navbar .nav-link:hover,
            body.mpe-dark .site-navbar .nav-link:hover {
                color: #f5c842 !important;
                background: rgba(245, 200, 66, 0.08) !important;
            }

        body.mpe-dark .mpe-navbar .dropdown-menu,
        body.mpe-dark .site-navbar .dropdown-menu {
            background: #1e1233 !important;
            border: 1px solid rgba(245, 200, 66, 0.15) !important;
            border-top: 3px solid #c9a227 !important;
        }

        body.mpe-dark .mpe-navbar .dropdown-item,
        body.mpe-dark .site-navbar .dropdown-item {
            color: #e8e3f0 !important;
        }

            body.mpe-dark .mpe-navbar .dropdown-item:hover,
            body.mpe-dark .site-navbar .dropdown-item:hover {
                background: rgba(245, 200, 66, 0.1) !important;
                color: #f5c842 !important;
            }

    body.mpe-dark main,
    body.mpe-dark .mpe-page,
    body.mpe-dark .site-main {
        background: #0f0a1c !important;
    }

    /* ═══════════════════════════════════════════════════════════
   2. CARDS
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark .card,
    body.mpe-dark .mpe-card,
    body.mpe-dark .mpe-content-card,
    body.mpe-dark .calc-card,
    body.mpe-dark .chart-box,
    body.mpe-dark .testimonial-card,
    body.mpe-dark .mpe-form-section,
    body.mpe-dark .mpe-toolbar {
        background: #1e1233 !important;
        border: 1px solid rgba(245, 200, 66, 0.15) !important;
        color: #e8e3f0 !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    }

    body.mpe-dark .card-body,
    body.mpe-dark .card-header,
    body.mpe-dark .card-footer,
    body.mpe-dark .mpe-card-header,
    body.mpe-dark .mpe-card-body {
        background: transparent !important;
        color: #e8e3f0 !important;
        border-color: rgba(245, 200, 66, 0.1) !important;
    }

    body.mpe-dark .mpe-card-header {
        color: #f5c842 !important;
    }

    body.mpe-dark .card h1, body.mpe-dark .card h2,
    body.mpe-dark .card h3, body.mpe-dark .card h4,
    body.mpe-dark .card h5, body.mpe-dark .card h6 {
        color: #f0ece2;
    }

    /* ═══════════════════════════════════════════════════════════
   3. FORMS
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]):not([type="hidden"]):not([type="image"]),
    body.mpe-dark select,
    body.mpe-dark textarea,
    body.mpe-dark .form-control,
    body.mpe-dark .form-select {
        background-color: #1e1233 !important;
        background-image: none !important;
        border: 1.5px solid rgba(245, 200, 66, 0.25) !important;
        color: #e8e3f0 !important;
        border-radius: 10px;
    }

        body.mpe-dark input:focus:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
        body.mpe-dark select:focus,
        body.mpe-dark textarea:focus,
        body.mpe-dark .form-control:focus,
        body.mpe-dark .form-select:focus {
            background-color: #251740 !important;
            border-color: #c9a227 !important;
            color: #fff !important;
            box-shadow: 0 0 0 0.2rem rgba(201, 162, 39, 0.15) !important;
            outline: none !important;
        }

        body.mpe-dark input::placeholder,
        body.mpe-dark textarea::placeholder,
        body.mpe-dark .form-control::placeholder {
            color: #8b7aa8 !important;
        }

    body.mpe-dark .form-label,
    body.mpe-dark .form-floating > label,
    body.mpe-dark .form-text,
    body.mpe-dark .mpe-help,
    body.mpe-dark label {
        color: #c4b8d9 !important;
    }

    body.mpe-dark .form-control:disabled,
    body.mpe-dark .form-select:disabled,
    body.mpe-dark input:disabled,
    body.mpe-dark select:disabled {
        background-color: #150c26 !important;
        color: #6b5a8a !important;
        opacity: 0.7;
    }

    body.mpe-dark .input-group-text {
        background: #1e1233 !important;
        border-color: rgba(245, 200, 66, 0.2) !important;
        color: #c4b8d9 !important;
    }

    body.mpe-dark input[type="checkbox"],
    body.mpe-dark input[type="radio"] {
        accent-color: #c9a227;
    }

    body.mpe-dark select option {
        background: #1e1233;
        color: #e8e3f0;
    }

    /* ═══════════════════════════════════════════════════════════
   4. TABLES
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark .table,
    body.mpe-dark table {
        background: transparent !important;
        color: #e8e3f0 !important;
        border-color: rgba(245, 200, 66, 0.15) !important;
    }

        body.mpe-dark .table thead th,
        body.mpe-dark table th {
            background: linear-gradient(135deg, #4b2a73, #2d1b4e) !important;
            color: #f5c842 !important;
            border-color: rgba(245, 200, 66, 0.2) !important;
        }

        body.mpe-dark .table tbody td,
        body.mpe-dark table td {
            color: #e8e3f0 !important;
            border-color: rgba(245, 200, 66, 0.1) !important;
        }

        body.mpe-dark .table tbody tr:hover,
        body.mpe-dark table tr:hover {
            background: rgba(245, 200, 66, 0.05) !important;
        }

    body.mpe-dark .table-bordered td,
    body.mpe-dark .table-bordered th {
        border-color: rgba(245, 200, 66, 0.15) !important;
    }

    body.mpe-dark .table-striped > tbody > tr:nth-of-type(odd) > * {
        background-color: rgba(255, 255, 255, 0.02);
        color: #e8e3f0;
    }

    body.mpe-dark .table-success {
        background-color: rgba(16, 185, 129, 0.12) !important;
    }

        body.mpe-dark .table-success > * {
            color: #6ee7b7 !important;
        }

    body.mpe-dark .table-warning {
        background-color: rgba(245, 158, 11, 0.12) !important;
    }

        body.mpe-dark .table-warning > * {
            color: #fcd34d !important;
        }

    /* ═══════════════════════════════════════════════════════════
   5. MODAL
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark .modal-content {
        background: #1e1233 !important;
        color: #e8e3f0 !important;
        border: 1px solid rgba(245, 200, 66, 0.15) !important;
    }

    body.mpe-dark .modal-header,
    body.mpe-dark .modal-footer {
        border-color: rgba(245, 200, 66, 0.15) !important;
    }

    body.mpe-dark .modal-body {
        color: #e8e3f0;
    }

    body.mpe-dark .modal-title,
    body.mpe-dark .mpe-modal-title {
        color: #f5c842 !important;
    }

    body.mpe-dark .btn-close {
        filter: invert(1);
    }

    /* ═══════════════════════════════════════════════════════════
   6. SELECT2
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark .select2-container--default .select2-selection--single,
    body.mpe-dark .select2-container--default .select2-selection--multiple {
        background: #1e1233 !important;
        border: 1.5px solid rgba(245, 200, 66, 0.2) !important;
        color: #e8e3f0 !important;
    }

        body.mpe-dark .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #e8e3f0 !important;
        }

    body.mpe-dark .select2-container--default .select2-selection__placeholder {
        color: #8b7aa8 !important;
    }

    body.mpe-dark .select2-dropdown {
        background: #1e1233 !important;
        border: 1px solid rgba(245, 200, 66, 0.2) !important;
    }

    body.mpe-dark .select2-container--default .select2-results__option {
        color: #e8e3f0;
    }

    body.mpe-dark .select2-container--default .select2-results__option--highlighted {
        background: #c9a227 !important;
        color: #1a0f2e !important;
    }

    body.mpe-dark .select2-search--dropdown .select2-search__field {
        background: #251740;
        border-color: rgba(245, 200, 66, 0.2);
        color: #e8e3f0;
    }

    /* ═══════════════════════════════════════════════════════════
   7. ALERTS
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark .alert-info {
        background: rgba(59, 130, 246, 0.1);
        border-color: rgba(59, 130, 246, 0.3);
        color: #93c5fd;
    }

    body.mpe-dark .alert-success {
        background: rgba(16, 185, 129, 0.1);
        border-color: rgba(16, 185, 129, 0.3);
        color: #6ee7b7;
    }

    body.mpe-dark .alert-warning {
        background: rgba(245, 158, 11, 0.1);
        border-color: rgba(245, 158, 11, 0.3);
        color: #fcd34d;
    }

    body.mpe-dark .alert-danger {
        background: rgba(220, 38, 38, 0.1);
        border-color: rgba(220, 38, 38, 0.3);
        color: #fca5a5;
    }

    /* ═══════════════════════════════════════════════════════════
   8. PAGINATION
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark .pagination .page-link {
        background: #1e1233;
        border-color: rgba(245, 200, 66, 0.15);
        color: #c9a227;
    }

        body.mpe-dark .pagination .page-link:hover {
            background: rgba(245, 200, 66, 0.1);
            color: #f5c842;
        }

    body.mpe-dark .pagination .page-item.active .page-link {
        background: #c9a227;
        border-color: #c9a227;
        color: #1a0f2e;
    }

    body.mpe-dark .pagination .page-item.disabled .page-link {
        background: #150c26;
        color: #4a3a6e;
    }

    /* ═══════════════════════════════════════════════════════════
   9. TEXT UTILITY
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark .text-muted,
    body.mpe-dark small,
    body.mpe-dark .mpe-muted,
    body.mpe-dark .mpe-meta,
    body.mpe-dark .mpe-help,
    body.mpe-dark .mpe-table-meta {
        color: #9b8db3 !important;
    }

    body.mpe-dark .mpe-section-title {
        color: #f5c842 !important;
    }

    /* ═══════════════════════════════════════════════════════════
   10. EMPTY STATE
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark .mpe-empty {
        color: #9b8db3;
    }

    body.mpe-dark .mpe-empty-title {
        color: #e8e3f0;
    }

    body.mpe-dark .mpe-empty i {
        color: #4a3a6e !important;
    }

    /* ═══════════════════════════════════════════════════════════
   11. CONTENT CARD
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark .mpe-content-card .card-image {
        background: #150c26;
    }

    body.mpe-dark .mpe-content-card .content-title a {
        color: #f0ece2;
    }

        body.mpe-dark .mpe-content-card .content-title a:hover {
            color: #f5c842;
        }

    body.mpe-dark .mpe-content-card .content-summary {
        color: #c4b8d9;
    }

    body.mpe-dark .mpe-content-card .content-meta {
        color: #9b8db3;
        border-top-color: rgba(245,200,66,0.1);
    }

    body.mpe-dark .mpe-content-card .card-actions {
        border-top-color: rgba(245,200,66,0.1);
    }

    /* ═══════════════════════════════════════════════════════════
   12. UPLOAD BOX
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark .mpe-upload-box {
        border-color: rgba(245, 200, 66, 0.3);
        background: rgba(245, 200, 66, 0.02);
    }

        body.mpe-dark .mpe-upload-box:hover {
            border-color: #c9a227;
            background: rgba(245, 200, 66, 0.05);
        }

    /* ═══════════════════════════════════════════════════════════
   13. TASK PANEL
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark .mpe-task-panel {
        background: #1e1233;
        border-color: rgba(245, 200, 66, 0.15);
    }

    body.mpe-dark .mpe-task-item .task-title {
        color: #e8e3f0;
    }

    body.mpe-dark .mpe-task-item:hover {
        background: rgba(245, 200, 66, 0.05);
    }

    /* ═══════════════════════════════════════════════════════════
   14. FOOTER
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark .mpe-footer,
    body.mpe-dark .site-footer {
        background: #0a0518 !important;
        color: #b8a8d0;
        border-top: 3px solid #c9a227 !important;
    }

    /* ═══════════════════════════════════════════════════════════
   15. WAITING / PROGRESS
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark .mpe-waiting-box,
    body.mpe-dark .mpe-progress-box {
        background: #1e1233;
        color: #e8e3f0;
        border: 1px solid rgba(245, 200, 66, 0.2);
    }

    body.mpe-dark .mpe-progress-text {
        color: #f5c842;
    }

    body.mpe-dark .mpe-progress-dots .dot {
        background: #c9a227;
    }

    /* ═══════════════════════════════════════════════════════════
   16. SCROLLBAR
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark::-webkit-scrollbar {
        width: 10px;
    }

    body.mpe-dark::-webkit-scrollbar-track {
        background: #0f0a1c;
    }

    body.mpe-dark::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #4b2a73, #c9a227);
        border-radius: 10px;
    }

        body.mpe-dark::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(180deg, #6b46a1, #f5c842);
        }

    /* ═══════════════════════════════════════════════════════════
   17. DATE PICKER (jalalidatepicker)
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark .jdp-container {
        background: #1e1233 !important;
        border: 1px solid rgba(245, 200, 66, 0.2) !important;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
        color: #e8e3f0 !important;
        z-index: 1055 !important;
    }

        body.mpe-dark .jdp-container * {
            color: #e8e3f0 !important;
        }

    body.mpe-dark .jdp-header, body.mpe-dark .jdp-footer {
        background: #251740 !important;
        border-color: rgba(245, 200, 66, 0.15) !important;
    }

        body.mpe-dark .jdp-header *, body.mpe-dark .jdp-footer * {
            color: #e8e3f0 !important;
        }

    body.mpe-dark .jdp-month, body.mpe-dark .jdp-year {
        color: #f5c842 !important;
    }

    body.mpe-dark .jdp-days-header * {
        color: #c9a227 !important;
    }

    body.mpe-dark .jdp-day {
        color: #e8e3f0 !important;
        background: transparent !important;
    }

        body.mpe-dark .jdp-day:hover {
            background: rgba(245, 200, 66, 0.15) !important;
            color: #f5c842 !important;
        }

        body.mpe-dark .jdp-day.jdp-selected,
        body.mpe-dark .jdp-day.jdp-day-selected,
        body.mpe-dark .jdp-day.selected {
            background: #c9a227 !important;
            color: #1a0f2e !important;
            font-weight: 800 !important;
        }

        body.mpe-dark .jdp-day.jdp-today,
        body.mpe-dark .jdp-day.jdp-day-today,
        body.mpe-dark .jdp-day.today {
            color: #f5c842 !important;
            border: 1px solid #c9a227 !important;
        }

        body.mpe-dark .jdp-day.jdp-disabled,
        body.mpe-dark .jdp-day.jdp-day-disabled {
            color: #4a3a6e !important;
            opacity: 0.5;
        }

        body.mpe-dark .jdp-day.jdp-day-holiday {
            color: #f87171 !important;
        }

    body.mpe-dark .jdp-btn,
    body.mpe-dark .jdp-btn-today,
    body.mpe-dark .jdp-btn-empty {
        background: linear-gradient(135deg, #c9a227, #f5c842) !important;
        color: #1a0f2e !important;
        border: none !important;
        font-weight: 700 !important;
        border-radius: 8px !important;
    }

        body.mpe-dark .jdp-btn:hover {
            background: linear-gradient(135deg, #f5c842, #e6b800) !important;
        }

    body.mpe-dark .jdp-navigation, body.mpe-dark .jdp-arrow {
        color: #f5c842 !important;
    }

        body.mpe-dark .jdp-arrow:hover {
            background: rgba(245, 200, 66, 0.15) !important;
        }

    /* ═══════════════════════════════════════════════════════════
   18. USERCONTROLS
   ═══════════════════════════════════════════════════════════ */

    /* ucCombo */
    body.mpe-dark .uc-combo-wrapper label,
    body.mpe-dark .ucCombo-wrapper label,
    body.mpe-dark label[for^="ddlCombo"],
    body.mpe-dark label[for*="ddlCombo"] {
        color: #c4b8d9 !important;
    }

    body.mpe-dark .uc-combo-wrapper .select2-selection,
    body.mpe-dark .ucCombo-wrapper .select2-selection {
        background: #1e1233 !important;
        border-color: rgba(245, 200, 66, 0.2) !important;
    }

    body.mpe-dark .uc-combo-wrapper .select2-selection__arrow b,
    body.mpe-dark .ucCombo-wrapper .select2-selection__arrow b {
        border-color: #c9a227 transparent transparent transparent !important;
    }

    /* ucDate */
    body.mpe-dark input[data-jdp],
    body.mpe-dark input[data-jdp-only-date] {
        background: #1e1233 !important;
        border: 1.5px solid rgba(245, 200, 66, 0.2) !important;
        color: #e8e3f0 !important;
        border-radius: 10px;
        padding: 10px 14px;
    }

        body.mpe-dark input[data-jdp]:focus,
        body.mpe-dark input[data-jdp-only-date]:focus {
            background: #251740 !important;
            border-color: #c9a227 !important;
            box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.15) !important;
        }

    /* ucMessage */
    body.mpe-dark .uc-message,
    body.mpe-dark .ucMessage,
    body.mpe-dark .mpe-message {
        background: #1e1233 !important;
        border-color: rgba(245, 200, 66, 0.2) !important;
        color: #e8e3f0 !important;
    }

    body.mpe-dark .uc-message-success, body.mpe-dark .ucMessage-success, body.mpe-dark .mpe-message-success {
        background: rgba(16, 185, 129, 0.1) !important;
        border-color: #10b981 !important;
        color: #6ee7b7 !important;
    }

    body.mpe-dark .uc-message-danger, body.mpe-dark .ucMessage-danger, body.mpe-dark .mpe-message-danger {
        background: rgba(220, 38, 38, 0.1) !important;
        border-color: #dc2626 !important;
        color: #fca5a5 !important;
    }

    body.mpe-dark .uc-message-warning, body.mpe-dark .ucMessage-warning, body.mpe-dark .mpe-message-warning {
        background: rgba(245, 158, 11, 0.1) !important;
        border-color: #f59e0b !important;
        color: #fcd34d !important;
    }

    body.mpe-dark .uc-message-info, body.mpe-dark .ucMessage-info {
        background: rgba(59, 130, 246, 0.1) !important;
        border-color: #3b82f6 !important;
        color: #93c5fd !important;
    }

    /* ucLastPart */
    body.mpe-dark .uc-last-part .mpe-toolbar,
    body.mpe-dark .ucLastPart .mpe-toolbar {
        background: #1e1233 !important;
        border-color: rgba(245, 200, 66, 0.15) !important;
    }

    body.mpe-dark .uc-last-part .mpe-toolbar-title,
    body.mpe-dark .ucLastPart .mpe-toolbar-title {
        color: #f5c842 !important;
    }

    body.mpe-dark .uc-last-part table,
    body.mpe-dark .ucLastPart table {
        background: #1e1233 !important;
        color: #e8e3f0 !important;
    }

    body.mpe-dark .uc-last-part input[type="submit"],
    body.mpe-dark .uc-last-part input[type="button"],
    body.mpe-dark .ucLastPart input[type="submit"],
    body.mpe-dark .ucLastPart input[type="button"] {
        background: #251740 !important;
        color: #f5c842 !important;
        border: 1px solid rgba(245, 200, 66, 0.3) !important;
        border-radius: 8px !important;
        padding: 6px 14px !important;
    }

    /* ucFileManager */
    body.mpe-dark .uc-file-manager, body.mpe-dark .ucFileManager {
        background: #1e1233 !important;
        border-color: rgba(245, 200, 66, 0.15) !important;
        color: #e8e3f0;
    }

        body.mpe-dark .uc-file-manager .card-header, body.mpe-dark .ucFileManager .card-header {
            background: linear-gradient(135deg, #4b2a73, #2d1b4e) !important;
            color: #f5c842 !important;
        }

        body.mpe-dark .uc-file-manager input[type="file"]::file-selector-button,
        body.mpe-dark .ucFileManager input[type="file"]::file-selector-button {
            background: linear-gradient(135deg, #c9a227, #f5c842);
            color: #1a0f2e;
            border: none;
            padding: 6px 14px;
            border-radius: 8px;
            font-weight: 700;
            margin-left: 10px;
            cursor: pointer;
        }

    /* ucVersion */
    body.mpe-dark .uc-version, body.mpe-dark .ucVersion {
        color: #9b8db3 !important;
    }

    /* ucMobileVerification (mv-*) */
    body.mpe-dark .mv-wrapper {
        background: #1e1233 !important;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
        border: 1px solid rgba(245, 200, 66, 0.15) !important;
    }

    body.mpe-dark .mv-title {
        color: #f5c842 !important;
    }

    body.mpe-dark .mv-subtitle {
        color: #c4b8d9 !important;
    }

    body.mpe-dark .mv-label {
        color: #c4b8d9 !important;
    }

    body.mpe-dark .mv-mobile-highlight {
        color: #f5c842 !important;
    }

    body.mpe-dark .mv-input-group {
        background: #251740 !important;
        border-color: rgba(245, 200, 66, 0.25) !important;
    }

        body.mpe-dark .mv-input-group:focus-within {
            border-color: #c9a227 !important;
            box-shadow: 0 0 0 4px rgba(201, 162, 39, 0.15) !important;
            background: #2d1b4e !important;
        }

    body.mpe-dark .mv-prefix {
        background: #1a0f2e !important;
        color: #f5c842 !important;
        border-right-color: rgba(245, 200, 66, 0.2) !important;
    }

    body.mpe-dark .mv-input {
        background: transparent !important;
        color: #e8e3f0 !important;
    }

        body.mpe-dark .mv-input::placeholder {
            color: #8b7aa8 !important;
        }

    body.mpe-dark .mv-input-otp {
        background: #251740 !important;
        border-color: rgba(245, 200, 66, 0.25) !important;
        color: #f5c842 !important;
    }

        body.mpe-dark .mv-input-otp:focus {
            border-color: #c9a227 !important;
            box-shadow: 0 0 0 4px rgba(201, 162, 39, 0.15) !important;
            background: #2d1b4e !important;
        }

    body.mpe-dark .mv-hint {
        color: #9b8db3 !important;
    }

    body.mpe-dark .mv-btn-primary {
        background: linear-gradient(135deg, #c9a227, #f5c842) !important;
        color: #1a0f2e !important;
        box-shadow: 0 4px 14px rgba(201, 162, 39, 0.4) !important;
    }

        body.mpe-dark .mv-btn-primary:hover {
            background: linear-gradient(135deg, #f5c842, #e6b800) !important;
            box-shadow: 0 6px 18px rgba(245, 200, 66, 0.5) !important;
        }

    body.mpe-dark .mv-btn-success {
        background: linear-gradient(135deg, #10b981, #059669) !important;
        color: #fff !important;
    }

    body.mpe-dark .mv-btn-ghost {
        background: #251740 !important;
        color: #c9a227 !important;
        border: 1px solid rgba(245, 200, 66, 0.25) !important;
    }

        body.mpe-dark .mv-btn-ghost:hover {
            background: rgba(245, 200, 66, 0.1) !important;
            color: #f5c842 !important;
        }

    body.mpe-dark .mv-success-icon {
        background: linear-gradient(135deg, #10b981, #059669) !important;
        box-shadow: 0 8px 24px rgba(16, 185, 129, 0.4) !important;
    }

    body.mpe-dark .uc-countdown, body.mpe-dark .countdown, body.mpe-dark [class*="countdown"] {
        color: #f5c842 !important;
    }

    /* ucAsk (academy-ask-*) */
    body.mpe-dark .academy-ask {
        background: linear-gradient(135deg, #1e1233 0%, #2d1b4e 100%) !important;
        border-color: rgba(245, 200, 66, 0.2) !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
    }

    body.mpe-dark .academy-ask__header-icon {
        background: linear-gradient(135deg, #4b2a73, #2d1b4e) !important;
        box-shadow: 0 4px 12px rgba(201, 162, 39, 0.3) !important;
    }

    body.mpe-dark .academy-ask__header-title,
    body.mpe-dark .academy-ask__header-title span {
        color: #f5c842 !important;
    }

    body.mpe-dark .academy-ask__open-btn,
    body.mpe-dark .academy-ask__close-btn {
        background: linear-gradient(135deg, #c9a227, #f5c842) !important;
        color: #1a0f2e !important;
        border-color: #c9a227 !important;
    }

        body.mpe-dark .academy-ask__open-btn:hover,
        body.mpe-dark .academy-ask__close-btn:hover {
            background: linear-gradient(135deg, #f5c842, #e6b800) !important;
        }

    body.mpe-dark .academy-ask__close-btn {
        background: #251740 !important;
        color: #c9a227 !important;
        border-color: rgba(245, 200, 66, 0.3) !important;
    }

    body.mpe-dark .academy-ask__body {
        border-top-color: rgba(245, 200, 66, 0.15) !important;
    }

    body.mpe-dark .academy-ask__label {
        color: #c4b8d9 !important;
    }

    body.mpe-dark .academy-ask__textarea {
        background: #251740 !important;
        border-color: rgba(245, 200, 66, 0.25) !important;
        color: #e8e3f0 !important;
    }

        body.mpe-dark .academy-ask__textarea:focus {
            border-color: #c9a227 !important;
            box-shadow: 0 0 0 4px rgba(201, 162, 39, 0.15) !important;
            background: #2d1b4e !important;
        }

    body.mpe-dark .academy-ask__submit {
        background: linear-gradient(135deg, #c9a227, #f5c842) !important;
        color: #1a0f2e !important;
        border-color: #c9a227 !important;
    }

    body.mpe-dark .academy-ask__cancel {
        background: #251740 !important;
        color: #c9a227 !important;
        border-color: rgba(245, 200, 66, 0.3) !important;
    }

    body.mpe-dark .academy-ask__success-title {
        color: #f5c842 !important;
    }

    body.mpe-dark .academy-ask__success-text {
        color: #c4b8d9 !important;
    }

    /* ═══════════════════════════════════════════════════════════
   19. PAGES — ArticleDetail
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark .ac-article__content audio {
        background: #251740 !important;
        border: 1px solid rgba(245, 200, 66, 0.2);
    }

    body.mpe-dark .ac-article__content video {
        background: #000 !important;
        border: 1px solid rgba(245, 200, 66, 0.2);
    }

    body.mpe-dark .ac-meta {
        background: #1e1233 !important;
        color: #c4b8d9 !important;
        border-right: 3px solid #c9a227 !important;
    }

    body.mpe-dark .ac-meta__item {
        color: #c4b8d9 !important;
    }

        body.mpe-dark .ac-meta__item i {
            color: #f5c842 !important;
        }

    body.mpe-dark .ac-meta__item--type {
        background: rgba(245, 200, 66, 0.12) !important;
        color: #f5c842 !important;
    }

    body.mpe-dark .breadcrumb-custom {
        color: #c4b8d9 !important;
    }

        body.mpe-dark .breadcrumb-custom a {
            color: #c9a227 !important;
        }

            body.mpe-dark .breadcrumb-custom a:hover {
                color: #f5c842 !important;
            }

        body.mpe-dark .breadcrumb-custom .sep {
            color: #6b5a8a !important;
        }

    body.mpe-dark .category-header {
        background: linear-gradient(135deg, #2d1b4e 0%, #1a0f2e 100%) !important;
        color: #fff !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
        border: 1px solid rgba(245, 200, 66, 0.15) !important;
    }

        body.mpe-dark .category-header h1 {
            color: #f5c842 !important;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
        }

        body.mpe-dark .category-header .count {
            color: #c4b8d9 !important;
        }

            body.mpe-dark .category-header .count i {
                color: #f5c842 !important;
            }

    body.mpe-dark .toc {
        background: #1e1233 !important;
        border-right: 4px solid #c9a227 !important;
        color: #e8e3f0;
    }

    body.mpe-dark .toc__title {
        color: #f5c842 !important;
    }

        body.mpe-dark .toc__title i {
            color: #f5c842 !important;
        }

    body.mpe-dark .toc__item a {
        color: #e8e3f0 !important;
    }

        body.mpe-dark .toc__item a:hover {
            color: #f5c842 !important;
        }

    body.mpe-dark .toc__item .type-badge {
        background: rgba(245, 200, 66, 0.15) !important;
        color: #f5c842 !important;
    }

    body.mpe-dark .toc__item .date {
        color: #9b8db3 !important;
    }

    body.mpe-dark .academy-content-item:not(:last-child)::after {
        background: linear-gradient( to left, transparent 0%, #c9a227 20%, #f5c842 50%, #c9a227 80%, transparent 100% ) !important;
        box-shadow: 0 0 10px rgba(245, 200, 66, 0.5) !important;
    }

    body.mpe-dark .back-link {
        color: #c9a227 !important;
    }

        body.mpe-dark .back-link:hover {
            color: #f5c842 !important;
        }

    body.mpe-dark .ac-article, body.mpe-dark .ac-article__content, body.mpe-dark .academy-content {
        color: #e8e3f0 !important;
    }

        body.mpe-dark .ac-article h1, body.mpe-dark .ac-article h2, body.mpe-dark .ac-article h3,
        body.mpe-dark .ac-article h4, body.mpe-dark .ac-article h5, body.mpe-dark .ac-article h6,
        body.mpe-dark .ac-article__content h1, body.mpe-dark .ac-article__content h2,
        body.mpe-dark .ac-article__content h3, body.mpe-dark .ac-article__content h4,
        body.mpe-dark .ac-article__content h5, body.mpe-dark .ac-article__content h6 {
            color: #f5c842 !important;
        }

        body.mpe-dark .ac-article p, body.mpe-dark .ac-article__content p, body.mpe-dark .academy-content p {
            color: #c4b8d9 !important;
        }

        body.mpe-dark .ac-article a, body.mpe-dark .ac-article__content a {
            color: #c9a227 !important;
        }

            body.mpe-dark .ac-article a:hover, body.mpe-dark .ac-article__content a:hover {
                color: #f5c842 !important;
            }

        body.mpe-dark .ac-article blockquote, body.mpe-dark .ac-article__content blockquote {
            background: #251740 !important;
            border-right: 3px solid #c9a227 !important;
            color: #c4b8d9 !important;
        }

        body.mpe-dark .ac-article code, body.mpe-dark .ac-article__content code,
        body.mpe-dark .ac-article pre, body.mpe-dark .ac-article__content pre {
            background: #0f0a1c !important;
            color: #f5c842 !important;
            border: 1px solid rgba(245, 200, 66, 0.15) !important;
        }

    /* ═══════════════════════════════════════════════════════════
   20. PAGES — Articles
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark .ac-page {
        background: #0f0a1c !important;
        color: #e8e3f0;
    }

    body.mpe-dark .ac-hero {
        background: linear-gradient(135deg, #2d1b4e 0%, #3d2761 55%, #4b2a73 100%) !important;
        box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5) !important;
        border: 1px solid rgba(245, 200, 66, 0.15) !important;
    }

    body.mpe-dark .ac-hero-eyebrow {
        background: rgba(245, 200, 66, 0.12) !important;
        border-color: rgba(245, 200, 66, 0.3) !important;
        color: #f5c842 !important;
    }

    body.mpe-dark .ac-hero-title {
        color: #fff !important;
    }

    body.mpe-dark .ac-hero-lead {
        color: rgba(255, 255, 255, 0.8) !important;
    }

        body.mpe-dark .ac-hero-lead i {
            color: #f5c842 !important;
        }

    body.mpe-dark .ac-category {
        background: #1e1233 !important;
        border-color: rgba(245, 200, 66, 0.15) !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    }

        body.mpe-dark .ac-category:hover {
            box-shadow: 0 8px 24px rgba(245, 200, 66, 0.1) !important;
            border-color: rgba(245, 200, 66, 0.35) !important;
        }

    body.mpe-dark .ac-cat-header {
        border-bottom-color: rgba(245, 200, 66, 0.15) !important;
    }

        body.mpe-dark .ac-cat-header::after {
            background: linear-gradient(90deg, #c9a227, #f5c842) !important;
        }

    body.mpe-dark .ac-cat-icon {
        background: linear-gradient(135deg, #4b2a73, #2d1b4e) !important;
        color: #f5c842 !important;
        box-shadow: 0 6px 16px rgba(75, 42, 115, 0.4) !important;
    }

    body.mpe-dark .ac-cat-title {
        color: #f5c842 !important;
    }

    body.mpe-dark .ac-cat-sub {
        color: #c4b8d9 !important;
    }

    body.mpe-dark .ac-cat-count {
        background: rgba(245, 200, 66, 0.12) !important;
        color: #f5c842 !important;
    }

    body.mpe-dark .ac-sub-link {
        background: #251740 !important;
        color: #c9a227 !important;
        border-color: rgba(245, 200, 66, 0.15) !important;
    }

        body.mpe-dark .ac-sub-link:hover {
            color: #1a0f2e !important;
            box-shadow: 0 8px 20px rgba(245, 200, 66, 0.35) !important;
        }

    body.mpe-dark .ac-sub-count {
        background: rgba(245, 200, 66, 0.18) !important;
        color: #f5c842 !important;
    }

    body.mpe-dark .ac-sub-link:hover .ac-sub-count {
        background: rgba(26, 15, 46, 0.2) !important;
        color: #1a0f2e !important;
    }

    body.mpe-dark .ac-empty {
        background: #1e1233 !important;
        border-color: rgba(245, 200, 66, 0.2) !important;
    }

        body.mpe-dark .ac-empty i {
            color: #c9a227 !important;
            opacity: 0.5 !important;
        }

        body.mpe-dark .ac-empty h5 {
            color: #f5c842 !important;
        }

        body.mpe-dark .ac-empty p {
            color: #c4b8d9 !important;
        }

    /* ═══════════════════════════════════════════════════════════
   21. PAGES — Inflation / FAQ
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark .faq-item {
        background: #1e1233 !important;
        border-color: rgba(245, 200, 66, 0.15) !important;
    }

    body.mpe-dark .faq-q {
        background: #251740 !important;
        color: #f0ece2 !important;
    }

    body.mpe-dark .faq-a {
        background: #1e1233 !important;
        color: #c4b8d9 !important;
    }

    body.mpe-dark .article-card {
        background: #1e1233 !important;
        border-color: rgba(245, 200, 66, 0.15) !important;
        color: #e8e3f0 !important;
    }

        body.mpe-dark .article-card:hover {
            border-color: rgba(245, 200, 66, 0.4) !important;
            box-shadow: 0 8px 24px rgba(245, 200, 66, 0.15) !important;
        }

        body.mpe-dark .article-card h6 {
            color: #f0ece2 !important;
        }

        body.mpe-dark .article-card p {
            color: #c4b8d9 !important;
        }

    body.mpe-dark .result-table td {
        color: #e8e3f0;
    }

    body.mpe-dark .result-table tr {
        border-color: rgba(245, 200, 66, 0.1) !important;
    }

    body.mpe-dark .result-table td:first-child {
        color: #c4b8d9 !important;
    }

    body.mpe-dark .result-table td:last-child {
        color: #f0ece2 !important;
    }

    body.mpe-dark .result-total {
        background: rgba(16, 185, 129, 0.12) !important;
    }

        body.mpe-dark .result-total td:first-child {
            color: #6ee7b7 !important;
        }

        body.mpe-dark .result-total td:last-child {
            color: #34d399 !important;
        }

    body.mpe-dark .result-penalty {
        background: rgba(245, 158, 11, 0.1) !important;
    }

        body.mpe-dark .result-penalty td:last-child {
            color: #fbbf24 !important;
        }

    body.mpe-dark .result-header {
        background: linear-gradient(135deg, #10b981 0%, #059669 100%);
        color: #fff;
    }

    body.mpe-dark .cpi-badge {
        background: linear-gradient(135deg, #4b2a73 0%, #2d1b4e 100%);
        box-shadow: 0 4px 15px rgba(75, 42, 115, 0.4);
    }

    body.mpe-dark .cpi-live {
        background: rgba(16, 185, 129, 0.15) !important;
        color: #6ee7b7 !important;
    }

        body.mpe-dark .cpi-live.error {
            background: rgba(220, 38, 38, 0.15) !important;
            color: #fca5a5 !important;
        }

    /* ═══════════════════════════════════════════════════════════
   22. NUCLEAR OVERRIDE — هر چیزی که مونده
   ═══════════════════════════════════════════════════════════ */

    body.mpe-dark [class*="modal"],
    body.mpe-dark [class*="Modal"],
    body.mpe-dark [class*="popup"],
    body.mpe-dark [class*="Popup"],
    body.mpe-dark [class*="dialog"],
    body.mpe-dark [class*="Dialog"],
    body.mpe-dark [class*="overlay"],
    body.mpe-dark [class*="Overlay"],
    body.mpe-dark [class*="toast"],
    body.mpe-dark [class*="Toast"],
    body.mpe-dark [class*="offcanvas"],
    body.mpe-dark [class*="Offcanvas"],
    body.mpe-dark [class*="popover"],
    body.mpe-dark [class*="Popover"] {
        background-color: #1e1233 !important;
        color: #e8e3f0 !important;
        border-color: rgba(245, 200, 66, 0.15) !important;
    }

    body.mpe-dark [style*="background: white"],
    body.mpe-dark [style*="background:white"],
    body.mpe-dark [style*="background-color: white"],
    body.mpe-dark [style*="background-color:white"],
    body.mpe-dark [style*="background: #fff"],
    body.mpe-dark [style*="background-color: #fff"],
    body.mpe-dark [style*="background: #ffffff"],
    body.mpe-dark [style*="background-color: #ffffff"],
    body.mpe-dark [style*="background: rgb(255"],
    body.mpe-dark [style*="background-color: rgb(255"] {
        background: #1e1233 !important;
        background-color: #1e1233 !important;
        color: #e8e3f0 !important;
    }

    body.mpe-dark .card,
    body.mpe-dark .panel,
    body.mpe-dark .box,
    body.mpe-dark .widget,
    body.mpe-dark .tile,
    body.mpe-dark [class*="-card"],
    body.mpe-dark [class*="-panel"],
    body.mpe-dark [class*="-box"],
    body.mpe-dark [class*="-widget"] {
        background-color: #1e1233 !important;
        color: #e8e3f0 !important;
        border-color: rgba(245, 200, 66, 0.15) !important;
    }

    body.mpe-dark .bg-white,
    body.mpe-dark .bg-light,
    body.mpe-dark .bg-body,
    body.mpe-dark .bg-body-tertiary,
    body.mpe-dark [class*="bg-white"],
    body.mpe-dark [class*="bg-light"] {
        background-color: #1e1233 !important;
        color: #e8e3f0 !important;
    }

    body.mpe-dark .close,
    body.mpe-dark .btn-close,
    body.mpe-dark [class*="close"] {
        color: #e8e3f0 !important;
        filter: invert(1) brightness(1.5);
        opacity: 0.7;
    }

        body.mpe-dark .close:hover,
        body.mpe-dark .btn-close:hover,
        body.mpe-dark [class*="close"]:hover {
            opacity: 1;
            color: #f5c842 !important;
        }

    body.mpe-dark .modal-backdrop,
    body.mpe-dark .overlay-backdrop,
    body.mpe-dark [class*="backdrop"] {
        background: rgba(0, 0, 0, 0.75) !important;
    }

    body.mpe-dark hr,
    body.mpe-dark .divider,
    body.mpe-dark [class*="divider"] {
        border-color: rgba(245, 200, 66, 0.15) !important;
        background: rgba(245, 200, 66, 0.15) !important;
    }

    /* =========================================================
   JalaliDatePicker - Dark Mode (Final Fix)
   ========================================================= */

    /* کانتینر اصلی تقویم */
    body.mpe-dark .jdp-container {
        background: #1e1233 !important;
        border: 1px solid rgba(245, 200, 66, 0.2) !important;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6) !important;
        color: #e8e3f0 !important;
    }

    /* هدر تقویم (ماه و سال) */
    body.mpe-dark .jdp-header {
        background: #251740 !important;
        border-bottom: 1px solid rgba(245, 200, 66, 0.15) !important;
    }

        body.mpe-dark .jdp-header span,
        body.mpe-dark .jdp-header div {
            color: #f5c842 !important;
        }

    /* دکمه‌های + و - (ناوبری) */
    body.mpe-dark .jdp-navigation,
    body.mpe-dark .jdp-arrow {
        color: #f5c842 !important;
        background: transparent !important;
    }

        body.mpe-dark .jdp-navigation:hover,
        body.mpe-dark .jdp-arrow:hover {
            background: rgba(245, 200, 66, 0.15) !important;
        }

    /* ====== اصلاح اصلی: روزهای هفته ====== */
    /* کلاس صحیح برای ردیف روزهای هفته */
    body.mpe-dark .jdp-days {
        background: #1e1233 !important;
    }

        body.mpe-dark .jdp-days * {
            color: #c9a227 !important;
        }

    /* ====== اصلاح اصلی: روزهای ماه ====== */
    /* سلکتور دقیق‌تر برای روزهای ماه */
    body.mpe-dark .jdp-container .jdp-day {
        color: #e8e3f0 !important;
        background: transparent !important;
    }

        body.mpe-dark .jdp-container .jdp-day:hover {
            background: rgba(245, 200, 66, 0.15) !important;
            color: #f5c842 !important;
        }

        /* روز انتخاب شده */
        body.mpe-dark .jdp-container .jdp-day.selected {
            background-color: #c9a227 !important;
            color: #1a0f2e !important;
            font-weight: 800 !important;
        }

        /* روز جاری (Today) */
        body.mpe-dark .jdp-container .jdp-day.jdp-today {
            color: #f5c842 !important;
            border: 1px solid #c9a227 !important;
        }

        /* روزهای غیرفعال */
        body.mpe-dark .jdp-container .jdp-day.jdp-disabled {
            color: #4a3a6e !important;
            opacity: 0.5;
        }

        /* روزهای تعطیل */
        body.mpe-dark .jdp-container .jdp-day.jdp-day-holiday {
            color: #f87171 !important;
        }

    /* فوتر (دکمه‌های امروز و خالی) */
    body.mpe-dark .jdp-footer {
        background: #251740 !important;
        border-top: 1px solid rgba(245, 200, 66, 0.15) !important;
    }

    body.mpe-dark .jdp-btn,
    body.mpe-dark .jdp-btn-today,
    body.mpe-dark .jdp-btn-empty {
        background: linear-gradient(135deg, #c9a227, #f5c842) !important;
        color: #1a0f2e !important;
        border: none !important;
        font-weight: 700 !important;
        border-radius: 8px !important;
    }

        body.mpe-dark .jdp-btn:hover {
            background: linear-gradient(135deg, #f5c842, #e6b800) !important;
        }