.order-date-filters { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; margin:0 0 16px; padding:16px; border:1px solid var(--line,#dce8ee); border-radius:16px; background:var(--surface,#fff); }
.order-date-filters label { display:grid; gap:6px; font-size:13px; font-weight:600; min-width:150px; }
.order-date-filters input,.order-date-filters select { min-height:40px; margin:0; }
.order-date-separator { padding-bottom:11px; color:var(--muted,#667b89); }
.order-date-help { align-self:center; font-size:12px; color:var(--muted,#667b89); }
.order-date-error { flex-basis:100%; margin:0; }
.order-pagination { width:100%; display:flex; justify-content:space-between; align-items:center; gap:12px; margin:12px 0; flex-wrap:wrap; }
.order-page-count { font-size:13px; color:var(--muted,#667b89); }
.order-page-controls { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.order-page-picker { display:flex; align-items:center; gap:8px; white-space:nowrap; font-size:13px; color:var(--muted,#667b89); }
.order-page-picker select { width:auto; min-width:112px; min-height:38px; padding:7px 30px 7px 10px; margin:0; }
@media(max-width:600px) {
    .order-date-filters { gap:10px; padding:12px; }
    .order-date-filters label { flex:1 1 130px; min-width:0; }
    .order-date-filters label:first-child { flex-basis:100%; }
    .order-date-separator { display:none; }
    .order-pagination { justify-content:center; }
    .order-page-count { flex-basis:100%; text-align:center; }
    .order-page-controls { gap:7px; justify-content:center; }
    .order-page-picker select { min-width:100px; }
}