.gsw-table-select-small .ant-select-selector {
    font-size: 12px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding-top: 2px;
    padding-bottom: 2px;
}
// 主容器
.gsw-main {
    // min-height: 100vh;
    font-family: 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
}

// 顶部统计卡片区
.gsw-top {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.gsw-stat-card {
    background: #fff;
    box-shadow: 0 2px 8px #e6f7ff33;
    flex: 1;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.gsw-stat-title {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333;
    margin-bottom: 12px;
}

.gsw-stat-title-bar {
    display: inline-block;
    width: 3px;
    height: 18px;
    background: #1ecb8c;
    border-radius: 2px;
    margin-right: 6px;
}

.gsw-stat-value {
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 12px;
    margin-left: 10px;
}

.gsw-stat-unit {
    font-size: 13px;
    color: #333333;
    margin-left: 4px;
    font-weight: normal;
}

.gsw-stat-sub {
    width: 70px;
    padding: 4px;
    font-size: 13px;
    color: #6BA99B;
    text-align: center;
    background-color: rgba(219, 255, 245, 0.68);
    margin-left: 10px;
}

.gsw-stat-icon {
    position: absolute;
    right: 18px;
    top: 18px;
    width: 32px;
    height: 32px;
    background: url('/public/img/stat-icon.png') no-repeat center/cover;
    opacity: 0.7;
}

.gsw-stat-select {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.gsw-stat-select select {
    border: 1px solid #e6f7ff;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 15px;
}

// 内容区
.gsw-content {
    display: flex;
    gap: 20px;
}

.gsw-left {
    flex: 2;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.gsw-right {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

// 批次状态区块
.gsw-batch-status {
    background: #fff;
    box-shadow: 0 2px 8px #e6f7ff33;
    padding: 10px;
    position: relative;
}

.gsw-batch-title {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-bottom: 12px;
}

.gsw-batch-title-bar {
    display: inline-block;
    width: 3px;
    height: 18px;
    background: #1ecb8c;
    border-radius: 2px;
    margin-right: 6px;
}


.gsw-status {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 5px 40px 5px 10px;
}

.gsw-status-card {
    background: #f7fafd;
    border-radius: 6px;
    padding: 25px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #333;
}

.gsw-status-card-active {
    background-color: rgba(0, 217, 166, 0.12);
    border: 1px solid #6AF9D8;
    color: #009D6F;
}

.gsw-status-card-inactive {
    background-color: rgba(164, 196, 255, 0.11);
    border: 1px solid #B8D1FF;
    color: #335188;
}

.gsw-warnings {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.gsw-warning-card {
    background: rgba(255, 251, 237, 0.47);
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #FAEDA1;
}

.gsw-warning-title {
    font-size: 13px;
    color: #000000;
    margin-bottom: 6px;
}

.gsw-warning-value {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}

// 柱状图区块
.gsw-chart {
    background: #fff;
    padding: 10px;
}

.gsw-chart-title {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-bottom: 12px;
}

.gsw-chart-title-bar {
    display: inline-block;
    width: 3px;
    height: 18px;
    background: #1ecb8c;
    border-radius: 2px;
    margin-right: 6px;
}

.gsw-chart-bar {
    display: flex;
    align-items: flex-end;
    height: 160px;
    gap: 10px;
    margin-bottom: 8px;
}

.gsw-bar-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gsw-bar {
    width: 18px;
    background: linear-gradient(180deg, #7ad6ff 0%, #4e8cff 100%);
    border-radius: 6px 6px 0 0;
    margin-bottom: 4px;
    transition: height 0.3s;
}

.gsw-bar-label {
    font-size: 12px;
    color: #888;
}

// 待审批区块
.gsw-approval {
    background: #fff;
    padding: 10px;
}

.gsw-approval-title {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-bottom: 12px;
}

.gsw-approval-title-bar {
    display: inline-block;
    width: 3px;
    height: 18px;
    background: #1ecb8c;
    border-radius: 2px;
    margin-right: 6px;
}

.gsw-approval-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.gsw-approval-item {
    background: #f7fafd;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gsw-approval-orange {
    background-color: #FFFAF5;

    .ant-btn {
        background: #FFA952;
        color: #fff;
        border: none;
        font-size: 12px;

        &:hover {
            color: #fff;
        }
    }
}

.gsw-approval-green {
    background-color: #EFFFFA;

    .ant-btn {
        background: #20D9A4;
        color: #fff;
        border: none;
        font-size: 12px;

        &:hover {
            color: #fff;
        }
    }
}

.gsw-approval-main {
    font-size: 13px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}

.gsw-approval-date {
    font-size: 12px;
    color: #666;
}

// 表格区块
.gsw-table-section {
    background: #fff;
    padding: 10px;

    .ant-table {
        font-size: 12px !important;

        .ant-table-thead>tr>th {
            background-color: #fafafa;
            font-weight: 400;
            color: #000000D9;
            border-right: none;
            white-space: nowrap; // 防止换行
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .ant-table-tbody>tr>td {
            border-right: none;
            color: #000000D9;
            font-weight: 400;
            white-space: nowrap; // 防止换行
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .ant-table-tbody>tr:hover>td {
            background-color: #f5f5f5;
        }

        // 固定列样式
        .ant-table-thead>tr>th.ant-table-cell-fix-left,
        .ant-table-tbody>tr>td.ant-table-cell-fix-left {
            background-color: #fafafa;
            z-index: 1;
        }

        .ant-table-thead>tr>th.ant-table-cell-fix-right,
        .ant-table-tbody>tr>td.ant-table-cell-fix-right {
            background-color: #fafafa;
            z-index: 1;
        }

        a {
            color: #1890ff;
            text-decoration: none;

            &:hover {
                color: #40a9ff;
            }
        }
    }
}

.gsw-table-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
    .ant-select-selector {
        font-size: 12px !important;
    }
}

.gsw-table-title {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.gsw-table-title-bar {
    display: inline-block;
    width: 3px;
    height: 18px;
    background: #1ecb8c;
    border-radius: 2px;
    margin-right: 6px;
}

.gsw-table-select {
    border: 1px solid #e6f7ff;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 15px;
}

.gsw-table-export {
    background: #e6fff7;
    color: #1ecb8c;
    border: none;
    font-weight: bold;
}

.gsw-table-processed {
    display: inline-block;
    padding: 2px 6px;
    background-color: #F6FFED;
    color: #52C41A;
    font-size: 12px;
    border: 1px solid #B7EB8F;
}

.gsw-table-unprocessed {
    display: inline-block;
    padding: 2px 6px;
    background-color: #FFF2E8;
    color: #FA541C;
    font-size: 12px;
    border: 1px solid #FFBB96;
}

.gsw-table-processing {
    display: inline-block;
    padding: 2px 6px;
    background-color: #FFFBE6;
    color: #FAAD14;
    font-size: 12px;
    border: 1px solid #FFE58F;
}