/* Scoped rules keep every query calendar identical across page styles/themes. */
.date-filter-field{display:flex;flex-direction:column;gap:7px;flex:0 1 auto;min-width:0;max-width:100%;margin:0}
.date-filter-label{font:600 13px/1.3 system-ui,sans-serif;color:var(--ui-ink,#f2f3f5)}
body .date-filter-original[hidden]{display:none!important}
body[data-app-chrome] .app-date-filter.app-date-filter .date-filter-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap;max-width:100%}
body[data-app-chrome] .app-date-filter.app-date-filter .date-filter-controls>button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-width:0;min-height:38px;margin:0;padding:8px 12px;border:1px solid var(--ui-accent,#ff922e);border-radius:9px;background:var(--ui-accent,#ff922e);color:var(--ui-accent-ink,#141414);font:500 14px/1.25 system-ui,sans-serif;white-space:nowrap;box-shadow:none;text-transform:none;cursor:pointer}
body[data-app-chrome] .app-date-filter.app-date-filter .date-filter-controls>button:hover{background:var(--ui-accent-hover,#ffae62)}
body[data-app-chrome] .app-date-filter.app-date-filter .date-filter-controls>.date-filter-arrow{min-width:32px;padding-inline:10px;font-size:20px}
body[data-app-chrome] .app-date-filter.app-date-filter .date-filter-controls>.date-filter-value{font-variant-numeric:tabular-nums;white-space:normal}
body[data-app-chrome] .app-date-filter.app-date-filter button:focus-visible,body dialog.date-filter-dialog button:focus-visible{outline:2px solid var(--ui-ink,#fff);outline-offset:2px}
body[data-app-chrome] .app-date-filter.app-date-filter button:disabled,body dialog.date-filter-dialog button:disabled{opacity:.4;cursor:default}
body dialog.date-filter-dialog{position:fixed;inset:0;margin:auto;width:min(420px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);height:auto;padding:20px;box-sizing:border-box;overflow:auto;border:1px solid var(--ui-line,#42464d);border-radius:14px;background:var(--ui-surface,#191c21);color:var(--ui-ink,#f2f3f5);font:14px/1.4 system-ui,sans-serif;box-shadow:0 18px 65px #0008}
body dialog.date-filter-dialog::backdrop{background:#0009}
body dialog.date-filter-dialog .date-filter-heading,body dialog.date-filter-dialog .date-filter-calendar-nav,body dialog.date-filter-dialog .date-filter-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
body dialog.date-filter-dialog h2{margin:0;font:600 18px/1.3 system-ui,sans-serif}
body dialog.date-filter-dialog button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:36px;width:auto;height:auto;padding:7px 12px;margin:0;border:1px solid var(--ui-line,#42464d);border-radius:7px;background:var(--ui-field,#111419);color:var(--ui-ink,#f2f3f5);font:500 14px/1.3 system-ui,sans-serif;box-shadow:none;cursor:pointer}
body dialog.date-filter-dialog .date-filter-inputs{display:flex;gap:12px;margin:16px 0}
body dialog.date-filter-dialog label{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0;margin:0;color:var(--ui-muted,#b7bdc6);font-size:12px}
body dialog.date-filter-dialog input{box-sizing:border-box;width:100%;min-width:0;min-height:38px;padding:7px;border:1px solid var(--ui-line,#42464d);border-radius:6px;background:var(--ui-field,#111419);color:var(--ui-ink,#f2f3f5);font:14px system-ui,sans-serif;color-scheme:dark}
body dialog.date-filter-dialog .date-filter-calendar-nav{margin-bottom:10px;text-transform:capitalize}
body dialog.date-filter-dialog .date-filter-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
body dialog.date-filter-dialog .date-filter-calendar>span{text-align:center;font-size:11px;color:var(--ui-muted,#b7bdc6);padding:3px 0}
body dialog.date-filter-dialog .date-filter-calendar>button{border-color:transparent;background:transparent;padding:7px 0}
body dialog.date-filter-dialog .date-filter-calendar>.date-filter-between{background:var(--ui-accent-soft,#30241a);border-radius:2px}
body dialog.date-filter-dialog .date-filter-calendar>.date-filter-selected,body dialog.date-filter-dialog [data-part="apply"]{background:var(--ui-accent,#ff922e);color:var(--ui-accent-ink,#141414);border-color:var(--ui-accent,#ff922e)}
body dialog.date-filter-dialog .date-filter-calendar>[aria-current="date"]{box-shadow:inset 0 0 0 1px var(--ui-accent,#ff922e)}
body dialog.date-filter-dialog .date-filter-months{grid-template-columns:repeat(3,minmax(0,1fr))}
body dialog.date-filter-dialog .date-filter-message{font:12px/1.4 system-ui,sans-serif;margin:10px 0;min-height:17px;color:var(--ui-muted,#b7bdc6)}
body dialog.date-filter-dialog .date-filter-actions{justify-content:flex-end;margin-top:10px}
body[data-app-chrome] .app-date-filter.app-date-filter [hidden],body dialog.date-filter-dialog [hidden]{display:none!important}
body #orderDateFields:not([hidden]):has(.app-date-filter){flex-basis:auto;display:block}
@media(max-width:600px){body[data-app-chrome] .app-date-filter.app-date-filter .date-filter-controls{gap:4px}body[data-app-chrome] .app-date-filter.app-date-filter .date-filter-controls>button{font-size:12px;padding:7px 8px;min-height:36px}body[data-app-chrome] .app-date-filter.app-date-filter .date-filter-controls>.date-filter-arrow{padding-inline:7px;min-width:26px}body dialog.date-filter-dialog{padding:14px}}
@media print{.app-date-filter,dialog.date-filter-dialog{display:none!important}}

body .day-nav.app-date-filter,body .queue-period.app-date-filter{display:block;min-width:0;max-width:100%}
body .period-tabs[hidden],body .date-nav[hidden],body .app-date-filter>[hidden]{display:none!important}