/* Flatpickr — IT Assets theme (local bundle, month/year dropdowns) */

.flatpickr-calendar.itassets-fp.open{
  z-index:200;
  border-radius:14px;
  border:1px solid var(--bd2);
  box-shadow:0 16px 48px rgba(15,23,42,.16);
  font-family:inherit;
  font-size:13px;
  background:var(--bg);
  width:min(320px,100%);
  box-sizing:border-box;
  overflow:hidden;
}
/* Static mode: calendar opens under its field inside the modal (scrolls with form) */
.flatpickr-calendar.itassets-fp.static.open{
  position:absolute;
  margin-top:4px;
  width:min(320px,100%) !important;
  max-width:100% !important;
  left:0 !important;
  right:auto !important;
}
.mo .flatpickr-wrapper{
  display:block;
  width:100%;
}

.itassets-fp .flatpickr-innerContainer,
.itassets-fp .flatpickr-rContainer{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.itassets-fp .flatpickr-innerContainer{
  overflow:visible;
}
.itassets-fp .flatpickr-days,
.itassets-fp .dayContainer{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box;
  padding-bottom:6px;
}
.itassets-fp .flatpickr-days{
  overflow:visible;
}

.itassets-fp .flatpickr-months{
  padding:10px 8px 0;
}
.itassets-fp .flatpickr-months .flatpickr-month{
  height:auto;
  min-height:48px;
  overflow:visible;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  padding:0 2px;
}
.itassets-fp .flatpickr-months .flatpickr-month,
.itassets-fp .flatpickr-months .flatpickr-prev-month,
.itassets-fp .flatpickr-months .flatpickr-next-month{
  color:var(--tx);
  fill:var(--tx2);
}
.itassets-fp .flatpickr-current-month{
  position:static;
  width:100%;
  left:auto;
  transform:none;
  font-size:14px;
  font-weight:600;
  height:auto;
  min-height:36px;
  padding:0 2px;
  color:var(--tx);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex:1;
  min-width:0;
  max-width:100%;
}
.itassets-fp .flatpickr-current-month .flatpickr-monthDropdown-months,
.itassets-fp .flatpickr-current-month input.cur-year{
  font-size:13px;
  font-weight:600;
  border:1px solid var(--bd2);
  border-radius:8px;
  padding:6px 8px;
  background:var(--bg2);
  color:var(--tx);
  min-height:34px;
  box-sizing:border-box;
}
.itassets-fp .flatpickr-current-month .flatpickr-monthDropdown-months{
  flex:1 1 auto;
  width:auto;
  min-width:7.25rem;
  max-width:none;
  padding-right:24px;
  text-overflow:clip;
}
.itassets-fp .flatpickr-current-month .numInputWrapper{
  flex:0 0 auto;
  width:4.75rem !important;
  min-width:4.75rem;
}
.itassets-fp .flatpickr-current-month input.cur-year{
  width:100%;
  min-width:0;
  padding:6px 4px;
  text-align:center;
}
.itassets-fp .flatpickr-prev-month,
.itassets-fp .flatpickr-next-month{
  position:relative;
  top:auto;
  height:auto;
  padding:6px;
  border-radius:8px;
  flex-shrink:0;
}
.itassets-fp .flatpickr-prev-month:hover,
.itassets-fp .flatpickr-next-month:hover{
  background:var(--bg2);
}
.itassets-fp .flatpickr-weekdays{
  width:100%;
  padding:10px 4px 4px;
  margin-top:8px;
  border-top:1px solid var(--bd);
  box-sizing:border-box;
}
.itassets-fp .flatpickr-weekday{
  font-size:11px;
  font-weight:600;
  color:var(--tx3);
}
.itassets-fp .flatpickr-day{
  border-radius:10px;
  flex:1 0 14.2857143%;
  width:14.2857143%;
  max-width:none;
  height:34px;
  line-height:34px;
  font-weight:500;
  color:var(--tx);
  border-color:transparent;
}
.itassets-fp .flatpickr-day.prevMonthDay,
.itassets-fp .flatpickr-day.nextMonthDay{
  color:var(--tx3);
}
.itassets-fp .flatpickr-day:hover,
.itassets-fp .flatpickr-day:focus,
.itassets-fp .flatpickr-day.prevMonthDay:hover,
.itassets-fp .flatpickr-day.nextMonthDay:hover{
  background:var(--bg2);
  border-color:var(--bg2);
  color:var(--tx);
}
.itassets-fp .flatpickr-day.flatpickr-disabled,
.itassets-fp .flatpickr-day.flatpickr-disabled:hover{
  color:var(--tx3);
  opacity:.45;
}
.itassets-fp .flatpickr-day.selected,
.itassets-fp .flatpickr-day.startRange,
.itassets-fp .flatpickr-day.endRange,
.itassets-fp .flatpickr-day.selected:hover,
.itassets-fp .flatpickr-day.startRange:hover,
.itassets-fp .flatpickr-day.endRange:hover{
  background:var(--acc);
  border-color:var(--acc);
  color:#fff;
}
.itassets-fp .flatpickr-day.today{
  border-color:var(--acc);
  color:var(--acc);
}
.itassets-fp .flatpickr-day.today:hover,
.itassets-fp .flatpickr-day.today:focus{
  background:var(--acc-soft);
  border-color:var(--acc);
  color:var(--acc);
}

.fl input.fp-date-input,
.fl input.flatpickr-input.fp-date-input{
  width:100%;
  box-sizing:border-box;
  min-height:38px;
  height:38px;
  padding:8px 36px 8px 10px;
  cursor:pointer;
  background-color:var(--bg2);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-size:16px;
}

.fl input[type="date"].flatpickr-input.fp-date-input,
.fl input[type="month"].flatpickr-input.fp-date-input{
  display:block;
  visibility:visible;
  opacity:1;
  position:static;
  width:100%;
  pointer-events:auto;
}

/* Dark theme */
[data-theme="dark"] .flatpickr-calendar.itassets-fp.open{
  background:var(--surface);
  border-color:var(--bd2);
  box-shadow:0 16px 48px rgba(0,0,0,.45);
}
[data-theme="dark"] .itassets-fp .flatpickr-weekdays{
  border-top-color:var(--bd2);
}
[data-theme="dark"] .itassets-fp .flatpickr-day{
  color:var(--tx2);
}
[data-theme="dark"] .itassets-fp .flatpickr-day.prevMonthDay,
[data-theme="dark"] .itassets-fp .flatpickr-day.nextMonthDay{
  color:var(--tx3);
}
[data-theme="dark"] .itassets-fp .flatpickr-day:hover,
[data-theme="dark"] .itassets-fp .flatpickr-day:focus,
[data-theme="dark"] .itassets-fp .flatpickr-day.prevMonthDay:hover,
[data-theme="dark"] .itassets-fp .flatpickr-day.nextMonthDay:hover{
  background:var(--bg2);
  color:var(--tx);
}
[data-theme="dark"] .itassets-fp .flatpickr-day.today{
  border-color:var(--acc);
  color:var(--acc);
}
[data-theme="dark"] .itassets-fp .flatpickr-day.today:hover,
[data-theme="dark"] .itassets-fp .flatpickr-day.today:focus{
  background:var(--acc-soft);
  color:var(--acc);
}
[data-theme="dark"] .fl input.fp-date-input,
[data-theme="dark"] .fl input.flatpickr-input.fp-date-input{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c7ced8' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
}