body {
    font-family: 'Inter', sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.calendar-day {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    background-color: white;
}
.calendar-day:hover { background-color: #f3f4f6; }
.calendar-day.empty { background-color: #f9fafb; cursor: default; }
.calendar-day.today { background-color: #e0e7ff; font-weight: bold; }

/* dias fora do range configurado */
.calendar-day.disabled {
    background-color: #f9fafb;
    color: #bdbdbd;
    cursor: not-allowed;
}
.calendar-day.disabled:hover { background-color: #f9fafb; }

.time-slot {
    padding: 0.75rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
}
.time-slot:hover { background-color: #f3f4f6; border-color: #d1d5db; }

@media (max-width: 640px) {
    #time-grid { grid-template-columns: repeat(2, 1fr); }
}