.date-range-storage{display:none!important}
/* Top-layer dialog escapes filter-card clipping and mobile stacking contexts. */
.page-body dialog.date-range-popover{position:fixed;inset:0;margin:auto;width:min(680px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:fit-content;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box}
.date-range-popover::backdrop{background:rgba(21,38,60,.3)}
.date-range-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:16px}
.date-range-dialog-head button{border:0;background:transparent;color:var(--tblr-primary);padding:8px;min-height:44px}
.date-range-month-picker{display:flex;align-items:end;gap:12px;margin-top:12px}
.date-range-month-picker label{display:grid;gap:4px;flex:1;font-size:13px}
.date-range-month-picker select{width:100%;min-width:0;height:40px;border:1px solid var(--tblr-border-color);border-radius:6px;background:var(--tblr-bg-surface);color:var(--tblr-body-color);padding:6px 10px;font:inherit}
.date-range-month-picker .button{white-space:nowrap;min-height:40px}
@media(max-width:767px){
 .page-body dialog.date-range-popover{inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:calc(100dvh - 12px);border-radius:12px 12px 0 0;padding:12px 12px max(12px,env(safe-area-inset-bottom));font-size:14px}
 .page-body .date-range-months{grid-template-columns:1fr}
 .page-body .date-range-month:nth-child(2){display:none}
 .page-body .date-range-month-picker{gap:8px}
 .page-body .date-range-month-picker select{font-size:16px;min-height:44px}
 .page-body .date-range-footer{position:sticky;bottom:0;background:var(--tblr-bg-surface);gap:8px;padding:12px 0 0;flex-wrap:wrap}
 .page-body .date-range-footer>div{margin-left:auto}
 .page-body .date-range-footer .button{min-width:64px;min-height:44px}
}
.filter-card .date-range-field{width:100%;min-width:0;flex-basis:auto}
.filter-card .date-range-trigger{height:38px}
.dashboard-filter-card form .date-range-field{width:100%;max-width:680px;margin-left:auto}
.dashboard-filter-card form .date-range-popover{left:auto;right:0}
.filter-card .input-group>.form-control{width:1%;min-width:0}
.pagination-card{margin-top:1rem;overflow:visible}
.pagination-footer{min-height:66px;background:var(--tblr-bg-surface)}
.pagination-footer .page-link{min-width:36px;text-align:center}
.pagination-footer .dropdown-toggle{min-width:116px}
@media(max-width:760px){.pagination-footer{align-items:flex-start!important;gap:12px;flex-direction:column}.pagination-controls{margin-left:0!important;width:100%;justify-content:space-between}.pagination-footer .dropdown{margin-right:8px!important}}
