.date-control{display:flex;align-items:center;position:relative;min-width:0;width:100%;gap:0}
.date-control>input[data-date-kind]{min-width:0;width:100%;padding-right:2.8rem;font-variant-numeric:tabular-nums}
.date-control>.date-picker-button{position:absolute;right:3px;top:auto;bottom:3px;transform:none;display:grid;place-items:center;width:2.35rem;height:2.35rem;min-height:0;padding:0;margin:0;border:0;border-radius:7px;background:transparent;color:inherit;font-size:1.25rem;line-height:1;box-shadow:none;cursor:pointer}
.date-control>.date-picker-button:hover{background:rgba(127,127,127,.12)}
.date-control>.date-picker-button:focus-visible{outline:2px solid currentColor;outline-offset:-3px}
.date-control>.date-native-picker{position:absolute;left:0;bottom:0;width:1px;height:1px;min-height:0;padding:0;border:0;opacity:0;pointer-events:none}
.date-control:has(>input:disabled)>.date-picker-button,.date-control:has(>input[readonly])>.date-picker-button{display:none}

.advanced-filter-fields>.date-control{flex:0 1 150px;width:150px;min-width:0}
@media(max-width:700px){.advanced-filter-fields>.date-control{flex-basis:calc(50% - 4px);width:calc(50% - 4px)}}