/* Log container styling inside the popup */
#logPopup .dx-popup-content {
    background-color: #fafafa;
    padding: 20px;
    font-family: "Consolas", "Courier New", monospace;
    font-size: 14px;
    line-height: 1.5;
}

/* Generic log block */
.log-item {
    padding: 6px 12px;
    border-radius: 4px;
    margin-bottom: 6px;
    border-left: 4px solid #ccc;
}

    /* Info */
    .log-item.info {
        background-color: #e7f1ff;
        border-color: #6ea8fe;
        color: #084298;
    }

    /* Warning */
    .log-item.warning {
        background-color: #fff3cd;
        border-color: #ffca2c;
        color: #856404;
    }

    /* Error */
    .log-item.error {
        background-color: #f8d7da;
        border-color: #f5c2c7;
        color: #842029;
    }

    /* Success */
    .log-item.success {
        background-color: #d1e7dd;
        border-color: #0f5132;
        color: #0f5132;
    }

/* Summary block */
.log-summary {
    background-color: #d1e7dd;
    border-left: 4px solid #0f5132;
    padding: 10px 14px;
    margin-top: 15px;
    border-radius: 4px;
    color: #0f5132;
    font-weight: bold;
}

/* Headings inside popup */
#logPopup h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}