@media(min-width:1101px){body main form.dc-policy-filter{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}body main form.dc-policy-filter[data-dc-filter-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
/* BR-UI-71109-007：篩選列第一格是日期區間（最小 220px）時，該格至少 220px、其餘平分；1440px 寬時原本 5 格各 213px，日期區間超出欄位、與右側篩選器只剩 5px 間距（庫存調撥實測）。仍維持一列 5 格；用 :where() 保持與基本規則同權重，頁面自訂欄數（如每日銷售 3 欄）不受影響 */@media(min-width:1101px){body main form.dc-policy-filter:where(:has(> label.field:first-child .dc-date-range-control,> label.date-range-field:first-child)){grid-template-columns:minmax(220px,1fr) repeat(4,minmax(0,1fr))!important}body main form.dc-policy-filter[data-dc-filter-columns="4"]:where(:has(> label.field:first-child .dc-date-range-control,> label.date-range-field:first-child)){grid-template-columns:minmax(220px,1fr) repeat(3,minmax(0,1fr))!important}}
body main .dc-unified-tools{display:flex!important;align-items:flex-end!important;gap:12px!important;flex-wrap:wrap}
body main .dc-unified-tools form.dc-inline-filter{display:flex!important;flex-direction:row!important;gap:12px!important;align-items:flex-end!important;flex-wrap:wrap;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;width:auto!important;max-width:100%!important;flex:0 0 auto!important}
body main .dc-inline-filter>label{width:220px!important;max-width:100%;flex:0 0 220px;margin:0!important}
body main .dc-content-utilities{justify-content:flex-end;gap:8px;margin:8px 0}
@media(max-width:1100px) and (min-width:701px){body main form.dc-policy-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){body main .dc-tabs{display:flex!important;width:100%!important;max-width:100%!important;box-sizing:border-box;overflow-x:auto!important;flex-wrap:nowrap!important}body main form.dc-policy-filter{grid-template-columns:1fr!important}body main .dc-inline-filter>label{width:100%!important;flex-basis:100%}body main .dc-unified-tools form.dc-inline-filter{width:100%!important}}
/* BR-UI-71149-001：篩選列每格至少 220px（日期區間「2026/09/14 ～ 2026/10/13」需要的寬度），放不下自動換列、上下欄對齊；原本超過 1100px 固定 5 等分，iPad 橫放每格只剩 161px，日期區間壓到右邊的供應商（使用者回報）。寬螢幕仍一列排完 */
@media(min-width:701px){html body main form.dc-policy-filter{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;justify-content:stretch!important}
html body main form.reconciliation-filter{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:12px!important;align-items:end!important}
html body main form.reconciliation-filter>.dc-filter-row{display:contents!important}
html body main form.reconciliation-filter>.dc-filter-row>label:is(#dc-none,label){justify-self:stretch!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;flex:none!important}
html body main form.reconciliation-filter .reconciliation-settings-button{justify-self:start;align-self:end;width:auto!important;margin:0!important}html body main form.reconciliation-filter>.reconciliation-other-row>:first-child{grid-column-start:1!important}html body main form.reconciliation-filter:not(:has(.reconciliation-settings-button,[name=outlet]))>.reconciliation-other-row>:first-child{grid-column-start:auto!important}}/* 71.176（使用者決定）：門市模式沒有「門市」與「核對區間設定」，四個篩選排成一列 *//* 單據核對維持兩列（BR-UI-7110-002：日期類型、日期範圍、核對區間設定／供應商、門市、狀態），兩列共用同一組欄寬、上下對齊 */