/* Mesaj kutulari: DxWindow ve DxPopup ustunde (StusZIndex.Message = 11100) */
dxbl-popup.message,
.message.dxbl-popup,
.message[role="dialog"] {
    z-index: var(--stus-z-message) !important;
}

/* 1. ORTAK ÖZELLİKLER (Gövde metni eklendi) */
.message .dxbl-message-box-header-icon {
    display: none !important;
}

.message .dxbl-message-box-header::before {
    display: flex;
    margin-right: 10px;
    align-items: center;
    font-family: "bootstrap-icons";
    font-size: 2rem;
    animation: blinkermessage 1s ease-in-out infinite alternate;
}

.message .dxbl-message-box-header::before,
.message .dxbl-message-box-title,
.message .dxbl-message-box-header * {
    color: var(--msg-color) !important;
}

.message .dxbl-message-box-body {
    display: flex !important;
    flex-direction: column !important;
    justify-content: safe center !important;
    align-items: safe center !important;
    height: 15vh;
    max-height: 15vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px !important;
    color: var(--msg-text-color, #333333) !important;
}

    .message .dxbl-message-box-body span,
    .message .dxbl-message-box-body * {
        color: inherit !important;
        font-size: 1.2rem !important;
        display: inline-block !important;
        max-width: 100% !important;
        text-align: left !important;
        white-space: pre-line !important;
    }

    .message .dxbl-message-box-body * {
        color: inherit !important;
    }

/* Button1 */
.message .dxbl-message-box-footer-primary-button {
    background-color: var(--msg-color) !important;
    border-color: var(--msg-color) !important;
    color: #ffffff !important; 
}

    .message .dxbl-message-box-footer-primary-button:hover {
        opacity: 0.85 !important;
    }

/* Button2 */
.message .dxbl-message-box-footer-secondary-button {
    color: var(--msg-color) !important;
    border-color: var(--msg-color) !important;
}

    .message .dxbl-message-box-footer-secondary-button:hover {
        background-color: var(--msg-color) !important;
        color: #ffffff !important;
    }

/* Deleted: Hayır dolu/kırmızı, Evet outline — buton sırası ve odak değişmez */
.message-focus-cancel .dxbl-message-box-footer-primary-button {
    background-color: transparent !important;
    color: var(--msg-color) !important;
    border-color: var(--msg-color) !important;
    opacity: 1 !important;
}

    .message-focus-cancel .dxbl-message-box-footer-primary-button:hover {
        background-color: var(--msg-color) !important;
        color: #ffffff !important;
        opacity: 1 !important;
    }

.message-focus-cancel .dxbl-message-box-footer-secondary-button {
    background-color: var(--msg-color) !important;
    border-color: var(--msg-color) !important;
    color: #ffffff !important;
}

    .message-focus-cancel .dxbl-message-box-footer-secondary-button:hover {
        opacity: 0.85 !important;
        background-color: var(--msg-color) !important;
        color: #ffffff !important;
    }

/*  2. TİPLER VE VARSAYILAN RENKLER (Default)  */
.message-question {
    --msg-color: var(--bs-primary); 
}
.message-question .dxbl-message-box-header::before {
    content: "\f504";
}

.message-error {
    --msg-color: var(--bs-danger); 
}
.message-error .dxbl-message-box-header::before {
    content: "\f622";
}

.message-success {
    --msg-color: var(--bs-success);
}
.message-success .dxbl-message-box-header::before {
    content: "\f26a";
}

.message-info {
    --msg-color: var(--bs-info); 
}
.message-info .dxbl-message-box-header::before {
    content: "\f430";
}

.message-warning {
    --msg-color: var(--bs-warning)
}
.message-warning .dxbl-message-box-header::before {
    content: "\f332";
}

/* 3. RENK EZİCİ SINIFLAR (Override)*/
.message-color-danger {
    --msg-color: var(--bs-danger);
    --msg-text-color: #842029;
}

.message-color-primary {
    --msg-color: var(--bs-primary);
}

.message-color-success {
    --msg-color: var(--bs-success);
}

.message-color-warning {
    --msg-color: var(--bs-warning);
}

.message-color-info {
    --msg-color: var(--bs-info);
}


/* 4. Animasyonlar */
@keyframes blinkermessage {
    to {
        opacity: 0.5;
    }
}

@keyframes spinmessage {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}