.bpm-results {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.bpm-table-wrap {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background-color: var(--surface);
}

.bpm-data-table {
    min-width: 640px;
}

.bpm-data-table td:last-child,
.bpm-data-table th:last-child {
    text-align: right;
}

.bpm-data-table td:nth-child(2),
.bpm-data-table th:nth-child(2) {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .bpm-results {
        grid-template-columns: 1fr;
    }
}