/* Read-only list filters: two full-size horizontal rows at every breakpoint. */
body:is(.workspace-page, .admin-portal-page) form[data-report-filters] {
    display: flex !important; flex-direction: column !important; align-items: stretch !important;
    gap: 6px !important; min-width: 0; max-width: 100%;
}
body:is(.workspace-page, .admin-portal-page) form[data-report-filters]:is([hidden], .catalog-filter-empty-form) { display: none !important; }
body:is(.workspace-page, .admin-portal-page) .report-filter-row {
    display: flex; flex-wrap: nowrap; align-items: end; gap: 7px;
    min-width: 0; width: 100%; max-width: 100%; padding: 2px 1px 4px;
    margin: 0; overflow-x: auto; overscroll-behavior-inline: contain;
    scrollbar-width: thin; scroll-padding-inline: 8px;
}
.report-filter-row:empty { display: none !important; }
.report-filter-row > * { flex-shrink: 0; }
body:is(.workspace-page, .admin-portal-page) form[data-report-filters] .report-filter-row :is(
    .catalog-filter-grid, .catalog-period-controls, .product-store-filter-pair,
    [data-finance-catalog-row], [data-finance-period-row], [data-finance-extra-row]
) { display: contents !important; }
body:is(.workspace-page, .admin-portal-page) form[data-report-filters] .report-filter-row :is(
    .catalog-filter-field, label:not(:has(input[type=checkbox], input[type=radio]))
) {
    display: flex; flex-direction: column; flex: 0 0 170px;
    width: 170px; min-width: 170px; max-width: none; gap: 3px; margin: 0 !important;
}
body:is(.workspace-page, .admin-portal-page) form[data-report-filters] .report-filter-row-primary .catalog-filter-field { flex-grow: 1; }
body:is(.workspace-page, .admin-portal-page) form[data-report-filters] .report-filter-row :is(
    input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not(.catalog-month-native), select, .catalog-month-trigger
) { box-sizing: border-box; height: 32px !important; min-height: 32px !important; font-size: 12px; }
form[data-report-filters] .catalog-filter-input { padding-block: 5px !important; }
form[data-report-filters] .catalog-filter-clear { height: 29px; top: 1px; }
body:is(.workspace-page, .admin-portal-page) form[data-report-filters] .report-filter-row :is(
    .catalog-period-modes, .catalog-finance-period-modes, .catalog-period-buttons,
    .stock-valuation-toggles, .orders-filter-actions, .stocks-filter-actions,
    .dynamics-filter-actions, .advertising-filter-actions, .feedback-filter-actions,
    .product-filter-actions, .demand-filter-actions, .ozon-ad-filter-actions, [data-finance-action-row]
) {
    display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
    align-items: end; align-self: end !important; flex: 0 0 auto; gap: 6px; width: auto !important;
    min-width: max-content; margin: 0; padding-top: 0;
}
form[data-report-filters] .report-filter-row :is(.button, button[type=submit]) {
    flex: 0 0 auto; width: auto; min-height: 32px; white-space: nowrap;
}
form[data-report-filters] :is(.catalog-period-modes, .catalog-finance-period-modes) { align-self: end; }
body:is(.workspace-page, .admin-portal-page) form[data-report-filters] .report-filter-row .catalog-finance-period-modes {
    flex-direction: column !important; align-items: stretch; gap: 3px;
}
form[data-report-filters] .catalog-filter-status { flex: 0 0 auto; max-width: 300px; margin: 0; }
form[data-report-filters] .stock-valuation-toggles > label { flex: 0 0 290px; min-width: 290px; }
form[data-report-filters] .stock-valuation-toggles > .stock-value-toggle { box-sizing: border-box; height: 32px; min-height: 32px; padding: 0 6px; align-items: center; }
form[data-report-filters] .stock-value-toggle :is(b, small) { display: block; white-space: nowrap; line-height: 1.15; }
form[data-report-filters] .stock-value-toggle b { font-size: 11px; }
form[data-report-filters] .stock-value-toggle small { font-size: 10px; }
form[data-report-filters] .dynamics-mode { flex: 0 0 170px; min-width: 170px; }
form[data-report-filters] .dynamics-mode .segmented span { box-sizing: border-box; min-height: 32px; height: 32px; }
form[data-report-filters] :is(.warehouse-picker, .product-picker) { flex: 0 0 170px; width: 170px; }
.report-filter-popup {
    position: fixed !important; box-sizing: border-box; margin: 0;
    max-width: calc(100vw - 24px); overflow: auto; overscroll-behavior: contain; z-index: 1300;
}
/* Multiple original form owners share the same two visual rows, never nesting forms. */
[data-report-filter-host] { display: grid; grid-template-columns: minmax(0, 40%) minmax(0, 1fr); grid-template-rows: auto auto; gap: 6px 8px; min-width: 0; }
body:is(.workspace-page, .admin-portal-page) [data-report-filter-host] > form[data-report-filters] { display: contents !important; }
[data-report-filter-host] > form > .report-filter-row-primary { grid-column: 1 / -1; grid-row: 1; }
[data-report-filter-host] > form > .report-filter-row-secondary { grid-column: 2; grid-row: 2; }
[data-report-filter-host] > .stocks-view-toolbar {
    grid-column: 1; grid-row: 2; display: flex; flex-direction: row !important; flex-wrap: nowrap;
    gap: 8px; min-width: 0; width: 100%; max-width: 100%; overflow-x: auto; margin: 0; padding: 0 0 4px;
}
[data-report-filter-host] .stocks-view-modes { display: flex; flex: 0 0 auto; flex-direction: row !important; flex-wrap: nowrap; width: max-content; }
[data-report-filter-host] .stocks-view-modes a { white-space: nowrap; }
[data-report-filter-host] .stocks-slice-form { flex: 0 0 170px; min-width: 170px; }
body.workspace-page .dashboard-toolbar[data-report-dashboard] {
    display: grid; grid-template-columns: minmax(0, 1fr) auto auto; grid-template-rows: auto auto;
    gap: 6px 8px; min-width: 0; max-width: 100%; animation: none; transform: none;
}
body.workspace-page .dashboard-toolbar[data-report-dashboard] > form[data-report-filters] { display: contents !important; }
/* Outrank the legacy overview grid, including its narrow-screen row overrides. */
body.workspace-page .dashboard-toolbar[data-report-dashboard] .report-filter-row-primary { grid-column: 1 / -1; grid-row: 1; }
body.workspace-page .dashboard-toolbar[data-report-dashboard] .report-filter-row-secondary { grid-column: 2; grid-row: 2; width: auto; }
body.workspace-page .dashboard-toolbar[data-report-dashboard] > .dashboard-period-controls {
    grid-column: 1; grid-row: 2; display: flex; flex-direction: row; flex-wrap: nowrap;
    align-items: center; align-self: end; min-width: 0; max-width: 100%; overflow-x: auto;
}
body.workspace-page .dashboard-toolbar[data-report-dashboard] .period-tabs { width: max-content; flex-wrap: nowrap; flex: 0 0 auto; max-width: none; }
body.workspace-page .dashboard-toolbar[data-report-dashboard] .dashboard-custom-period { flex: 0 0 auto; }
body.workspace-page .dashboard-toolbar[data-report-dashboard] > .sync-note { grid-column: 3; grid-row: 2; max-width: 160px; align-self: center; font-size: 11px; }
body.finance-page [data-finance-sticky-filters]:has([data-report-filters]) { max-height: none; overflow: visible; }
@media (max-width: 700px) {
    body.finance-page [data-finance-sticky-filters]:has([data-report-filters]) { max-height: none; overflow: visible; }
    body.workspace-page .dashboard-toolbar[data-report-dashboard] > .sync-note { max-width: 105px; }
}