/* ============================================================
 * 品宏外贸CRM系统 - 订单管理样式
 * 包含：订单状态按钮组、订单明细编辑
 * ============================================================ */

/* ===== 订单状态按钮 ===== */
.status-btn-group{display:flex;gap:4px;flex-wrap:wrap;}
.status-btn{padding:4px 10px;font-size:11px;border-radius:4px;font-weight:500;border:1px solid #ddd;background:#fff;color:#666;cursor:pointer;transition:all 0.15s;}
.status-btn.active{color:#fff;border-color:transparent;}
.status-stage1.active{background:#4a90d9;}
.status-stage2.active{background:#17a2b8;}
.status-stage3.active{background:#28a745;}
.status-stage4.active{background:#fd7e14;}
.status-stage5.active{background:#6f42c1;}
.status-stage6.active{background:#e83e8c;}
.status-stage7.active{background:#dc3545;}
.status-stage8.active{background:#20c997;}
.status-stage9.active{background:#8b4513;}
.status-stage10.active{background:#d4a017;}
.status-stage11.active{background:#6c757d;}

/* ===== 订单明细 ===== */
.order-items-section{margin-top:16px;}
.order-items-section h4{font-size:13px;font-weight:600;margin-bottom:10px;color:#555;}
.order-item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 40px;gap:10px;margin-bottom:8px;align-items:center;}
.order-item-row select,.order-item-row input{padding:7px 10px;border:1px solid #ddd;border-radius:5px;font-size:12px;}
.remove-item-btn{width:30px;height:30px;border-radius:50%;background:#ffebe6;color:#d4380d;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;}
.remove-item-btn:hover{background:#ffd6cc;}
.add-item-btn{padding:6px 14px;font-size:12px;border:1px dashed #ddd;border-radius:5px;color:#888;background:transparent;width:100%;margin-top:4px;}
.add-item-btn:hover{border-color:#e94560;color:#e94560;}
.order-total{text-align:right;margin-top:14px;font-size:14px;font-weight:600;color:#1a1a2e;}

/* ===== 订单选中汇总栏 ===== */
.order-summary-bar{display:flex;align-items:center;justify-content:flex-end;padding:14px 20px;background:#f0f5ff;border-top:1px solid #d6e4ff;font-size:13px;color:#333;position:sticky;bottom:0;}
.order-summary-bar strong{color:#1a6dd6;font-size:15px;}

/* ===== 订单表格优化 ===== */
.order-table-wrap table{min-width:1200px;table-layout:auto;}
.order-table-wrap th{white-space:nowrap;padding:10px 8px;font-size:12px;background:#fafafa;}
.order-table-wrap td{padding:10px 8px;font-size:12px;vertical-align:middle;}
.order-table-wrap td:first-child{text-align:center;width:40px;}
.order-table-wrap .status-btn-group{max-width:280px;}
.order-table-wrap .status-btn{padding:3px 8px;font-size:10px;white-space:nowrap;}