/* Report modules — spacing + responsive (loads last to beat duplicate rules) */

.bq-reports-app,
.bq-product-reports-app {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 16px 18px 28px;
    max-width: 100%;
    box-sizing: border-box;
}

.bq-reports-app > .bq-topbar,
.bq-reports-app > .bq-page-header,
.bq-product-reports-app > .bq-topbar,
.bq-product-reports-app > .bq-page-header {
    margin: 0;
    padding: 16px 20px;
    gap: 12px 16px;
    box-sizing: border-box;
}

.bq-reports-app > .bq-topbar .bq-topbar-actions,
.bq-product-reports-app > .bq-topbar .bq-topbar-actions {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Date filter */
.bq-reports-app .bq-reports-filter {
    padding: 16px 18px;
    margin: 0;
    box-sizing: border-box;
}

.bq-reports-app .bq-reports-filter-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px 16px;
}

.bq-reports-app .bq-reports-filter-field {
    flex: 1 1 160px;
    max-width: 220px;
    min-width: 148px;
    margin: 0;
    gap: 8px;
}

.bq-reports-app .bq-reports-filter-field .bq-form-control {
    width: 100%;
    min-height: 42px;
    margin: 0;
    box-sizing: border-box;
}

.bq-reports-app .bq-reports-filter-actions {
    flex: 0 0 auto;
    margin: 0;
}

.bq-reports-app .bq-reports-filter-note {
    margin: 14px 0 0;
    padding: 12px 0 0;
    line-height: 1.45;
}

/* Stack: section title → KPIs → table */
.bq-reports-app .bq-reports-layout,
.bq-reports-app .bq-reports-main {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.bq-reports-app .bq-reports-section-head {
    margin: 0;
    padding: 14px 18px;
    box-sizing: border-box;
}

.bq-reports-app .bq-reports-section-head h2 {
    margin: 0;
    gap: 10px;
}

/* KPI cards */
.bq-reports-app .bq-stat-grid,
.bq-reports-app .bq-reports-stat-grid,
.bq-product-reports-app .bq-stat-grid,
.bq-product-reports-app .bq-product-reports-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
}

.bq-product-reports-app .bq-stat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bq-reports-app .bq-stat-card,
.bq-product-reports-app .bq-stat-card {
    margin: 0;
    padding: 18px 20px;
    box-sizing: border-box;
    min-width: 0;
}

.bq-reports-app .bq-stat-label,
.bq-product-reports-app .bq-stat-label {
    display: block;
    padding: 0;
    margin: 0;
}

.bq-reports-app .bq-stat-value,
.bq-product-reports-app .bq-stat-value {
    display: block;
    padding: 2px 0 0;
    margin: 0;
    word-break: break-word;
}

.bq-reports-app .bq-stat-note {
    display: block;
    margin: 0;
    padding: 2px 0 0;
}

/* Tables */
.bq-reports-app .bq-report-table-panel,
.bq-reports-app .bq-panel,
.bq-product-reports-app .bq-panel {
    margin: 0;
    overflow: hidden;
}

.bq-reports-app .bq-report-table-toolbar {
    padding: 14px 18px;
    gap: 12px 16px;
}

.bq-reports-app .bq-report-table-title {
    margin: 0;
}

.bq-reports-app .bq-report-table-meta {
    margin: 6px 0 0;
}

.bq-reports-app .bq-report-table-scroll,
.bq-reports-app .bq-table-wrap,
.bq-product-reports-app .bq-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    margin: 0;
}

.bq-reports-app .bq-table th,
.bq-reports-app .bq-table td,
.bq-reports-app .bq-report-data-table thead th,
.bq-reports-app .bq-report-data-table tbody td,
.bq-product-reports-app .bq-table th,
.bq-product-reports-app .bq-table td {
    padding: 12px 16px;
}

.bq-reports-app .bq-table td:first-child,
.bq-reports-app .bq-table th:first-child {
    padding-left: 16px;
}

.bq-reports-app .bq-panel-head {
    padding: 14px 18px !important;
}

.bq-product-reports-app .bq-board-2 {
    gap: 16px;
    margin: 0;
}

.bq-reports-app .bq-flash,
.bq-reports-app .bq-muted {
    margin: 0;
}

@media (max-width: 1100px) {
    .bq-reports-app .bq-stat-grid,
    .bq-reports-app .bq-reports-stat-grid,
    .bq-product-reports-app .bq-stat-grid,
    .bq-product-reports-app .bq-product-reports-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .bq-reports-app .bq-report-data-table {
        min-width: 0;
    }

    .bq-reports-app table.bq-table-responsive tbody tr,
    .bq-product-reports-app table.bq-table-responsive tbody tr {
        padding: 14px 16px;
        margin-bottom: 12px;
    }

    .bq-reports-app table.bq-table-responsive tbody td,
    .bq-product-reports-app table.bq-table-responsive tbody td {
        padding: 8px 0;
    }
}

@media (max-width: 720px) {
    .bq-reports-app,
    .bq-product-reports-app {
        padding: 12px 12px 24px;
        gap: 14px;
    }

    .bq-reports-app > .bq-topbar,
    .bq-reports-app > .bq-page-header,
    .bq-product-reports-app > .bq-topbar,
    .bq-product-reports-app > .bq-page-header {
        flex-direction: column;
        align-items: stretch;
        padding: 14px 16px;
    }

    .bq-reports-app > .bq-topbar .bq-topbar-actions,
    .bq-product-reports-app > .bq-topbar .bq-topbar-actions {
        margin-left: 0;
        width: 100%;
    }

    .bq-reports-app > .bq-topbar .bq-topbar-actions .pos-chip-btn,
    .bq-product-reports-app > .bq-topbar .bq-topbar-actions .pos-chip-btn {
        flex: 1 1 calc(50% - 4px);
        justify-content: center;
        min-height: 40px;
    }

    .bq-reports-app .bq-reports-filter {
        padding: 14px 16px;
    }

    .bq-reports-app .bq-reports-filter-field {
        flex: 1 1 100%;
        max-width: none;
        min-width: 0;
    }

    .bq-reports-app .bq-reports-filter-actions {
        width: 100%;
    }

    .bq-reports-app .bq-reports-filter-actions .pos-chip-btn {
        width: 100%;
        justify-content: center;
        min-height: 42px;
    }

    .bq-reports-app .bq-reports-section-head {
        padding: 12px 14px;
    }

    .bq-reports-app .bq-stat-card,
    .bq-product-reports-app .bq-stat-card {
        padding: 16px 16px;
    }

    .bq-reports-app .bq-report-table-toolbar {
        flex-direction: column;
        align-items: stretch;
        padding: 14px 16px;
    }

    .bq-reports-app .bq-report-export-actions {
        width: 100%;
    }

    .bq-reports-app .bq-report-export-actions .pos-chip-btn {
        flex: 1 1 auto;
        justify-content: center;
        min-height: 40px;
    }

    .bq-product-reports-app .bq-board-2 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .bq-reports-app .bq-stat-grid,
    .bq-reports-app .bq-reports-stat-grid,
    .bq-product-reports-app .bq-stat-grid,
    .bq-product-reports-app .bq-product-reports-stat-grid {
        grid-template-columns: 1fr;
    }
}