/* Branding CSS Variables - fallback values */
:root {
    --brand-primary: #f67f1f;
    --brand-navbar-bg: #2d2e30;
    --brand-navbar-link: #e2e8f0;
}

/* Light mode sidebar background - uses branding variable */
html:not(.dark) .bg-sidebar-dark { background-color: var(--brand-navbar-bg, #2d2e30) !important; }
.hover\:bg-primary:hover { background-color: var(--brand-primary, #f67f1f); }

/* Flatpickr dark mode overrides to match app theme */
.dark .flatpickr-calendar { background-color: #0f172a; color: #f8fafc; border: 1px solid #334155; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4); }

.dark .flatpickr-months,
.dark .flatpickr-weekdays { background-color: #0f172a; color: #f8fafc; }

.dark .flatpickr-current-month,
.dark .flatpickr-weekday { color: #f8fafc; }

.dark .flatpickr-day { color: #f8fafc; border-color: #334155; }

	.dark .flatpickr-day:hover { background-color: #1e293b; }

	.dark .flatpickr-day.inRange { background: rgba(16, 185, 129, .15); border-color: transparent; }

	.dark .flatpickr-day.startRange,
	.dark .flatpickr-day.endRange,
	.dark .flatpickr-day.selected { background: #10b981; color: #0f172a; }

	.dark .flatpickr-day.disabled,
	.dark .flatpickr-day.notAllowed { color: #94a3b8; }

/* Hide time input dropdown arrows to force 15-minute increments */
.time-input-no-dropdown::-webkit-calendar-picker-indicator {
    display: none;
}
.time-input-no-dropdown::-webkit-inner-spin-button,
.time-input-no-dropdown::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.time-input-no-dropdown {
    -moz-appearance: textfield; /* Firefox */
}

/* Calendar slot selection highlight */
.calendar-slot-selected {
    background-color: rgba(246, 127, 31, 0.2) !important; /* Light mode - using brand primary with opacity */
}

.dark .calendar-slot-selected {
    background-color: rgba(246, 127, 31, 0.3) !important; /* Dark mode - slightly more opaque */
}