.app-table {
    width: 100%;
    line-height: normal;

    &:not(:first-child) {
        margin-top: 20px;
    }

    &__header {
        display: flex;
        align-items: center;

        >.block {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 10px;

            &:empty {
                display: none;
            }

            &--right {
                margin-left: auto;
            }
        }
    }

    &__footer {
        margin-top: 20px;

        &:empty {
            display: none;
        }
    }

    .el-table {
        --el-table-bg-color: transparent; //表格背景颜色
        --el-table-text-color: #000; //表格文字颜色
        --el-table-border-color: #ebeef5; // 表格边框颜色
        --el-table-border: 1px solid var(--el-table-border-color); // 表格边框
        --el-table-header-bg-color: #f1f5f9; // 表头背景颜色
        --el-table-header-text-color: #556772; // 表头文字颜色
        --el-table-row-hover-bg-color: #f5f7fa; // 表格行鼠标经过背景色
        --el-table-expanded-cell-bg-color: var(--el-table-bg-color); // 展开行背景颜色
        --el-table-current-row-bg-color: #f5f7fa; // 当前行高亮颜色

        width: 100%;

        th.el-table__cell {
            font-weight: normal;
            padding: 8px 0;
        }

        td.el-table__cell {
            padding: 8px 0;

            &.radio .el-radio__label {
                display: none;
            }

            .el-table__placeholder:empty {
                display: none;
            }
        }

        &-column {
            &--selection {
                &.single {
                    .el-checkbox {
                        display: none;
                    }
                }
            }
        }

        &__expanded-cell {
            .app-action-menu {
                position: sticky;
                right: 5px;
                display: table;
                margin-left: auto;
            }
        }
    }
}