/* Ensure the switcher buttons align nicely */
.fc-view-switcher { display: inline-flex; align-items: center; gap: 8px; }
.fc-view-switcher .fc-ico { display: inline-flex; }

/* Unified icon-only pill buttons */
.fc-view-switcher .fc-view-btn,
.fc-double-side-toggle {
	width: 36px;
	height: 36px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	background: transparent;
	border-radius: 10px;
	color: #556;
	transition: background-color .2s ease, box-shadow .2s ease, color .2s ease;
}

.fc-view-switcher .fc-view-btn:hover,
.fc-double-side-toggle:hover {
	background: rgba(17,17,17,0.06);
}

/* Active gradient state (Fabcrush purple-gray) */
.fc-view-switcher .fc-view-btn.is-active,
.fc-double-side-toggle.is-active {
	background: linear-gradient(135deg, #667eea, #764ba2);
	color: #ffffff;
	box-shadow: 0 0 0 2px rgba(118,75,162,0.18) inset;
}

/* Icons inherit current color */
.fc-view-switcher .fc-view-btn .fc-ico svg,
.fc-double-side-toggle .fc-ico svg {
	width: 18px; height: 18px; fill: currentColor;
}

/* Rotate the Double Side icon 90deg */
.fc-double-side-toggle .fc-ico svg { transform: rotate(90deg); }

/* 2px spacing around the Double Side button */
.fc-view-switcher .fc-double-side-toggle { margin-left: 2px; margin-right: 2px; }