/* Calendar from PortfolioV5, adapted to GUNNER URL */
.flatpickr-calendar {
  background: #111318;
  border: 1px solid var(--line-strong, var(--line));
  box-shadow: 0 18px 48px rgba(0,0,0,.58);
  color: var(--text);
  border-radius: 12px;
  overflow: visible;
  z-index: 3000 !important;
}
.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-weekdays,
.flatpickr-time { background: #111318; color: var(--text); }
span.flatpickr-weekday { background:#111318 !important; color:var(--muted) !important; font-weight:700; }
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month { color:var(--muted); fill:var(--muted); }
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg { fill:#fff; }
.flatpickr-current-month .cur-month,
.flatpickr-current-month .numInputWrapper { display:none !important; }
.flatpickr-months { position:relative !important; z-index:2000 !important; overflow:visible !important; }
.flatpickr-month { overflow:visible !important; }
.flatpickr-current-month { pointer-events:auto !important; overflow:visible !important; z-index:2100 !important; }
.calendar-jump { display:flex; align-items:center; justify-content:center; gap:5px; height:100%; pointer-events:auto; position:relative; z-index:30; }
.calendar-jump-btn { border:0; background:rgba(255,255,255,.045); color:var(--text); padding:5px 8px; border-radius:7px; font:inherit; font-size:.82rem; font-weight:800; cursor:pointer; }
.calendar-jump-btn:hover,.calendar-jump-btn.active { background:rgba(107,121,236,.18); color:#fff; }
.calendar-jump-panel { position:absolute; top:34px; left:50%; width:304px; min-height:250px; transform:translateX(-50%); padding:14px 10px; display:grid; grid-template-columns:repeat(3,1fr); align-content:start; gap:7px; background:#111318 !important; border:1px solid var(--line-strong,var(--line)); border-radius:10px; box-shadow:0 18px 48px rgba(0,0,0,.75); z-index:1000; pointer-events:auto; isolation:isolate; }
.calendar-jump-panel.years { grid-template-columns:repeat(4,1fr); max-height:250px; overflow-y:auto; }
.calendar-jump-option { position:relative; z-index:1; border:0; background:rgba(255,255,255,.035); color:var(--muted); padding:9px 5px; border-radius:7px; font:inherit; font-size:.72rem; font-weight:700; cursor:pointer; }
.calendar-jump-option:hover,.calendar-jump-option.active { background:var(--accent); color:#fff; }
.flatpickr-day { color:var(--muted); border-radius:8px; }
.flatpickr-day:hover { background:rgba(107,121,236,.15); border-color:transparent; color:#fff; }
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange { background:var(--accent); border-color:var(--accent); color:#fff; }
.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay { color:#444854; }
.flatpickr-time { border-top:1px solid var(--line) !important; border-radius:0 0 12px 12px; }
.flatpickr-time input,.flatpickr-time .flatpickr-am-pm { color:var(--text); background:transparent; }
.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus { background:rgba(107,121,236,.10); }
.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after { border-bottom-color:#111318; }
html[data-theme="light"] .flatpickr-calendar,
html[data-theme="light"] .flatpickr-months .flatpickr-month,
html[data-theme="light"] .flatpickr-current-month .flatpickr-monthDropdown-months,
html[data-theme="light"] .flatpickr-weekdays,
html[data-theme="light"] span.flatpickr-weekday,
html[data-theme="light"] .calendar-jump-panel,
html[data-theme="light"] .flatpickr-time { background:#fff !important; color:var(--text); }
html[data-theme="light"] .calendar-jump-option { background:rgba(24,31,48,.045); }
html[data-theme="light"] .calendar-jump-option:hover,
html[data-theme="light"] .calendar-jump-option.active { color:#fff; background:var(--accent); }
html[data-theme="light"] .flatpickr-calendar.arrowTop:before,
html[data-theme="light"] .flatpickr-calendar.arrowTop:after { border-bottom-color:#fff; }
@media (max-width:420px) { .flatpickr-calendar { max-width:calc(100vw - 20px); } .calendar-jump-panel { width:min(304px,calc(100vw - 36px)); } }