/* Native fields remain successful form controls; only their presentation changes. */
body input.date-native{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;margin:-1px!important;clip-path:inset(50%);overflow:hidden;pointer-events:none;opacity:0}
body .date-input-row{display:flex;align-items:center;min-width:0;width:100%;box-sizing:border-box;gap:0;border:1px solid var(--line);border-radius:7px;background:var(--field)}
body .date-input-row input.date-display{flex:1;min-width:0;width:0;margin:0;padding:7px 10px;border:0!important;border-radius:inherit;background:transparent!important;box-shadow:none!important;color:var(--text);font:inherit;font-weight:400}
body .date-input-row .date-toggle{display:grid;place-items:center;flex:0 0 34px;width:34px;min-height:32px;margin:0;padding:7px;border:0;border-radius:6px;background:transparent;color:var(--muted);box-shadow:none}
body .date-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
body .date-toggle:hover:not(:disabled){color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
body .date-input-row:has(:disabled){opacity:.55}
body .birth-picker.date-picker{inset:auto;margin:0;isolation:isolate;background:linear-gradient(var(--spectre-menu,var(--panel)),var(--spectre-menu,var(--panel))),var(--calendar-base,#151b29);color:var(--text)}
:root[data-resolved-theme=light]{--calendar-base:#fff}
body .date-picker::backdrop{background:transparent;pointer-events:none}
body .date-picker .date-picker-time{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 0;border-top:1px solid var(--line)}
body .date-picker .date-picker-time[hidden],body .date-picker [hidden]{display:none!important}
body .date-picker-time-title{grid-column:1/-1;font-size:.75rem;color:var(--muted)}
body .date-picker-time label{display:grid;gap:5px;margin:0;font-size:.7rem;color:var(--muted)}
body .date-picker-time input{width:100%;min-width:0;padding:7px;border:1px solid var(--line);border-radius:6px;background:var(--field);color:var(--text);font:inherit;font-size:.85rem}
body .date-picker .date-picker-error{margin:0;padding:8px 0;font-size:.75rem;color:var(--text)}
body .date-picker [data-date-apply]{background:var(--accent);color:var(--ink);margin-left:auto}
body .date-picker .birth-picker-footer{flex-wrap:wrap}
@media(pointer:coarse){body .date-input-row .date-toggle{min-height:44px;flex-basis:44px}}
@media(forced-colors:active){body .date-input-row,body .birth-picker.date-picker{border:1px solid CanvasText;background:Canvas;color:CanvasText}body .date-picker [data-selected=true],body .date-picker [data-date-apply]{background:Highlight;color:HighlightText;forced-color-adjust:none}}