/* flatpickr calendar (TECH-74 part 2) - CZ Claude's own small stylesheet for flatpickr v4.6 (public/js/flatpickr.js, MIT), in the
   Crashzone colours (#fff200 / #212529 / #414042 / #ffffff, greys #c9c9c9 #e0e0e0 #eeeeee): CZ 1.1 loaded flatpickr's stylesheet from
   an outside CDN; nothing outside is loaded here. Only the classes flatpickr draws are styled. */
.flatpickr-calendar { position: absolute; display: none; width: 308px; padding: 0; background: #ffffff; color: #212529; border: 1px solid #767676; box-shadow: 0 3px 13px rgba(0,0,0,.25); font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; box-sizing: border-box; z-index: 99999; opacity: 0; visibility: hidden; }
.flatpickr-calendar.open { display: inline-block; opacity: 1; visibility: visible; }
.flatpickr-calendar.inline { position: relative; display: block; opacity: 1; visibility: visible; }
.flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); }
.flatpickr-calendar.static.open { z-index: 999; display: block; }
.flatpickr-months { display: flex; align-items: center; background: #fff200; color: #212529; height: 34px; }
.flatpickr-months .flatpickr-month { flex: 1; text-align: center; position: relative; height: 34px; line-height: 34px; overflow: hidden; }
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #212529; }
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; fill: #212529; }
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #414042; }
.flatpickr-current-month { position: absolute; left: 12.5%; width: 75%; top: 0; height: 34px; line-height: 34px; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; gap: 4px; }
.flatpickr-current-month .flatpickr-monthDropdown-months { appearance: none; background: #fff200; border: 0; color: #212529; font: inherit; font-weight: bold; padding: 0 4px; cursor: pointer; }
.flatpickr-current-month .numInputWrapper { display: inline-block; width: 6ch; position: relative; }
.flatpickr-current-month input.cur-year { background: transparent; border: 0; color: #212529; font: inherit; font-weight: bold; width: 100%; padding: 0; text-align: left; }
.numInputWrapper span { position: absolute; right: 0; width: 14px; height: 50%; cursor: pointer; opacity: 0; }
.numInputWrapper span.arrowUp { top: 0; } .numInputWrapper span.arrowDown { top: 50%; }
.numInputWrapper:hover span { opacity: 1; }
.numInputWrapper span.arrowUp::after, .numInputWrapper span.arrowDown::after { content: ''; position: absolute; left: 3px; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.numInputWrapper span.arrowUp::after { top: 4px; border-bottom: 4px solid #212529; }
.numInputWrapper span.arrowDown::after { top: 4px; border-top: 4px solid #212529; }
.flatpickr-innerContainer { display: flex; }
.flatpickr-rContainer { padding: 0; width: 100%; }
.flatpickr-weekdays { display: flex; align-items: center; height: 28px; background: #eeeeee; }
.flatpickr-weekdaycontainer { display: flex; width: 100%; }
span.flatpickr-weekday { flex: 1; text-align: center; font-size: 12px; font-weight: bold; color: #414042; }
.flatpickr-days { display: flex; width: 100%; }
.dayContainer { display: flex; flex-wrap: wrap; width: 308px; padding: 2px; box-sizing: border-box; outline: 0; }
.flatpickr-day { display: inline-flex; align-items: center; justify-content: center; width: 14.2857%; max-width: 44px; height: 38px; margin: 0; border: 1px solid transparent; border-radius: 4px; color: #212529; cursor: pointer; box-sizing: border-box; }
.flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover { background: #fff87f; border-color: #fff87f; }
.flatpickr-day.today { border: 2px dashed #212529; }
.flatpickr-day.selected, .flatpickr-day.selected:hover { background: #fff200; border-color: #212529; font-weight: bold; }
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay { color: #c9c9c9; }
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { color: #c9c9c9; background: #ffffff; cursor: not-allowed; border-color: transparent; }
.flatpickr-day.hidden { visibility: hidden; }
.flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after { display: none; }
.flatpickr-input[readonly] { cursor: pointer; }