/*.mud-appbar {
    background-color: var(--mud-palette-appbar-background);
    color: rgba(255, 255, 255, 0.7);
}*/

.mud-nav-link-text{
    font-weight: bolder;
}

.mud-input-label.mud-input-label-animated.mud-input-label-text.mud-input-label-inputcontrol {
    font-size: 1.25rem;
}

.mud-simple-table.mud-table-dense * tr td, .mud-simple-table.mud-table-dense * tr th {
    padding: 2px 16px;
}

.mud-table-toolbar{
    border-bottom: 1px solid;
    height: 88px;
    padding-left: 5px;
    padding-top: 8px;
}

.mud-table-pagination-toolbar{
    height: 40px;
}

.mud-table-cell {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.mud-table-pagination-caption{
    padding-left: 2px;
    padding-right: 0px;
}

/*.mud-table-container td, th{*/
    /*padding-top: 4px !important;*/
    /*padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 4px !important;
}*/

.mud-table-container td, .mud-table-container th {
    padding-top: 10px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 10px !important;
}

.mud-menu-icon-button-activator {
    padding: 0px;
}

.mud-dialog{
    padding:3px;
    padding-right: 5px;
}

.mud-dialog-title {
    padding: 8px !important;
}

.mud-dialog-width-full{
    width: 100%;
}

/*.mud-card-content {
    padding: 8px;
}*/

.mud-drawer.mud-drawer-temporary.mud-drawer-pos-right{
    /*width: 100%;*/
}

.mud-ripple-radio{
    padding: 5px;
}

.mud-input-numeric-spin {
    display: none !important;
}

.mud-input-adornment-icon {
    cursor: pointer !important;
}

.mud-grid-item{
    padding-top: 5px !important;
}

.mud-grid-spacing-xs-6{
    margin-top: 0px;
}

.mud-input-control.mud-input-number-control.mud-input-showspin
.mud-input:not(.mud-input-adorned-end) input {
    padding-right: 0 !important;
    padding-inline-end: 0 !important;
}


.mud-dialog-content{
    padding: 0px !important;
}

.mud-carousel-item.mud-carousel-item-primary{
    background-color:inherit;
}

.mud-carousel .mud-button-root.mud-icon-button {
    background-color: dimgray;
}

.mud-collapse-wrapper{
    margin-bottom: 20px;
}

.mud-tabs-tabbar .mud-tab{
    border-right: 1px solid;
}

.mud-tabs-tabbar-content{
max-width: fit-content;
}

/* ===== Z-Index Layering Fix for Date Pickers Only ===== */
/* Fix for date pickers appearing behind fixed table headers */
/* More specific selectors to avoid affecting drawers and other components */

/* Target only MudDatePicker and MudDateRangePicker dialog elements */
.mud-picker-datepicker-paper,
.mud-picker-inline-paper.mud-picker-datepicker-paper,
.mud-picker-paper.mud-picker-datepicker-paper {
    z-index: 1500 !important;
}

/* Date picker specific popovers */
.mud-picker-popover-paper:has(.mud-picker-calendar-container),
.mud-popover:has(.mud-picker-calendar-container) {
    z-index: 1500 !important;
}

/* Date picker content */
.mud-picker-content:has(.mud-picker-calendar-container),
.mud-picker-content-paper:has(.mud-picker-calendar-container) {
    z-index: 1500 !important;
}

/* Overlay specifically for date pickers (not drawers) */
.mud-overlay:has(+ .mud-picker-popover-paper),
.mud-picker-overlay {
    z-index: 1400 !important;
}

/* Alternative approach: Target by specific picker classes */
.mud-picker-datepicker .mud-picker-paper,
.mud-picker-daterangepicker .mud-picker-paper,
.mud-picker-datepicker .mud-popover-paper,
.mud-picker-daterangepicker .mud-popover-paper {
    z-index: 1500 !important;
}

/*.mud-picker.mud-picker-inline{
    width: 0px;
}*/
/* Ensure the table header stays below dialogs and pickers */
.mud-table-toolbar,
thead.mud-table-head {
    z-index: 5 !important;
}

/* ===== Global Bold Typography ===== */
html, body, #app {
    font-weight: 700; /* Bold */
}

/* Make MudBlazor and common elements inherit the global weight (override component defaults) */
.mud-typography,
.mud-typography-root,
.mud-typography-body1,
.mud-typography-body2,
.mud-typography-caption,
.mud-typography-button,
.mud-button-label,
.mud-input,
.mud-input-label,
.mud-table,
.mud-list,
.mud-list-item,
.mud-dialog,
.mud-chip,
.mud-alert,
.mud-breadcrumb,
.mud-badge-content,
.mud-tabs,
.mud-radio,
.mud-checkbox,
.mud-switch,
label, input, select, textarea, button, th, td, a, p, span, small, strong, em, h1, h2, h3, h4, h5, h6 {
    font-weight: inherit !important;
}

/* Keep icons unaffected */
.mud-icon-root, .material-icons, .mud-svg-icon {
    font-weight: normal !important;
}