/* Native date controls must not set the grid item's minimum content width. */
#overlay .dialog-wrap:has(#date-from){grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%;box-sizing:border-box}
#overlay .dialog:has(#date-from){width:100%;min-width:0;max-width:490px;box-sizing:border-box}
#overlay .dialog:has(#date-from) .field{min-width:0;max-width:100%}
#overlay :is(#date-from,#date-to){display:block;width:100%;inline-size:100%;min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;box-sizing:border-box;appearance:none;-webkit-appearance:none;font-size:16px}
#overlay :is(#date-from,#date-to)::-webkit-datetime-edit{min-width:0;padding:0}
#overlay :is(#date-from,#date-to)::-webkit-date-and-time-value{min-width:0;text-align:left}
#overlay :is(#date-from,#date-to)::-webkit-calendar-picker-indicator{flex:none;margin-inline:8px 0;padding:0}
#overlay .dialog:has(#date-from) .actions{min-width:0;max-width:100%;gap:12px}
@media(max-width:480px){#overlay .dialog:has(#date-from) .actions>.btn{flex:1;width:100%;min-width:0;min-height:48px}}