.sales-date-filter{margin-left:auto;flex:none}
.sales-date-presets{display:flex;align-items:stretch;height:32px;border:1px solid var(--border,#dbe3ef);border-radius:3px;background:var(--card,#fff);overflow:hidden}
.sales-date-presets>button{height:30px;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--navy-900,#0f172a);font:inherit;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}
.sales-date-presets>.sales-date-custom{border-left:1px solid var(--border,#dbe3ef);color:var(--muted,#657793)}
.sales-date-presets>button[aria-pressed=true]{background:var(--orange-soft,#fff7ed);color:var(--orange-700,#c2410c)}
.sales-date-presets>button:focus-visible{outline:1px solid var(--orange-500,#ff7410);outline-offset:-2px}
.sales-date-popover{position:fixed;inset:auto;margin:0;width:324px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 90px);overflow:auto;padding:12px;box-sizing:border-box;border:1px solid var(--border-strong,#cbd6e4);border-radius:3px;background:var(--card,#fff);color:var(--navy-900,#0f172a);font-family:inherit;box-shadow:0 8px 20px #182a7224}
.sales-date-popover>strong{font-size:12px}.sales-date-popover>p{margin:3px 0 10px;color:var(--muted,#657793);font-size:11px}
.sales-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sales-date-fields label{display:grid;gap:4px;min-width:0;color:var(--muted,#657793);font-size:10px;font-weight:600}
.sales-date-fields input{width:100%;min-width:0;height:32px;box-sizing:border-box;border:1px solid var(--border-strong,#cbd6e4);border-radius:2px;background:var(--card,#fff);color:var(--navy-900,#0f172a);font:inherit;font-size:11px;padding:0 7px}
.sales-date-error{min-height:14px;margin-top:6px;color:var(--danger,#dc2626);font-size:11px}
.sales-date-footer{display:flex;justify-content:flex-end;gap:7px;margin-top:6px}
.sales-date-footer button{min-width:70px;height:30px;border:1px solid var(--border-strong,#cbd6e4);border-radius:2px;background:#fff;color:#0f172a;font-size:11px;font-weight:600;cursor:pointer}
.sales-date-footer button[type=submit]{background:var(--orange-500,#ff7410);border-color:var(--orange-500,#ff7410);color:#fff}
@media(max-width:620px){.orders-topbar:has(.sales-date-filter){flex-wrap:wrap}.sales-date-filter{margin-left:0}.sales-date-presets>button{padding:0 10px}}