.date-field{min-width:0;display:block;position:relative}.date-field__trigger{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-width:0;min-height:var(--size-touch-target);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-canvas);color:var(--color-foreground);font:inherit;font-weight:var(--font-weight-regular);text-align:left;cursor:pointer;transition:border-color var(--motion-immediate) var(--motion-easing);padding:9px 12px 9px 14px;line-height:1.4;display:flex}.date-field__trigger:hover:not(:disabled),.date-field__trigger[aria-expanded=true]{border-color:var(--color-primary)}.date-field__trigger:disabled{cursor:not-allowed;opacity:.55}.date-field__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.date-field__text.is-empty{color:var(--color-muted-foreground)}.date-field__icon{fill:none;width:1.15rem;height:1.15rem;stroke:var(--color-muted-foreground);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.date-field__trigger[aria-expanded=true] .date-field__icon{stroke:var(--color-primary)}.date-field input.date-field__value{opacity:0;pointer-events:none;border:0;width:1px;min-width:0;height:1px;min-height:0;padding:0;position:absolute;bottom:0;left:50%}.profile-places__field .date-field__trigger{background:var(--color-surface)}.date-picker{width:min(19.5rem,100vw - 16px);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-surface);background:var(--color-surface);box-shadow:var(--shadow-raised);color:var(--color-foreground);font-family:var(--font-family-sans);font-size:var(--font-size-sm);margin:0;line-height:1.4;position:fixed;inset:auto}.date-picker:popover-open{animation:date-picker-in var(--motion-state) var(--motion-easing)}@keyframes date-picker-in{0%{opacity:0;transform:translateY(-4px)}}.date-picker button{font:inherit;color:inherit;cursor:pointer}.date-picker button:disabled{cursor:default}.date-picker__head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:auto 1fr auto;display:grid}.date-picker__head strong{font-family:var(--font-family-display);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);letter-spacing:-.01em;text-align:center}.date-picker__step{border-radius:var(--radius-pill);background:0 0;border:1px solid #0000;place-items:center;width:2.25rem;height:2.25rem;padding:0;display:grid}.date-picker__step svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}.date-picker__step:hover:not(:disabled){background:var(--color-surface-subtle);border-color:var(--color-border)}.date-picker__step:disabled{opacity:.3}.date-picker__weekdays,.date-picker__days{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.date-picker__weekdays span{padding:var(--space-1) 0;color:var(--color-muted-foreground);font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-align:center;text-transform:uppercase}.date-picker__day{aspect-ratio:1;border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;min-height:2.25rem;transition:background-color var(--motion-immediate) var(--motion-easing), color var(--motion-immediate) var(--motion-easing);background:0 0;border:1px solid #0000;padding:0}.date-picker__day:hover:not(:disabled,.is-selected){background:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface))}.date-picker__day.is-outside{color:var(--color-muted-foreground)}.date-picker__day.is-today{border-color:var(--color-primary);font-weight:var(--font-weight-medium)}.date-picker__day.is-selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground);font-weight:var(--font-weight-medium)}.date-picker__day.is-in-range{background:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface));border-radius:var(--radius-control)}.date-picker__day:disabled{color:var(--color-muted-foreground);opacity:.4;text-decoration:line-through}.date-picker__foot{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);display:flex}.date-picker__hint{color:var(--color-muted-foreground);font-size:var(--font-size-sm);align-self:center}.date-picker__foot:not(:has(button,.date-picker__hint)){display:none}.date-picker .date-picker__action{min-height:2.25rem;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--color-primary);font-weight:var(--font-weight-medium);background:0 0;border:0}.date-picker__action:hover{background:var(--color-surface-subtle)}.date-picker--time{width:min(11rem,100vw - 16px);padding:var(--space-2)}.date-picker__times{overscroll-behavior:contain;scrollbar-width:thin;gap:2px;max-height:min(18rem,50vh);display:grid;overflow-y:auto}.date-picker__time{min-height:2.25rem;padding:0 var(--space-3);border-radius:var(--radius-control);font-variant-numeric:tabular-nums;text-align:left;background:0 0;border:0}.date-picker__time:hover:not(.is-selected){background:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface))}.date-picker__time.is-selected{background:var(--color-primary);color:var(--color-primary-foreground);font-weight:var(--font-weight-medium)}.date-picker button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}
