.mpack-ai-page {
    max-width: 1180px;
}

.mpack-ai-section {
    margin-top: 20px;
}

.mpack-ai-section .hndle {
    padding: 8px 12px;
}

.mpack-ai-filters {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.mpack-ai-issues .description {
    display: block;
}

.mpack-ai-issues code {
    display: inline-block;
    margin-top: 4px;
}

.mpack-ai-severity-critical {
    color: #dc3232;
}

.mpack-ai-severity-warning {
    color: #ffb900;
}

.mpack-ai-severity-recommendation {
    color: #00a0d2;
}

@media (max-width: 782px) {
    .mpack-ai-filters,
    .mpack-ai-filters select {
        width: 100%;
    }
}