/* =====================================================
   HARD RESET – REMOVE ALL JQUERY UI THEME IMAGES
===================================================== */
.custom-modal.ui-dialog,
.custom-modal.ui-dialog *,
.custom-modal.ui-dialog .ui-button,
.custom-modal.ui-dialog .ui-widget-content,
.custom-modal.ui-dialog .ui-widget-header {
    background-image: none !important;
    filter: none !important;
}

/* =====================================================
   BASE DIALOG
===================================================== */
.custom-modal.ui-dialog {
    border-radius: 10px !important;
    overflow: hidden;
    font-family: Arial, sans-serif;
    border: none !important;
}

    /* =====================================================
   TITLE BAR (COMMON)
===================================================== */
    .custom-modal.ui-dialog .ui-dialog-titlebar {
        color: #fff !important;
        font-weight: bold;
        border: none !important;
        padding: 10px 14px;
    }

    /* =====================================================
   MODAL TYPES – HEADER + BODY
===================================================== */

    /* ===== SUCCESS ===== */
    .custom-modal.ui-dialog.success {
        background: #f1f8e9 !important;
    }

        .custom-modal.ui-dialog.success .ui-dialog-titlebar {
            background: linear-gradient(90deg, #689f38, #9ccc65) !important;
        }

        .custom-modal.ui-dialog.success .ui-dialog-buttonpane button {
            background: #689f38 !important;
        }

    /* ===== ERROR ===== */
    .custom-modal.ui-dialog.error {
        background: #fdecea !important;
    }

        .custom-modal.ui-dialog.error .ui-dialog-titlebar {
            background: linear-gradient(90deg, #c62828, #ef5350) !important;
        }

        .custom-modal.ui-dialog.error .ui-dialog-buttonpane button {
            background: #c62828 !important;
        }

    /* ===== INFO ===== */
    .custom-modal.ui-dialog.info {
        background: #e3f2fd !important;
    }

        .custom-modal.ui-dialog.info .ui-dialog-titlebar {
            background: linear-gradient(90deg, #1565c0, #42a5f5) !important;
        }

        .custom-modal.ui-dialog.info .ui-dialog-buttonpane button {
            background: #1565c0 !important;
        }

    /* ===== WARNING ===== */
    .custom-modal.ui-dialog.warning {
        background: #fff8e1 !important;
    }

        .custom-modal.ui-dialog.warning .ui-dialog-titlebar {
            background: linear-gradient(90deg, #ef6c00, #ffa726) !important;
        }

        .custom-modal.ui-dialog.warning .ui-dialog-buttonpane button {
            background: #ef6c00 !important;
        }

    /* =====================================================
   CONTENT AREA
===================================================== */
    .custom-modal.ui-dialog .ui-dialog-content {
        background: transparent !important;
        padding: 16px;
        font-size: 14px;
        color: #333;
    }

    /* =====================================================
   BUTTON PANE
===================================================== */
    .custom-modal.ui-dialog .ui-dialog-buttonpane {
        border-top: 1px solid #ddd;
        background: transparent !important;
        padding: 10px;
    }

        /* =====================================================
   BUTTON STYLE
===================================================== */
        .custom-modal.ui-dialog .ui-dialog-buttonpane button {
            color: #fff !important;
            border-radius: 6px;
            border: none !important;
            padding: 8px 18px;
            font-size: 14px;
            cursor: pointer;
            box-shadow: none !important;
        }

    /* =====================================================
   CLOSE (X) ICON – CUSTOM
===================================================== */
    .custom-modal.ui-dialog .ui-dialog-titlebar-close {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        right: 10px;
        top: 50%;
        margin-top: -10px;
    }

        .custom-modal.ui-dialog .ui-dialog-titlebar-close span {
            display: none !important;
        }

        .custom-modal.ui-dialog .ui-dialog-titlebar-close:before {
            content: "✖";
            color: #fff;
            font-size: 16px;
            font-weight: bold;
        }