.numeric-date{position:relative;display:block;width:100%;min-width:0;box-sizing:border-box}
.numeric-date input[type="datetime-local"],.numeric-date input[type="date"]{position:absolute;inset:0;width:100%!important;height:100%;min-width:0!important;opacity:0;cursor:pointer;margin:0;box-sizing:border-box;z-index:1}
.numeric-date-label{display:block;border:1px solid #8b9ba8;border-radius:6px;padding:14px 10px;font-size:clamp(13px,2.8vw,17px);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center;box-sizing:border-box;min-height:48px}
.numeric-date:focus-within{outline:2px solid #398b74;outline-offset:2px;border-radius:6px}
.controls>div{min-width:0}
.numeric-date-label{pointer-events:none;padding-right:32px}
.numeric-date::after{content:'▦';position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted,#657580);font-size:18px}
.numeric-date:has(input:disabled){opacity:.55;cursor:wait}