/* =========================
   Calendar (Relive) responsive
   Mobile: Day only
   ========================= */

.rlv-cal-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    min-width: 0;
}

.rlv-cal-filters {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}

.rlv-cal-add {
    flex: 0 0 auto;
    white-space: nowrap;
}

.rlv-cal-scheduler {
    height: 760px;
}

@media (max-width: 640px) {
    .rlv-cal-toolbar {
        display: none !important;
    }

    .rlv-back-btn {
        width: 100%;
    }

    .rlv-cal-scheduler {
        height: calc(100dvh - 220px) !important;
        min-height: 520px;
    }

    .rlv-cal-scheduler {
        height: calc(100vh - 220px) !important;
    }

    .rlv-card-glass,
    .rlv-section,
    .rlv-cal-scheduler {
        max-width: 100%;
    }
}

/* =========================
   Dialog (Calendar edit)
   ========================= */

.rlv-cal-edit .rz-timespanpicker > .rz-inputtext:not(.invalid),
.rlv-cal-edit .rz-colorpicker:not(.invalid),
.rlv-cal-edit .rz-lookup-search input:not(.invalid),
.rlv-cal-edit .rz-numeric:not(.invalid),
.rlv-cal-edit .rz-datepicker > .rz-inputtext:not(.invalid),
.rlv-cal-edit .rz-multiselect:not(.invalid),
.rlv-cal-edit .rz-dropdown:not(.invalid),
.rlv-cal-edit .mask:not(.invalid),
.rlv-cal-edit .rz-textarea:not(.invalid),
.rlv-cal-edit .rz-textbox:not(.invalid) {
    width: 100%;
}

.rlv-cal-edit-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.rlv-cal-edit-col {
    flex: 1 1 260px;
    min-width: 180px;
}

.rlv-cal-edit-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.rlv-cal-edit-actions-left,
.rlv-cal-edit-actions-right {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 640px) {
    .rlv-cal-dialog .rz-dialog,
    .rz-dialog.rlv-cal-dialog {
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    .rlv-cal-dialog .rz-dialog-content,
    .rz-dialog.rlv-cal-dialog .rz-dialog-content {
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-bottom: 96px;
    }

    .rlv-cal-dialog .rz-dialog-content::-webkit-scrollbar,
    .rz-dialog.rlv-cal-dialog .rz-dialog-content::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .rlv-cal-edit-col {
        flex: 1 1 100%;
        min-width: 0;
    }

    .rlv-cal-edit-actions {
        position: sticky;
        bottom: 0;
        z-index: 5;
        background: var(--rz-dialog-background, #fff);
        padding: 10px 0 12px;
        border-top: 1px solid rgba(0, 0, 0, .08);
        flex-direction: column;
        align-items: stretch;
    }

    .rlv-cal-edit-actions-left,
    .rlv-cal-edit-actions-right {
        width: 100%;
    }

    .rlv-cal-edit-actions .rz-button {
        width: 100%;
    }
}