.date-field{position:relative;min-width:165px;flex:0 0 165px}.date-field>label{display:block;margin-bottom:7px}.date-entry{display:flex;border:1px solid #d5dce6;border-radius:4px;background:white}.archive-filters .date-entry input{width:125px;min-width:0;border:0;box-shadow:none}.date-entry:focus-within{outline:2px solid #336fc0;outline-offset:2px}.date-toggle{border:0;border-left:1px solid #e4e9f0;background:#f3f6fa;color:#204f85;padding:0 10px;cursor:pointer;font-size:17px}.date-hint{display:block;color:#687a90;font-size:10px;margin-top:5px}.date-error,.date-range-error{color:#a42e31;font-size:11px}.date-range-error:empty,.date-error:empty{display:none}.date-range-error{flex-basis:100%;margin:0}.date-calendar[hidden]{display:none}.date-calendar{position:absolute;top:75px;left:0;width:280px;max-width:calc(100vw - 42px);background:#fff;border:1px solid #cbd5e3;border-radius:6px;box-shadow:0 8px 25px #172b4930;padding:12px;z-index:20;color:#24364e}.calendar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.calendar-heading strong{font-size:13px}.date-calendar button{cursor:pointer;background:#fff;color:#24364e;border:1px solid transparent;border-radius:3px;min-height:32px;padding:4px 7px}.date-calendar button:hover{background:#eaf1fb}.date-calendar button:focus-visible{outline:2px solid #3473c8;outline-offset:1px}.date-calendar button[aria-pressed=true]{background:#214e82;color:white}.date-calendar button[aria-current=date]{border-color:#3473c8}.date-calendar button:disabled{opacity:.3;cursor:default}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.calendar-grid>span{font-size:10px;color:#63768e;padding:5px 0}.calendar-actions{display:flex;justify-content:space-between;border-top:1px solid #e4e9f0;margin-top:8px;padding-top:8px}.calendar-actions button{color:#24548a;font-size:11px}.archive-filters{flex-wrap:wrap;align-items:flex-start}.archive-filters>.primary,.archive-filters>a{margin-top:20px}@media(max-width:520px){.date-field{flex:1 1 145px;min-width:0}.archive-filters .date-entry input{width:100%}.date-field:nth-child(2) .date-calendar{left:auto;right:0}}
/* Panels elsewhere clip table corners; calendars must extend beyond this form. */
.archive-filters.panel{overflow:visible}