body {
    font-family: 'Inter', sans-serif;
}
.header-gradient {
    background: linear-gradient(90deg, #00529B 0%, #002D56 100%);
}
/* Styles for Month View */
.calendar-day {
    transition: all 0.2s ease-in-out;
    min-height: 100px;
}
.calendar-day.has-course {
    background-color: #EBF8FF;
    border: 1px solid #90CDF4;
    cursor: pointer;
    font-weight: bold;
    color: #2B6CB0;
}
.calendar-day.has-course:hover {
    background-color: #BEE3F8;
    transform: scale(1.05);
    z-index: 5;
    position: relative;
}
.today {
    background-color: #2B6CB0;
    color: white;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
/* Styles for Year View */
.mini-cal-day {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    position: relative;
}
.mini-cal-day.has-course {
    background-color: #BEE3F8;
    border-radius: 50%;
    cursor: pointer;
    font-weight: bold;
}
.mini-cal-day.has-course:hover {
    background-color: #2B6CB0;
    color: white;
}

/* General UI */
.view-btn.active {
    background-color: #00529B;
    color: white;
}
.modal {
    display: none; /* Hidden by default */
    animation: fadeIn 0.3s ease-in-out;
}
.modal-content {
    animation: slideIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes slideIn {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* Tooltip Style */
#tooltip {
    position: fixed;
    pointer-events: none; /* Prevents tooltip from blocking mouse events */
    white-space: nowrap;
    transition: opacity 0.2s;
}

/* Print styles */
@media print {
    header, #view-switcher, #search-input, #format-filter, #help-btn, #add-course-btn, #import-btn, #export-btn, #print-btn, #reset-btn, #quick-week, #quick-30, #quick-all, .modal, footer { display: none !important; }
    main { padding: 0; }
    .calendar-day { min-height: auto; }
}