.mud-fab-size-small {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border-radius: 50%;
}

.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 6px;
    padding-inline-start: 12px;
    padding-inline-end: 12px;
}

/* Wider date picker popup - targets the popover container and all children */
.date-picker-popover-wide {
    min-width: 320px !important;
    width: 320px !important;
}

.date-picker-popover-wide .mud-popover-paper {
    min-width: 320px !important;
    width: 320px !important;
}

.date-picker-popover-wide .mud-picker-inline-paper {
    min-width: 320px !important;
    width: 320px !important;
}

.date-picker-popover-wide .mud-picker {
    min-width: 320px !important;
}

.date-picker-popover-wide .mud-picker-container {
    min-width: 320px !important;
}

.date-picker-popover-wide .mud-picker-calendar-container {
    min-width: 300px !important;
}

.date-picker-popover-wide .mud-picker-calendar {
    min-width: 300px !important;
}

.date-picker-popover-wide .mud-picker-calendar-header {
    min-width: 300px !important;
}

.date-picker-popover-wide .mud-picker-calendar-content {
    min-width: 300px !important;
}

/* Global override in case the popover renders outside the class scope */
.mud-popover.date-picker-popover-wide {
    min-width: 320px !important;
    width: 320px !important;
}

.mud-popover.date-picker-popover-wide > .mud-popover-paper {
    min-width: 320px !important;
    width: 320px !important;
}

.mud-popover.date-picker-popover-wide .mud-picker {
    min-width: 320px !important;
}

.mud-popover.date-picker-popover-wide .mud-picker-calendar-container {
    min-width: 300px !important;
}

.mud-popover.date-picker-popover-wide .mud-picker-calendar {
    min-width: 300px !important;
}

/* Fix MudTabs clickable area - make entire tab header clickable, not just text */
.mud-tabs .mud-tab {
    min-width: 120px;
    min-height: 48px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mud-tabs .mud-tabs-toolbar {
    min-height: 48px;
    position: relative;
    z-index: 10;
}

.mud-tabs .mud-tabs-toolbar-content {
    height: 48px;
}

.mud-tab-slider {
    height: 48px;
}

/* Prevent grid negative margin from overlapping tab headers */
.mud-tabs-panels {
    overflow: hidden;
}

.mud-tabs-panels .mud-tabpanel {
    padding-top: 12px;
}