/* Separate field, horizontal query-action, and right-aligned reload regions. */
body.list-layout-active [data-list-page].list-page-layout .list-query-layout { --query-fields-max: 1090px; display: grid; grid-template-columns: minmax(0, var(--query-fields-max)) max-content minmax(64px, 1fr); align-items: start; gap: 8px 12px; width: 100%; min-width: 0; }
body.list-layout-active [data-list-page].list-page-layout .list-query-layout[data-query-columns="1"] { --query-fields-max: 300px; }
body.list-layout-active [data-list-page].list-page-layout .list-query-layout[data-query-columns="2"] { --query-fields-max: 520px; }
body.list-layout-active [data-list-page].list-page-layout .list-query-layout[data-query-columns="3"] { --query-fields-max: 760px; }
body.list-layout-active [data-list-page].list-page-layout .list-query-fields { container-type: inline-size; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); align-items: start; gap: 8px 10px; min-width: 0; }
body.list-layout-active [data-list-page].list-page-layout .list-query-fields > * { width: 100%; min-width: 0; margin: 0; }
body.list-layout-active [data-list-page].list-page-layout .list-query-fields .ant-form-item { min-width: 0; min-height: 32px; margin: 0; }
body.list-layout-active [data-list-page].list-page-layout .list-query-fields .ant-form-item-row { flex-direction: row; flex-wrap: nowrap; align-items: center; }
body.list-layout-active [data-list-page].list-page-layout .list-query-fields .ant-form-item-label { flex: 0 0 80px; width: 80px; padding: 0 8px 0 0; text-align: right; }
body.list-layout-active [data-list-page].list-page-layout .list-query-fields .ant-form-item-control { flex: 1 1 0; min-width: 0; }
body.list-layout-active [data-list-page].list-page-layout .list-query-fields > label { display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: center; justify-content: stretch; gap: 8px; width: 100%; min-width: 0; margin: 0; font-size: 12px; }
body.list-layout-active [data-list-page].list-page-layout .list-query-fields :is(input, select, .ant-select, .ant-picker) { box-sizing: border-box; width: 100% !important; min-width: 0; max-width: 100%; }
body.list-layout-active [data-list-page].list-page-layout .list-query-fields > label > input:not([type=checkbox]):not([type=radio]),
body.list-layout-active [data-list-page].list-page-layout .list-query-fields :is(input.ant-input, select, .ant-picker) { min-height: 32px; height: 32px; padding-top: 4px; padding-bottom: 4px; font-size: 12px; }
body.list-layout-active [data-list-page].list-page-layout .list-query-actions { display: flex; flex-direction: row; align-items: center; gap: 8px; min-width: 0; padding-left: 12px; border-left: 1px solid #e4eaf2; }
body.list-layout-active [data-list-page].list-page-layout .list-query-actions > :is(button, a) { white-space: nowrap; }
body.list-layout-active [data-list-page].list-page-layout .list-query-refresh { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: 64px; }
body.list-layout-active [data-list-page].list-page-layout .list-query-refresh > button { margin: 0; white-space: nowrap; }
body.list-layout-active [data-list-page].list-page-layout .list-query-layout .list-query-summary { grid-column: 1 / -1; min-width: 0; margin: 0; }
body.list-layout-active [data-list-page].list-page-layout .list-actions-bar, body.list-layout-active [data-list-page].list-page-layout .list-secondary-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; width: 100%; min-width: 0; margin-bottom: 8px; }
body.list-layout-active [data-list-page].list-page-layout .list-actions-bar > .list-refresh-button { margin-left: auto; }
body.list-layout-active [data-list-page].list-page-layout .list-actions-bar.goods-actions { justify-content: flex-end; }
body.list-layout-active [data-list-page].list-page-layout .list-actions-bar.goods-actions > .list-refresh-button { margin-left: 0; }
body.list-layout-active [data-list-page].list-page-layout .list-secondary-actions > .ant-space { margin-left: 0 !important; flex-wrap: wrap; }
body.list-layout-active [data-list-page].list-page-layout .legacy-query-toolbar { margin-bottom: 10px; padding: 8px 10px; background: #f7f9fc; border: 1px solid #eef1f6; border-radius: 6px; }
body.list-layout-active [data-list-page].list-page-layout .statistics-filters { display: block; width: 100%; }
body.list-layout-active [data-list-page].list-page-layout .management-toolbar:has(.statistics-filters) { display: block; }
body.list-layout-active [data-list-page].list-page-layout .statistics-presets { margin-top: 8px; }
/* Add/import controls keep their own lightweight row; a query bar always spans the full panel width. */
body.list-layout-active [data-list-page].list-page-layout :is(.panel-heading, .native-heading, .pupu-panel-heading, .yyapk-panel-heading, .management-heading) { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; width: 100%; min-width: 0; min-height: 32px; margin-bottom: 12px; }
body.list-layout-active [data-list-page].list-page-layout :is(.panel-heading-actions, .native-heading > button, .pupu-heading-actions, .yyapk-heading-actions, .management-actions) { margin-left: auto; }
body.list-layout-active [data-list-page].list-page-layout :is(.panel-heading-actions, .pupu-heading-actions, .yyapk-heading-actions, .management-actions) { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; min-width: 0; }
body.list-layout-active [data-list-page].list-page-layout .legacy-list-page-heading { margin: 0; color: var(--workspace-ink); font-size: 14px; overflow-wrap: anywhere; }
body.list-layout-active [data-list-page].list-page-layout .management-actions > :is(button, a) { margin: 0; white-space: nowrap; }
body.list-layout-active [data-list-page].list-page-layout :is(.toolbar, .native-toolbar, .pupu-toolbar, .yyapk-toolbar):has(.list-query-layout) { box-sizing: border-box; min-width: 0; width: 100%; }
body.list-layout-active [data-list-page].list-page-layout .list-actions-bar.recharge-toolbar { justify-content: space-between; }
body.list-layout-active [data-list-page].list-page-layout .task-toolbar.list-query-toolbar { display: block; }
@media (max-width: 767px) {
    body.list-layout-active [data-list-page].list-page-layout .list-query-layout { grid-template-columns: minmax(0, 1fr) max-content; gap: 8px; }
    body.list-layout-active [data-list-page].list-page-layout .list-query-fields { grid-column: 1 / -1; grid-row: 1; }
    body.list-layout-active [data-list-page].list-page-layout .list-query-actions { grid-column: 1; grid-row: 2; flex-wrap: wrap; padding-left: 0; border-left: 0; }
    body.list-layout-active [data-list-page].list-page-layout .list-query-refresh { grid-column: 2; grid-row: 2; }
    body.list-layout-active [data-list-page].list-page-layout .list-query-layout .list-query-summary { grid-row: 3; }
}
/* Keep related actions side-by-side even beside the persistent mobile icon sidebar. */
@media (max-width: 359px) {
    body.list-layout-active [data-list-page].list-page-layout .list-query-actions { grid-column: 1 / -1; }
    body.list-layout-active [data-list-page].list-page-layout .list-query-refresh { grid-column: 1 / -1; grid-row: 3; }
    body.list-layout-active [data-list-page].list-page-layout .list-query-layout .list-query-summary { grid-row: 4; }
}

@container (min-width: 380px) {
    body.list-layout-active [data-list-page].list-page-layout .list-query-fields > .list-query-wide { grid-column: span 2; }
}

@media (min-width: 768px) and (max-width: 1199px) {
    body.list-layout-active [data-list-page].list-page-layout .list-query-layout { grid-template-columns: minmax(0, 1fr) max-content; }
    body.list-layout-active [data-list-page].list-page-layout .list-query-fields { grid-column: 1 / -1; }
    body.list-layout-active [data-list-page].list-page-layout .list-query-actions { grid-column: 1; flex-wrap: wrap; padding-left: 0; border-left: 0; }
    body.list-layout-active [data-list-page].list-page-layout .list-query-refresh { grid-column: 2; }
    body.list-layout-active [data-list-page].list-page-layout .list-query-fields { grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); }
}
/* Match the existing Ant primary query button, including hover, keyboard focus and disabled states. */
body.list-layout-active [data-list-page].list-page-layout :is(.list-query-refresh > button, .list-refresh-button, .list-actions-bar.recharge-toolbar > .refresh-button, .list-query-actions > .query-button) { background: var(--workspace-action); border-color: var(--workspace-action); color: #fff; }
body.list-layout-active [data-list-page].list-page-layout :is(.list-query-refresh > button, .list-refresh-button, .list-actions-bar.recharge-toolbar > .refresh-button, .list-query-actions > .query-button):hover:not(:disabled):not([aria-disabled="true"]) { background: var(--workspace-action-hover); border-color: var(--workspace-action-hover); color: #fff; }
body.list-layout-active [data-list-page].list-page-layout :is(.list-query-refresh > button, .list-refresh-button, .list-actions-bar.recharge-toolbar > .refresh-button, .list-query-actions > .query-button):focus-visible { outline: 2px solid #0050b3; outline-offset: 2px; }
body.list-layout-active [data-list-page].list-page-layout :is(.list-query-refresh > button, .list-refresh-button, .list-actions-bar.recharge-toolbar > .refresh-button, .list-query-actions > .query-button):is(:disabled, [aria-disabled="true"]) { background: #f5f5f5; border-color: #d9d9d9; color: #bfbfbf; cursor: not-allowed; }

/* Long filter sets scroll independently instead of hiding the table pager on small screens. */
body.list-layout-active [data-list-page].list-page-layout :is(.toolbar, .native-toolbar, .pupu-toolbar, .yyapk-toolbar, .legacy-query-toolbar):has(.list-query-layout) { max-height: min(260px, 30dvh); overflow: auto; }