/* Flatpickr MyInkConnect Dark Theme — matches --ink-accent (#8a5cff) */

.flatpickr-calendar{
  background:rgba(12,18,32,.96);
  border:1px solid rgba(138,92,255,.25);
  border-radius:16px;
  box-shadow:0 20px 50px rgba(0,0,0,.55),0 0 24px rgba(138,92,255,.2);
  backdrop-filter:blur(16px) saturate(130%);
  -webkit-backdrop-filter:blur(16px) saturate(130%);
  font-family:system-ui,sans-serif;
  width:307px;
  padding:4px 0;
}
.flatpickr-calendar.open{
  z-index:var(--ink-z-popover-max,1200);
}
.flatpickr-calendar::before,
.flatpickr-calendar::after{
  border-bottom-color:rgba(138,92,255,.25);
}
.flatpickr-calendar.arrowTop::before{
  border-bottom-color:rgba(138,92,255,.35);
}
.flatpickr-calendar.arrowTop::after{
  border-bottom-color:rgba(12,18,32,.96);
}

.flatpickr-months{
  padding:8px 8px 4px;
}
.flatpickr-months .flatpickr-month{
  color:#e9efff;
  fill:#e9efff;
}
.flatpickr-current-month{
  font-size:1rem;
  font-weight:700;
  color:#e9efff;
}
.flatpickr-current-month .flatpickr-monthDropdown-months{
  background:rgba(138,92,255,.12);
  color:#e9efff;
  border:1px solid rgba(138,92,255,.2);
  border-radius:8px;
  padding:2px 4px;
  font-weight:600;
}
.flatpickr-current-month .flatpickr-monthDropdown-months option{
  background:#0c1220;
  color:#e9efff;
}
.flatpickr-current-month input.cur-year{
  color:#e9efff;
  font-weight:700;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month{
  fill:#e9efff;
  color:#e9efff;
  padding:8px;
  border-radius:10px;
  transition:all .2s;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover{
  background:rgba(138,92,255,.18);
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg{
  fill:#e9efff;
}

span.flatpickr-weekday{
  color:#9aa3b2;
  font-size:.78rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.5px;
}

/* Tag-Grid: exakt 7 Spalten – Wochentage (MO–SO) und Tage stimmen überein */
.flatpickr-days .dayContainer{
  display:grid !important;
  grid-template-columns:repeat(7,1fr);
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
}
.flatpickr-day{
  color:#e9efff;
  border-radius:10px;
  border:2px solid transparent;
  font-weight:500;
  transition:all .15s ease;
  width:100% !important;
  max-width:none !important;
  flex:none !important;
  height:36px;
  line-height:32px;
  box-sizing:border-box;
}
.flatpickr-day:hover,
.flatpickr-day:focus{
  background:rgba(138,92,255,.15);
  border-color:rgba(138,92,255,.35);
  color:#fff;
}
.flatpickr-day.today{
  border-color:rgba(138,92,255,.5);
  background:rgba(138,92,255,.08);
  color:#c4b5fd;
  font-weight:700;
}
.flatpickr-day.today:hover{
  background:rgba(138,92,255,.22);
  color:#fff;
}
.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange,
.flatpickr-day.endRange{
  background:linear-gradient(135deg,rgba(138,92,255,.85),rgba(108,62,225,.95));
  border-color:transparent;
  color:#fff;
  font-weight:700;
  box-shadow:0 4px 14px rgba(138,92,255,.4);
}
.flatpickr-day.inRange{
  background:rgba(138,92,255,.12);
  border-color:transparent;
  box-shadow:none;
  color:#e9efff;
}
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay{
  color:rgba(154,163,178,.35);
}
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover{
  background:rgba(138,92,255,.08);
  color:rgba(154,163,178,.6);
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover{
  color:rgba(154,163,178,.2);
  background:transparent;
  border-color:transparent;
  cursor:not-allowed;
}

.numInputWrapper span{
  border-color:rgba(138,92,255,.2);
}
.numInputWrapper span:hover{
  background:rgba(138,92,255,.15);
}
.numInputWrapper span svg{
  fill:#e9efff;
}
.numInputWrapper:hover{
  background:rgba(138,92,255,.08);
  border-radius:6px;
}

.flatpickr-time{
  border-top:1px solid rgba(138,92,255,.15);
  margin-top:4px;
}
.flatpickr-time input{
  color:#e9efff;
  font-weight:600;
}
.flatpickr-time input:hover,
.flatpickr-time input:focus{
  background:rgba(138,92,255,.1);
}
.flatpickr-time .flatpickr-am-pm{
  color:#e9efff;
}
.flatpickr-time .flatpickr-am-pm:hover{
  background:rgba(138,92,255,.15);
}