.modal-content {
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}


.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }
.calendar-card {
    border-radius: 14px;
    background: #ffffff;
}

/* Header */
.fc-toolbar-title {
    font-weight: 600;
    font-size: 1.5rem;
    color: #3b4d3a; /* earthy green */
}

/* Today button */
.fc-button-primary {
    background-color: #6b8e23 !important;
    border: none !important;
    border-radius: 8px !important;
}

    .fc-button-primary:hover {
        background-color: #56721a !important;
    }

/* Day numbers */
.fc-daygrid-day-number {
    font-weight: 500;
    color: #444;
}

/* Event styling */
.fc-event {
    background-color: #cfe8d3 !important; /* light green */
    border: 1px solid #9ccc9c !important;
    color: #2f4f2f !important; /* darker readable text */
    border-radius: 6px !important;
    font-weight: 500;
}

    /* Hover effect */
.fc-event:hover {
    background-color: #b7dfbc !important;
}

/* Today highlight */
.fc-day-today {
    background-color: rgba(107, 142, 35, 0.08) !important;
}