.calendar-container {
    display: flex;
    flex-direction: column;
}

.calendar-header-row, .calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.calendar-grid {
    auto-rows: minmax(100px, auto);
}

.calendar-day {
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    min-height: 100px;
    background-color: #fff;
    transition: background-color 0.2s;
}

    .calendar-day.drag-over {
        background-color: #e9ecef !important;
        border: 2px dashed #0d6efd;
    }


    .calendar-day:nth-child(7n) {
        border-right: none;
    }

.today-highlight {
    background-color: #fffbf0;
}

    .today-highlight .day-number {
        color: #d63384;
        font-weight: bold;
    }

.draggable-route {
    cursor: grab;
}

    .draggable-route:active {
        cursor: grabbing;
    }

.delete-icon:hover {
    opacity: 0.7;
}

.cursor-pointer {
    cursor: pointer;
}