/* Date and time pickers: the pop-up calendar must never take the width of its field.
   MudBlazor copies the Style of the field into the pop-up, and several screens give the field a narrow max-width (for example 150px):
   the pop-up inherited it and the calendar was cut after its first three columns. */
.mud-picker-popover-paper {
    min-width: 310px !important;
    max-width: calc(100vw - 16px) !important;
    width: auto !important;
}