/*列表项图标*/
.mud-list-item-icon {
    min-width: 30px !important;
}

.mud-nav-item {
    height: 40px;
}

.mud-icon-size-medium {
    font-size: 1.2rem !important;
}

.mud-split-panel .divider::before {
    width: 10px !important;
    top: -5px !important;
    bottom: -5px !important;
    left: -5px !important;
    right: -5px !important;
}
/*多行输入框样式调整*/
.mud-input > textarea.mud-input-root-outlined.mud-input-root-adorned-end {
    margin-inline-start: 0 !important;
}

.mud-input > textarea.mud-input-root-outlined {
    /*margin-bottom: 10px !important;*/
}

.mud-toolbar-appbar {
    padding-left: 0 !important;
    padding-right: 12px !important;
}

.sticky-left {
    background-color: var(--mud-palette-background) !important;
    border-right: 1px solid #e8e8e8;
}

.sticky-right {
    background-color: var(--mud-palette-background) !important;
    border-left: 1px solid #e8e8e8;
}
/***** 网格自定义 *****/
/*网格表头文本粗体显示*/
.mud-table-root .mud-table-head .mud-table-row .mud-table-cell {
    font-weight: 600;
}
/*表格单元格统一调整为38.5*/
.mud-table-cell {
    height: 38.5px !important;
}

/*过滤栏精简*/
.mud-data-grid .mud-table-cell.filter-header-cell {
    padding-bottom: 0 !important;
}

    .mud-data-grid .mud-table-cell.filter-header-cell .mud-input-control.mud-input-control-margin-dense {
        margin: 0 !important;
    }

/* 标题栏浮动按钮大小调整 */
.mud-table-head .mud-icon-button-size-small {
    padding: 0px !important;
    font-size: 1rem !important;
}
/* 排序按鈕 - 右側浮動 */
.mud-table-head .mud-table-row:first-child .column-options .sort-direction-icon {
    position: absolute !important;
    right: 2px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
    opacity: 0 !important;
    transition: opacity 0.18s ease !important;
}
/* 選項按鈕 - 左側浮動 */
.mud-table-head .mud-table-row:first-child .column-options .mud-menu {
    position: absolute !important;
    left: -4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
    opacity: 0 !important;
    transition: opacity 0.18s ease !important;
}


.mud-table-head .mud-table-row:first-child .mud-table-cell:hover .column-options .sort-direction-icon {
    opacity: 1 !important;
}

.mud-table-head .mud-table-row:first-child .mud-table-cell:hover .column-options .mud-menu {
    opacity: 1 !important;
}
/* 排序後持續顯示排序按鈕，隱藏排序序號 */
.mud-table-head .mud-table-row:first-child .column-options .sort-direction-icon.mud-direction-asc,
.mud-table-head .mud-table-row:first-child .column-options .sort-direction-icon.mud-direction-desc {
    opacity: 1 !important;
}

.mud-sort-index {
    display: none !important;
}


/* 两个浮动按钮默认隐藏，悬停时显示 */
.filter-header-cell .column-filter-menu,
.filter-header-cell .filter-button.clear {
    opacity: 0 !important;
    transition: opacity 0.18s ease !important;
}

.filter-header-cell:hover .column-filter-menu,
.filter-header-cell:hover .filter-button.clear {
    opacity: 1 !important;
}

/* 过滤行容器设为相对定位 */
.filter-header-cell .mud-stack {
    position: relative;
}

/* 过滤条件选择按钮浮动在输入框左侧 */
.filter-header-cell .column-filter-menu {
    position: absolute !important;
    left: 2px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
}

/* 清除按钮浮动在输入框右侧 */
.filter-header-cell .filter-button.clear {
    position: absolute !important;
    right: 4px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
    width: 24px !important;
    height: 24px !important;
}

/* 输入框左右留出空间给浮动按钮 */
.filter-header-cell .mud-input {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* 隐藏数字框右侧上下调整箭头 */
.filter-header-cell .mud-input-control.mud-input-number-control .mud-input-numeric-spin {
    display: none !important;
}

/* 输入框有值或聚焦时，强制显示两个浮动按钮 */
.filter-header-cell:has(:is(.mud-input:focus-within, input:not(:placeholder-shown))) .column-filter-menu,
.filter-header-cell:has(:is(.mud-input:focus-within, input:not(:placeholder-shown))) .filter-button.clear {
    opacity: 1 !important;
}