.day-cell, .current-month {
    margin: 0.4em;
    padding: 0em;
    border-radius: 0.5em;
}

.current-month {
    background-color: var(--mud-palette-surface);
}

.today {
    outline: .3em solid var(--mud-palette-primary);
    z-index: 900;
}

.day-header, .current-month-day-header {
    display: flex;
    justify-content: space-between;
    padding-inline: 1em;
    padding-block: 0.5em;
    border-start-start-radius: 0.5em;
    border-start-end-radius: 0.5em;
}

.day-header {
    background-color: transparent;
}
.current-month-day-header {
    background-color: var(--mud-palette-surface);
}


.day-details {
    padding: 1rem;
    
    && > span {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}