.trace-date-field {display:inline-grid;position:relative;width:100%;min-width:0;gap:4px;vertical-align:middle}
.trace-date-field .trace-date-native {position:absolute;inset:0;width:100%;height:38px;opacity:0;pointer-events:none}
.trace-date-field .trace-date-editor {width:100%;min-width:0;padding-right:42px;font-variant-numeric:tabular-nums}
.trace-date-editor::placeholder {color:var(--text-3);opacity:1}
.trace-date-calendar {position:absolute;right:1px;top:1px;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:0 var(--r-ctl,8px) var(--r-ctl,8px) 0;background:transparent;color:var(--text-2);cursor:pointer}
.trace-date-calendar svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.trace-date-calendar:hover {background:var(--sub);color:var(--text)}
.trace-date-calendar:focus-visible {outline:2px solid var(--action,var(--navy));outline-offset:-3px}
.trace-date-calendar:disabled {cursor:default;opacity:.5}
.trace-date-editor[aria-invalid="true"] {border-color:var(--danger,#b8403a)}
.trace-date-feedback {position:absolute;top:calc(100% + 3px);left:0;right:0;z-index:2;font-size:12px;line-height:17px;color:var(--danger,#b8403a);background:var(--surface);border-radius:4px}
.trace-date-help {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.trace-date-field [hidden] {display:none}