@use "../constants" as *;

.log-info-trigger {
    cursor: pointer;
    transition: color 0.2s ease;

    &:hover {
        color: #0aa2c0;
    }

    &.active {
        color: #0a58ca;
    }
}

.log-warning-trigger {
    cursor: pointer;
    transition: color 0.2s ease;

    // Severity-based colors
    &.severity-danger {
        color: #dc3545;

        &:hover {
            color: #c82333;
        }

        &.active {
            color: #a71d2a;
        }
    }

    &.severity-warning {
        color: #fd7e14;

        &:hover {
            color: #e8681a;
        }

        &.active {
            color: #d45d12;
        }
    }
}

.log-path-icons {
    display: flex;
    align-items: center;
    position: relative;
    top: 5px;

    .active{
        background-color: $main-background-table-color;
    }
}

.log-path-collapse-panels {
    .log-panel {
        background-color: $main-background-table-color;
        border: 1px solid #e0e4f0;
        border-top: none;
        border-radius: 0 0 5px 5px;
        overflow: hidden;
    }

    .log-panel-content {
        padding: 15px 25px;

        .log-panel-header {
            font-weight: 600;
            color: #444;
        }

        .mb-2:last-child {
            margin-bottom: 0 !important;
        }
    }
}
