.date-field{position:relative;width:100%;min-width:0}
.date-field .form-control,.date-field__alt{width:100%;min-width:0;box-sizing:border-box;padding-right:2.75rem}
.date-field__icon{position:absolute;top:50%;right:var(--space-3,.75rem);transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none;z-index:2}
.date-field:focus-within .date-field__icon{color:var(--color-primary)}
html{
  --calendar-background:var(--color-surface-elevated);
  --calendar-surface:var(--color-card-background);
  --calendar-text:var(--color-text-primary);
  --calendar-text-muted:var(--color-text-muted);
  --calendar-border:var(--color-border);
  --calendar-hover:var(--color-primary-soft);
  --calendar-selected-background:var(--color-primary);
  --calendar-selected-text:var(--color-text-on-primary);
  --calendar-today-border:var(--color-primary);
  --calendar-today-background:color-mix(in srgb,var(--color-primary) 14%,transparent);
  --calendar-disabled:color-mix(in srgb,var(--color-text-muted) 42%,transparent);
  --calendar-shadow:var(--shadow-lg);
}
.flatpickr-calendar{background:var(--calendar-background);color:var(--calendar-text);border:1px solid var(--calendar-border);border-radius:var(--radius-lg);box-shadow:var(--calendar-shadow);font-family:inherit;overflow:hidden}
.flatpickr-calendar.open{z-index:1090}
.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{border-bottom-color:var(--calendar-background)}
.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{border-top-color:var(--calendar-background)}
.flatpickr-months,.flatpickr-weekdays{background:var(--calendar-surface)}
.flatpickr-months .flatpickr-month{background:var(--calendar-surface);color:var(--calendar-text);fill:var(--calendar-text)}
.flatpickr-current-month,.flatpickr-current-month input.cur-year,.flatpickr-current-month .flatpickr-monthDropdown-months,.numInputWrapper input,span.flatpickr-weekday{color:var(--calendar-text);font-weight:700}
.flatpickr-monthDropdown-months,.numInputWrapper input{background:var(--calendar-surface);border-radius:var(--radius-sm)}
.flatpickr-monthDropdown-months option{background:var(--calendar-surface);color:var(--calendar-text)}
.flatpickr-prev-month,.flatpickr-next-month{color:var(--calendar-text)!important;fill:currentColor!important}
.flatpickr-prev-month:hover,.flatpickr-next-month:hover{color:var(--color-primary)!important}
.flatpickr-innerContainer,.flatpickr-rContainer,.flatpickr-days,.dayContainer{background:var(--calendar-background)}
.flatpickr-day{box-sizing:border-box;width:14.2857143%;max-width:14.2857143%;flex:0 0 14.2857143%;color:var(--calendar-text);border-radius:var(--radius-md);border-color:transparent;height:38px;line-height:38px}
.flatpickr-day:hover,.flatpickr-day:focus{background:var(--calendar-hover);border-color:var(--calendar-hover);color:var(--calendar-text)}
.flatpickr-day.today{position:relative;background:var(--calendar-today-background);border-color:var(--calendar-today-border);color:var(--calendar-text);font-weight:800}
.flatpickr-day.today:after{content:"";position:absolute;left:50%;bottom:5px;width:4px;height:4px;border-radius:999px;background:var(--calendar-today-border);transform:translateX(-50%)}
.flatpickr-day.today:hover,.flatpickr-day.today:focus{background:var(--calendar-hover);border-color:var(--calendar-today-border);color:var(--calendar-text)}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover{background:var(--calendar-selected-background);border-color:var(--calendar-selected-background);color:var(--calendar-selected-text)}
.flatpickr-day.selected:after,.flatpickr-day.startRange:after,.flatpickr-day.endRange:after{background:var(--calendar-selected-text)}
.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay{color:var(--calendar-text-muted)}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{color:var(--calendar-disabled);background:transparent;border-color:transparent}
.flatpickr-time,.flatpickr-time input,.flatpickr-time .flatpickr-am-pm{background:var(--calendar-surface);color:var(--calendar-text);border-color:var(--calendar-border)}
input[type="date"]{background:var(--color-input-background);color:var(--color-text-primary);border-color:var(--color-input-border);color-scheme:light}
html[data-color-mode="dark"] input[type="date"]{color-scheme:dark}
input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8}
@media(max-width:640px){
  .flatpickr-calendar{width:min(307.875px,calc(100vw - 24px));max-width:calc(100vw - 24px)}
  .flatpickr-innerContainer,.flatpickr-rContainer,.flatpickr-days,.dayContainer{width:100%;min-width:0;max-width:none}
  .flatpickr-day{height:36px;line-height:36px}
}
