@import "tailwindcss";
@import "flatpickr/dist/flatpickr.css";

@layer base {
  html,
  body {
    width: 100%;
    overflow-x: hidden;
  }

  input,
  select,
  textarea {
    font-size: 16px !important;
  }
}

.flatpickr-calendar {
  background: radial-gradient(140% 140% at 15% 10%, rgba(251, 191, 36, 0.08), rgba(15, 23, 42, 0.98) 55%),
    #0b1220;
  border: 1px solid rgba(51, 65, 85, 0.9);
  border-radius: 20px;
  box-shadow: 0 30px 80px rgba(2, 6, 23, 0.65);
  color: #e2e8f0;
  font-size: 0.9rem;
}

.flatpickr-months .flatpickr-month {
  color: #f8fafc;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  color: #f8fafc;
  opacity: 0.85;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  fill: currentColor;
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  opacity: 1;
}

.flatpickr-months {
  border-bottom: 1px solid rgba(51, 65, 85, 0.6);
  padding-bottom: 6px;
}

.flatpickr-weekdays {
  background: transparent;
  border-bottom: 1px solid rgba(51, 65, 85, 0.45);
  padding-bottom: 4px;
}

.flatpickr-weekdays span,
.flatpickr-weekday {
  color: #f8fafc !important;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.62rem;
}

.flatpickr-day {
  border-radius: 999px;
  color: #f1f5f9;
  font-weight: 500;
  border: 1px solid transparent;
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin: 2px 0;
}

.flatpickr-days {
  padding: 6px 4px 8px;
}

.flatpickr-weekdays {
  padding-top: 8px;
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  color: #94a3b8;
}

.flatpickr-day.today {
  border-color: rgba(251, 191, 36, 0.7);
  box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.2);
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus {
  background: #fbbf24;
  border-color: #fbbf24;
  color: #0f172a;
  box-shadow: 0 8px 18px rgba(251, 191, 36, 0.25);
}

.flatpickr-day.inRange,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.inRange:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
  background: rgba(251, 191, 36, 0.22);
  border-color: rgba(251, 191, 36, 0.3);
  color: #f8fafc;
}

.flatpickr-day:hover {
  background: rgba(148, 163, 184, 0.18);
  border-color: rgba(148, 163, 184, 0.25);
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  color: #f8fafc;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  font-weight: 600;
}

.flatpickr-time input,
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  color: #e2e8f0;
}

.flatpickr-input,
.flatpickr-input[readonly] {
  color: #e2e8f0;
}

.flatpickr-input::placeholder {
  color: #94a3b8;
}