/* Reporting Dashboard Stitch Styles */
.st-reporting-container {
    padding-top: 80px;
    padding-bottom: 80px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--st-px);
    padding-right: var(--st-px);
}

.st-reporting-header {
    margin-bottom: 40px;
}

.st-reporting-title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--st-on-surface);
}

.st-reporting-desc {
    font-size: 1.125rem;
    color: var(--st-on-surface-variant);
    margin-top: 16px;
    max-width: 800px;
}

.st-reporting-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 32px;
}

.st-reporting-chart-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 40px;
}

@media (min-width: 1024px) {
    .st-reporting-chart-grid {
        /* Two charts remain (volume trends, top publishers); the third column was
           left empty when the Geographic Zones chart was withdrawn. */
        grid-template-columns: repeat(2, 1fr);
    }
}

.st-reporting-chart-wrapper {
    background: var(--st-surface-container-low);
    border-radius: 12px;
    padding: 20px;
    height: 350px;
}

.st-reporting-table-wrapper {
    overflow-x: auto;
    background: var(--st-surface-container-low);
    border-radius: 12px;
    padding: 20px;
}

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

.st-reporting-table th,
.st-reporting-table td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid var(--st-outline-variant);
}