:root {
  --fc-page-bg-color: #ffffff;
  --fc-neutral-bg-color: #f8fafc;
  --fc-neutral-text-color: #64748b;
  --fc-border-color: #e2e8f0;

  --fc-button-bg-color: #6366f1;
  --fc-button-border-color: #6366f1;
  --fc-button-hover-bg-color: #4f46e5;
  --fc-button-hover-border-color: #4f46e5;
  --fc-button-active-bg-color: #4338ca;
  --fc-button-active-border-color: #4338ca;

  --fc-event-bg-color: #e0e7ff;
  --fc-event-border-color: #818cf8;
  --fc-event-text-color: #3730a3;

  --fc-today-bg-color: #eef2ff;
}

.fc {
  background: #ffffff;
  padding: 20px;
  border-radius: 1.5rem;
  border: 1px solid var(--fc-border-color);
  /* box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); */
}

/* Header Styling */
.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 2rem;
}

.fc .fc-toolbar-title {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #1e293b;
  text-transform: capitalize;
}

/* Button Styling */
.fc .fc-button {
  padding: 0.6rem 1.2rem !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  border-radius: 0.75rem !important;
  text-transform: capitalize !important;
  transition: all 0.2s ease !important;
  border: none !important;
  box-shadow: none !important;
}

.fc .fc-button-primary {
  background-color: #f1f5f9 !important;
  color: #64748b !important;
}

.fc .fc-button-primary:hover {
  background-color: #e2e8f0 !important;
  color: #475569 !important;
}

.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
  background-color: #6366f1 !important;
  color: #ffffff !important;
}

.fc .fc-today-button {
  background-color: #eef2ff !important;
  border: 1px solid #e0e7ff !important;
  color: #6366f1 !important;
  opacity: 1 !important;
}

/* Grid & Cell Styling */
.fc th {
  background-color: #f8fafc;
  padding: 12px 0 !important;
  border-bottom: 2px solid #e2e8f0 !important;
}

.fc-col-header-cell-cushion {
  color: #64748b !important;
  font-weight: 700 !important;
  font-size: 0.8rem;
  text-decoration: none !important;
}

.fc td,
.fc th {
  border-color: #f1f5f9 !important;
}

.fc .fc-day-today {
  background-color: var(--fc-today-bg-color) !important;
}

/* Event Styling */
.fc-v-event,
.fc-h-event {
  /* background-color: var(--fc-event-bg-color); */
  /* border: 1px solid var(--fc-event-border-color) !important; */
  /* border-left: 4px solid var(--fc-event-border-color) !important; */
  padding: 2px 6px !important;
  border-radius: 6px !important;
}

.fc-event-title {
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  /* color: var(--fc-event-text-color) !important; */
}

.fc-event-time {
  font-size: 0.7rem !important;
  color: var(--fc-event-text-color) !important;
  opacity: 0.8;
}

/* List View */
.fc-list-event:hover td {
  background-color: #f1f5f9 !important;
}

.fc-list-day-side-text,
.fc-list-day-text {
  font-weight: 800 !important;
  color: #6366f1 !important;
}

/* Scrollbar Styling for webkit */
.fc-scroller::-webkit-scrollbar {
  width: 6px;
}
.fc-scroller::-webkit-scrollbar-track {
  background: transparent;
}
.fc-scroller::-webkit-scrollbar-thumb {
  background: #e2e8f0;
  border-radius: 10px;
}
.fc-scroller::-webkit-scrollbar-thumb:hover {
  background: #cbd5e1;
}