/* QRLON LOGS MODULE V1 START */

.logs-page {
    width: 100%;
}


.logs-hint {
    margin:
        0
        0
        12px;

    color: #707070;

    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
}


.logs-primary {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
}


.logs-secondary {
    margin-top: 3px;

    color: #777;

    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
}


.logs-path {
    max-width: 420px;

    font-family:
        Consolas,
        Monaco,
        "Courier New",
        monospace;

    overflow-wrap: anywhere;
}


.logs-badge {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 24px;

    padding: 3px 8px;

    border: 1px solid #ddd;
    border-radius: 999px;

    font-size: 10px;
    font-weight: 500;
    line-height: 1;
}


.logs-ok {
    border-color: #a8ddb9;

    background: #e9f9ee;
    color: #176b32;
}


.logs-neutral {
    border-color: #ddd;

    background: #f5f5f5;
    color: #666;
}


.logs-table th:last-child,
.logs-table td:last-child {
    text-align: right;
    white-space: nowrap;
}


.logs-viewer {
    margin-top: 16px;

    border: 1px solid #d9d9d9;
    border-radius: 7px;

    overflow: hidden;

    background: #fff;
}


.logs-viewer-toolbar {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 12px;

    padding: 10px 12px;

    border-bottom: 1px solid #e1e1e1;

    background: #fafafa;
}


.logs-viewer-title {
    font-size: 13px;
    font-weight: 600;
}


.logs-viewer-meta {
    margin-top: 3px;

    color: #777;

    font-size: 11px;
    font-weight: 400;
}


.logs-viewer-content {
    display: block;

    width: 100%;
    height: 420px;

    margin: 0;
    padding: 12px;

    overflow: auto;

    border: 0;

    background: #111;
    color: #e6e6e6;

    font-family:
        Consolas,
        Monaco,
        "Courier New",
        monospace;

    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;

    white-space: pre-wrap;
    overflow-wrap: anywhere;
}


.logs-message {
    margin-top: 12px;

    padding: 9px 11px;

    border: 1px solid #b9dfc5;
    border-radius: 6px;

    background: #eefaf2;
    color: #176b32;

    font-size: 12px;
}


.logs-message.is-error {
    border-color: #efb4b4;

    background: #fff0f0;
    color: #b51d1d;
}


@media (max-width: 900px) {

    .logs-table {
        min-width: 1050px;
    }

    .logs-viewer-content {
        height: 360px;
    }
}

/* QRLON LOGS MODULE V1 END */
/* =========================================================
   QRLON_LOGS_CLEAR_STYLE_V2
   ========================================================= */

.logs-row-actions {
    display: flex !important;

    align-items: center !important;
    justify-content: flex-end !important;

    flex-wrap: nowrap !important;

    gap: 6px !important;

    white-space: nowrap !important;
}


.logs-clear-button {
    min-width: 54px !important;

    border-color:
        #e7b9b9 !important;

    background:
        #fff0f0 !important;

    color:
        #a22525 !important;
}


.logs-clear-button:hover {
    border-color:
        #d98e8e !important;

    background:
        #ffe2e2 !important;
}


.logs-clear-all-button {
    border-color:
        #e7b9b9 !important;

    background:
        #fff0f0 !important;

    color:
        #a22525 !important;

    font-weight:
        600 !important;
}


.logs-clear-all-button:hover {
    border-color:
        #d98e8e !important;

    background:
        #ffe2e2 !important;
}


.logs-clear-button:disabled,
.logs-clear-all-button:disabled {
    opacity:
        .55 !important;

    cursor:
        wait !important;
}


/* QRLON_LOGS_CLEAR_STYLE_V2_END */