.results-layout {
    display: block;
}

.results-panel {
    padding: 20px;
}

.results-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.results-chart-panel,
.results-table-panel {
    margin-top: 18px;
    padding: 18px;
    border-radius: 24px;
    background: var(--panel-strong);
    border: 1px solid rgba(106, 90, 205, 0.1);
}

#progressChart {
    display: block;
    width: 100%;
    height: auto;
}

.results-table-wrapper {
    overflow-x: auto;
}

.results-table {
    width: 100%;
    border-collapse: collapse;
}

.results-table th,
.results-table td {
    padding: 12px 10px;
    text-align: left;
    border-bottom: 1px solid rgba(106, 90, 205, 0.1);
    vertical-align: top;
}

.results-table th {
    color: var(--muted);
    font-size: 0.85rem;
}

.results-empty {
    color: var(--muted);
    padding: 12px 0 4px;
}

@media (max-width: 860px) {
    .results-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

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