.date-dmy-control { display: inline-flex; align-items: center; flex-wrap: wrap; gap: .35rem; max-width: 100%; }
.date-dmy-control > input { min-width: 10rem; width: auto; max-width: 100%; flex: 1 1 10rem; }
.date-dmy-calendar { font: inherit; font-size: .85rem; padding: .45rem .6rem; border: 1px solid #86606b; border-radius: .35rem; background: #fff; color: #702638; cursor: pointer; }
.date-dmy-calendar:disabled { opacity: .5; cursor: default; }
.date-dmy-calendar:focus-visible { outline: 3px solid #2363bb; outline-offset: 2px; }
.date-dmy-calendar[aria-haspopup] { font-size: 1.25rem; min-width: 2.75rem; min-height: 2.75rem; padding: .3rem; }
.flatpickr-calendar { color: #222; background: white; max-width: calc(100vw - 16px); }