/* ========== 表格样式优化 ========== */

/* 查询卡片 - 参考Element Plus */
.query-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    margin-bottom: 16px;
    transition: box-shadow 0.3s;
}

.query-card:hover {
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.12);
}

.query-card .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid #ebeef5;
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e7ed 100%);
    border-radius: 8px 8px 0 0;
}

.query-card .card-header .header-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.query-card .card-header .header-left i {
    color: #409EFF;
    font-size: 18px;
}

.query-card .card-header .header-title {
    font-size: 16px;
    font-weight: 600;
    color: #303133;
}

.query-card .card-body {
    padding: 20px;
}

/* 查询表单 */
.query-form .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
}

.query-form .form-row:last-child {
    margin-bottom: 0;
}

/* 列表卡片 */
.list-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

.list-card .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid #ebeef5;
}

.list-card .card-header .header-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.list-card .card-header .header-left i {
    color: #409EFF;
    font-size: 18px;
}

.list-card .card-header .header-title {
    font-size: 16px;
    font-weight: 600;
    color: #303133;
}

.list-card .card-header .el-tag {
    margin-left: 8px;
}

.list-card .card-body {
    padding: 20px;
}

/* 表格容器 */
.table-container {
    overflow-x: auto;
}

/* 优化后的表格样式 - 参考Element Plus */
.el-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
}

/* 表格带边框 */
.el-table--border {
    border: 1px solid #ebeef5;
    border-radius: 4px;
}

.el-table--border th,
.el-table--border td {
    border-right: 1px solid #ebeef5;
}

.el-table--border th:last-child,
.el-table--border td:last-child {
    border-right: none;
}

/* 表头样式 */
.el-table th.el-table__cell {
    background: #f5f7fa;
    color: #606266;
    font-weight: 600;
    padding: 12px 10px;
    text-align: left;
    border-bottom: 1px solid #ebeef5;
    transition: background-color 0.3s;
}

.el-table th.el-table__cell:hover {
    background: #eef1f6;
}

/* 表格内容 */
.el-table td.el-table__cell {
    padding: 12px 10px;
    color: #606266;
    border-bottom: 1px solid #ebeef5;
    transition: background-color 0.2s;
}

/* 斑马纹 */
.el-table--striped .el-table__row--striped td.el-table__cell {
    background: #fafafa;
}

/* 悬停效果 */
.el-table .el-table__row:hover td.el-table__cell {
    background-color: #ecf5ff;
}

/* 紧凑模式 */
.el-table--small th.el-table__cell,
.el-table--small td.el-table__cell {
    padding: 8px 10px;
    font-size: 13px;
}

/* 居中单元格 */
.el-table .is-center {
    text-align: center;
}

/* 固定列阴影 */
.el-table .el-table-fixed-column--left {
    box-shadow: 2px 0 6px rgba(0,0,0,.06);
}

.el-table .el-table-fixed-column--right {
    box-shadow: -2px 0 6px rgba(0,0,0,.06);
}

/* 操作按钮组 */
.operation-group {
    display: flex;
    gap: 8px;
    justify-content: center;
}

/* 分页容器 */
.pagination-container {
    display: flex;
    justify-content: flex-end;
    padding: 16px 0 0 0;
}

/* RuoYi表格样式兼容 */
.ruoyi-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    overflow: hidden;
}

.ruoyi-table th {
    background: linear-gradient(135deg, #f5f7fa 0%, #e8eaed 100%);
    color: #606266;
    font-weight: 600;
    font-size: 14px;
    padding: 12px 12px;
    text-align: left;
    border-bottom: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;
}

.ruoyi-table th:last-child {
    border-right: none;
}

.ruoyi-table td {
    padding: 12px 12px;
    font-size: 14px;
    color: #606266;
    border-bottom: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;
    transition: background-color 0.2s;
}

.ruoyi-table td:last-child {
    border-right: none;
}

.ruoyi-table tr:nth-child(even) td {
    background: #fafafa;
}

.ruoyi-table tr:hover td {
    background-color: #ecf5ff;
}

.ruoyi-table tr:last-child td {
    border-bottom: none;
}

/* 状态标签优化 */
.status-tag {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 500;
}

.status-tag.status-pending {
    background: rgba(230, 162, 60, 0.1);
    color: #E6A23C;
}

.status-tag.status-processing {
    background: rgba(64, 158, 255, 0.1);
    color: #409EFF;
}

.status-tag.status-completed {
    background: rgba(103, 194, 58, 0.1);
    color: #67C23A;
}

.status-tag.status-danger {
    background: rgba(245, 108, 108, 0.1);
    color: #F56C6C;
}

/* 按钮组优化 */
.btn-group-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.btn-group-actions .btn-ruoyi {
    padding: 5px 12px;
    font-size: 12px;
}

/* 响应式表格 */
@media (max-width: 768px) {
    .table-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .ruoyi-table th,
    .ruoyi-table td {
        padding: 8px 10px;
        font-size: 12px;
        white-space: nowrap;
    }
}