/* Scoped to advertising performance; the calculation API is kept separately. */
.ad-performance-page { display:flex; flex:1; flex-direction:column; min-width:0; min-height:0; overflow:hidden; }
.ad-performance-page [hidden] { display:none !important; }
.table-controls.ad-performance-controls { display:block; flex:0 0 auto; padding:8px 10px; max-height:52%; overflow:auto; }
.ad-performance-primary { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.ad-performance-field { display:flex; align-items:center; gap:6px; min-width:0; max-width:100%; color:var(--color-text-secondary); font-size:12px; white-space:nowrap; }
.ad-performance-field .form-control { width:144px; flex:0 1 144px; min-width:0; height:32px; padding:5px 8px; font-size:12px; }
.ad-performance-search .form-control { width:240px; flex-basis:240px; }
.ad-performance-field input[type=date] { width:132px; flex-basis:132px; }
.ad-performance-controls .btn { display:inline-flex; align-items:center; justify-content:center; min-height:32px; margin:0; padding:5px 10px; font-size:12px; white-space:nowrap; }
.ad-performance-secondary { display:flex; align-items:center; flex-wrap:wrap; gap:var(--spacing-md); margin-top:var(--spacing-md); }
.ad-performance-secondary #platformTabs { display:flex; flex-wrap:wrap; gap:var(--spacing-xs); margin-right:auto; }
.ad-performance-details { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; margin-top:8px; padding:10px; border:1px solid var(--color-border-light); border-radius:6px; background:var(--color-bg-light); }
.ad-performance-applied { display:flex; flex-wrap:wrap; gap:var(--spacing-xs); margin-top:var(--spacing-sm); }
.ad-performance-chip { max-width:100%; padding:var(--spacing-xs) var(--spacing-sm); border:1px solid var(--color-border-light); border-radius:var(--border-radius-sm); background:var(--color-bg-light); color:var(--color-text-secondary); font:inherit; font-size:var(--font-size-xs); overflow-wrap:anywhere; cursor:pointer; }
.ad-performance-option-error { margin-top:var(--spacing-sm); color:var(--color-danger); }
.ad-performance-table { flex:1; min-width:0; min-height:0; }
.ad-performance-page #collectPanelSection { flex:0 0 auto; overflow:auto; }
.ad-performance-page #collectPanelSection > div { flex-wrap:wrap; }
.ad-performance-page .tabulator-header { margin-bottom:0; }
@media (max-width:900px) {
    .ad-performance-page .tabulator-footer-contents { flex-wrap:wrap; gap:var(--spacing-sm); }
    .ad-performance-page .tabulator-paginator { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:var(--spacing-xs); min-width:0; max-width:100%; margin-left:auto; white-space:normal; }
}
@media (max-width:480px) {
    .ad-performance-primary .ad-performance-field, .ad-performance-details .ad-performance-field { width:100%; }
    .ad-performance-field .form-control { width:0; flex:1; }
    .ad-performance-field { white-space:normal; }
    .table-controls.ad-performance-controls { padding:var(--spacing-sm); }
    .ad-performance-page .tabulator .tabulator-footer .tabulator-paginator { flex:1 1 100%; }
}