/* ==========================================================
   SOFDAS TECH — brand theming for Flatpickr (date picker)
   and Tom Select (searchable dropdown), replacing native
   browser date/select controls.
   ========================================================== */

/* ── Flatpickr ── */
.flatpickr-calendar { border-radius: 14px !important; box-shadow: var(--shadow-lg) !important; border: 1px solid var(--line) !important; font-family: var(--font-body) !important; }
.flatpickr-day.selected, .flatpickr-day.selected:hover { background: var(--blue) !important; border-color: var(--blue) !important; }
.flatpickr-day.today { border-color: var(--blue) !important; }
.flatpickr-day.today:hover { background: var(--blue-light) !important; }
.flatpickr-day:hover { background: var(--blue-light) !important; }
.flatpickr-months .flatpickr-month, .flatpickr-current-month input.cur-year { color: var(--ink) !important; }
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: var(--blue) !important; }
.flatpickr-weekday { color: var(--muted) !important; }
.flatpickr-input, input.flatpickr-input, input[data-input] {
  width:100%; padding:11px 13px; border:1.5px solid var(--line); border-radius:10px; background:#fff;
  font-size:14.5px; color:var(--ink); outline:none; transition:border-color .15s,box-shadow .15s; cursor:pointer;
}
.flatpickr-input:focus { border-color: var(--blue) !important; box-shadow: 0 0 0 3px rgba(42,139,234,.14); }
.gs-search .flatpickr-input, .toolbar .flatpickr-input { height:40px; padding:0 14px; }

/* ── Tom Select ── */
.ts-wrapper.single .ts-control, .ts-wrapper .ts-control {
  border:1.5px solid var(--line) !important; border-radius:10px !important; background:#fff !important;
  padding:9px 13px !important; font-size:14.5px !important; box-shadow:none !important; min-height:auto !important;
}
.ts-wrapper.focus .ts-control { border-color: var(--blue) !important; box-shadow: 0 0 0 3px rgba(42,139,234,.14) !important; }
.ts-dropdown { border:1px solid var(--line) !important; border-radius:12px !important; box-shadow: var(--shadow-lg) !important; font-family: var(--font-body) !important; overflow:hidden; margin-top:4px !important; }
.ts-dropdown .option.active, .ts-dropdown .option:hover { background: var(--blue-light) !important; color: var(--blue-dark) !important; }
.ts-dropdown .option.selected { background: var(--blue) !important; color:#fff !important; }
.ts-control .item { background:none !important; }
.ts-wrapper.single .ts-control:after { border-color: var(--muted) transparent transparent transparent !important; }
select.gs-select ~ .ts-wrapper .ts-control, .gs-select.ts-wrapper .ts-control { height:40px; }