.timelineWrapper {
  font-size: var(--mantine-font-size-sm);
  overflow-x: auto;
}

.timelineWrapper :global(.fc-toolbar-title) {
  font-size: var(--mantine-font-size-md);
  font-weight: 600;
}

.timelineWrapper :global(.fc-button) {
  background-color: var(--mantine-color-gray-1);
  color: var(--mantine-color-gray-8);
  border: 1px solid var(--mantine-color-gray-3);
  border-radius: var(--mantine-radius-sm);
  font-size: var(--mantine-font-size-xs);
}

.timelineWrapper :global(.fc-button:hover) {
  background-color: var(--mantine-color-gray-2);
}

.timelineWrapper :global(.fc-button-primary:not(:disabled):active),
.timelineWrapper :global(.fc-button-primary:not(:disabled).fc-button-active) {
  background-color: var(--mantine-primary-color-filled);
  border-color: var(--mantine-primary-color-filled);
  color: white;
}

[data-mantine-color-scheme="dark"] .timelineWrapper :global(.fc-button) {
  background-color: var(--mantine-color-dark-5);
  color: var(--mantine-color-dark-0);
  border-color: var(--mantine-color-dark-4);
}

[data-mantine-color-scheme="dark"] .timelineWrapper :global(.fc-button:hover) {
  background-color: var(--mantine-color-dark-4);
}

.timelineEvent {
  cursor: pointer;
  border-radius: var(--mantine-radius-xs) !important;
  font-size: var(--mantine-font-size-xs) !important;
}

/* Resource lane styling */
.timelineWrapper :global(.fc-resource-timeline-divider) {
  width: 3px;
}