/* Explain: Styles for the single-day calendar view on mobile devices. */
/* Studio dashboard → Appointments: single-day calendar layout for phone screens. */

.wk-inner-day {
    min-width: 0;
}

.wk-inner-day .wk-head-row,
.wk-inner-day .wk-allday-row,
.wk-inner-day .wk-body {
    grid-template-columns: 4.6rem minmax(0, 1fr);
}

/* The day header is display only in the single-day view. */
.wk-inner-day .wk-col-head,
.wk-inner-day .wk-allday-cell {
    cursor: default;
}

@media (max-width: 767px) {
    .wk-toolbar .wk-range {
        font-size: 1.3rem;
        font-weight: 700;
    }
}