/* Custom theme inspired by screenshot: dark background, white text, rounded today indicator */
:root {
  --fc-bg: #111214;
  --fc-panel: linear-gradient(180deg, rgba(17,18,20,0.95), rgba(17,18,20,0.9));
  --fc-text: #ffffff;
  --fc-muted: rgba(255,255,255,0.65);
  --fc-accent: #2bb0ff;
}

/* Base container */
.fc {
  font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  color: var(--fc-text);
}

.fc .fc-toolbar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 8px;
  background: var(--fc-panel);
  border-radius: 8px 8px 0 0;
  color: var(--fc-text);
}

.fc .fc-toolbar-title {
  font-weight:700;
  font-size:18px;
  color: var(--fc-text);
}

.fc .fc-button {
  background: transparent;
  border: none;
  color: var(--fc-text);
  padding:6px 8px;
  border-radius:6px;
  cursor: pointer;
}

.fc .fc-button:hover {
  background: rgba(255,255,255,0.04);
}

/* Small helper for weekday header */
.fc .fc-col-header-cell {
  color: var(--fc-muted);
  font-weight:600;
}

/* Modal z-index fix for our custom modal */
.fc-modal { z-index: 99999 }

/* Event chip */
.fc .fc-event {
  padding:6px 8px;
  border-radius:10px;
  color:#fff;
  font-size:13px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Make the calendar background dark and compact */
.fc .fc-daygrid {
  background: transparent;
}

.fc .fc-scrollgrid, .fc .fc-daygrid-body { background: transparent }