/* Custom Global Styles that Tailwind doesn't handle easily */
body {
    background-image: linear-gradient(rgba(248, 250, 252, 0.95), rgba(248, 250, 252, 0.95)), url('https://images.unsplash.com/photo-1559757175-5700dde675bc');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* FullCalendar Customizations */
.fc-toolbar-title {
    font-size: 1.25rem !important;
}

@media (min-width: 768px) {
    .fc-toolbar-title {
        font-size: 1.875rem !important;
    }
}

.fc-button {
    text-transform: capitalize !important;
    font-weight: 600 !important;
    border-radius: 0.75rem !important;
}

.fc-event-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Custom Scrollbar for a cleaner look */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}