/* 持仓盈亏表格样式 - 白色主题 */
.position-table {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
}

/* 顶部汇总信息 */
.position-summary-top {
    display: flex;
    justify-content: space-around;
    padding: 20px;
    background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
    border-radius: 12px;
    margin-bottom: 0;
}

.position-summary-top .summary-item {
    text-align: center;
    flex: 1;
}

.position-summary-top .summary-label {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 8px;
    font-weight: 500;
}

.position-summary-top .summary-value {
    font-size: 22px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 4px;
}

.position-summary-top .summary-sub {
    font-size: 13px;
    color: #6b7280;
    font-weight: 500;
}

.position-table .el-table {
    background: #ffffff !important;
}

.position-table .el-table th.el-table__cell {
    background: #f9fafb !important;
    color: #6b7280 !important;
    border: none !important;
    font-size: 14px;
    font-weight: 500;
    padding: 16px 12px;
}

.position-table .el-table td.el-table__cell {
    background: #ffffff !important;
    color: #1f2937 !important;
    border: none !important;
    padding: 20px 12px;
    font-size: 15px;
}

.position-table .el-table tr {
    background: #ffffff !important;
}

.position-table .el-table tbody tr:hover > td {
    background: #f9fafb !important;
}

.position-table .el-table__body tr.el-table__row--striped td {
    background: #ffffff !important;
}

/* 双行布局样式 */
.position-table .stock-name {
    font-size: 16px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 4px;
}

.position-table .stock-code {
    font-size: 13px;
    color: #9ca3af;
}

.position-table .price-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.position-table .current-price {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.position-table .cost-price {
    font-size: 13px;
    color: #6b7280;
}

.position-table .value-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.position-table .market-value {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.position-table .shares {
    font-size: 13px;
    color: #6b7280;
}

.position-table .profit-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.position-table .profit-amount {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.position-table .profit-rate {
    font-size: 13px;
}

/* 盈亏颜色样式 */
.profit-positive {
    color: #dc2626 !important;
}

.profit-negative {
    color: #16a34a !important;
}

.profit-neutral {
    color: #6b7280 !important;
}