:root{color:#1f2937;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif;font-size:13px;background:#f3f6fb}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}.orders-root{width:100vw;height:100vh;overflow:hidden;background:#f3f6fb}.orders-topbar{height:48px;padding:0 20px;background:#fff;border-bottom:1px solid #e5eaf2;display:flex;align-items:center;justify-content:space-between}.orders-brand{display:flex;align-items:center;gap:10px;color:#0b3b60;font-size:18px;font-weight:700}.orders-brand-mark{width:29px;height:29px;border-radius:8px;background:#0b4a73;color:#fff;display:grid;place-items:center;font-style:italic;transform:rotate(45deg)}.orders-top-actions{display:flex;align-items:center;gap:13px;color:#64748b}.top-icon-button{width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:#64748b;display:grid;place-items:center;padding:0}.notify{position:relative}.notify:after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:#ef4444}.orders-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#6bb7d6,#0b77a8);color:#fff;display:grid;place-items:center}.orders-user{color:#475569}.orders-layout{display:grid;grid-template-columns:188px minmax(0,1fr);height:calc(100vh - 48px)}.orders-sidebar{background:#f2f5fb;padding:18px 12px;overflow-y:auto}.orders-nav-group{margin-bottom:7px}.orders-nav-title,.orders-nav-child{width:100%;border:0;background:transparent;text-align:left}.orders-nav-title{height:34px;display:grid;grid-template-columns:18px minmax(0,1fr) 14px;align-items:center;gap:8px;padding:0 10px;border-radius:6px;color:#23324a;font-size:13px;font-weight:700}.orders-nav-title svg{color:#66758a}.orders-nav-child{height:30px;padding-left:36px;border-radius:6px;color:#536174;font-size:12px}.orders-nav-child.active,.orders-nav-title:hover,.orders-nav-child:hover{background:#e8f1ff;color:#1677ff;font-weight:700}.orders-page{height:calc(100vh - 48px);overflow-x:hidden;overflow-y:auto;padding:6px 12px 0;min-width:0}.orders-crumbs{height:36px;display:flex;align-items:center;gap:8px;padding:0 18px;background:#fff;border:1px solid #e5eaf2;border-radius:6px 6px 0 0;color:#526273;width:100%}.crumb-active{color:#1677ff;font-weight:700;border-bottom:2px solid #1677ff;height:36px;display:flex;align-items:center}.orders-title-row{height:44px;padding:0 16px 0 26px;width:100%;background:#fff;border:1px solid #dfe6ef;border-top:0;display:flex;align-items:center;justify-content:space-between;gap:16px}h1,h2{margin:0;letter-spacing:0}h1{font-size:15px;font-weight:700}.orders-actions{display:flex;align-items:center;gap:12px;color:#7c8798;white-space:nowrap;min-width:0}.orders-source-context{width:100%;min-height:38px;padding:6px 18px 6px 26px;background:#fff;border:1px solid #dfe6ef;border-top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#526273}.orders-source-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-button,.icon-text-button,.icon-only-button{height:28px;border:1px solid #d8dee9;border-radius:6px;background:#fff;color:#1f2937;display:inline-flex;align-items:center;gap:4px;padding:0 10px}.filter-button span{width:16px;height:16px;border-radius:50%;background:#22c55e;color:#fff;display:grid;place-items:center;font-size:11px}.icon-only-button{width:28px;justify-content:center;padding:0}.icon-text-button svg,.filter-button svg,.icon-only-button svg{color:#1677ff}.hidden-file{display:none}.import-message{width:100%;height:30px;display:flex;align-items:center;padding:0 28px;background:#fff8e6;border-right:1px solid #e5eaf2;border-left:1px solid #e5eaf2;color:#946200}.orders-table-card{width:100%;height:calc(100vh - 178px);margin-top:8px;padding:4px 12px 0;background:#fff;border:1px solid #dfe6ef;overflow-y:auto;overflow-x:hidden}.orders-table-card.density-compact .orders-table th,.orders-table-card.density-compact .orders-table td,.orders-table-card.density-compact .line-table th,.orders-table-card.density-compact .line-table td{height:30px;padding:0 6px}.orders-table,.line-table,.detail-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.orders-table th,.orders-table td,.line-table th,.line-table td,.detail-table th,.detail-table td{height:36px;border-bottom:1px solid #edf1f6;padding:0 8px;overflow:hidden;text-align:center;white-space:nowrap;text-overflow:ellipsis}.orders-table th,.line-table th,.detail-table th{background:#eef2f7;color:#1f2937;font-weight:700}.orders-table th:nth-child(1),.orders-table td:nth-child(1){width:48px}.orders-table th:nth-child(2),.orders-table td:nth-child(2){width:64px}.orders-table th:nth-child(3),.orders-table td:nth-child(3){width:160px}.orders-table th:nth-child(4),.orders-table td:nth-child(4){width:118px}.orders-table th:nth-child(5),.orders-table td:nth-child(5){width:176px}.orders-table th:nth-child(6),.orders-table td:nth-child(6){width:100px}.orders-table th:nth-child(10),.orders-table td:nth-child(10){width:120px}.orders-table .orders-col-select{width:48px}.orders-table .orders-col-expand{width:58px}.orders-table .orders-col-orderNo{width:160px}.orders-table .orders-col-orderType{width:110px}.orders-table .orders-col-customerName{width:190px}.orders-table .orders-col-lineCount{width:96px}.orders-table .orders-col-salesStage,.orders-table .orders-col-owner,.orders-table .orders-col-orderStatus,.orders-table .orders-col-productionStatus{width:108px}.orders-table .orders-col-actions{width:120px}input[type=checkbox]{accent-color:#1677ff}.expand-button,.link-button,.order-actions button,.select-all-button{border:0;background:transparent;color:#005cff;padding:0}.link-button{font-weight:400}.order-actions button{font-weight:600}.expand-button{color:#7c8798;width:18px;height:18px;display:inline-grid;place-items:center;line-height:1}.expand-button svg{display:block}.select-all-button{color:#1f2937;font-weight:700}.select-all-button:hover,.select-all-button.active{color:#1677ff}.order-actions{display:inline-flex;justify-content:center;gap:16px;width:100%}.line-detail-row>td{padding:8px 16px 12px 64px;background:#fbfdff}.line-table{width:100%;border:1px solid #dfe6ef;border-left:3px solid #8bbcff;box-shadow:none;background:#fff}.line-table th,.line-table td{height:34px}.line-table th:nth-child(1),.line-table td:nth-child(1){width:48px}.line-table th:nth-child(2),.line-table td:nth-child(2){width:190px}.line-table th:nth-child(3),.line-table td:nth-child(3){width:145px}.line-table th:nth-child(4),.line-table td:nth-child(4){width:88px}.line-table th:nth-child(5),.line-table td:nth-child(5){width:126px}.line-table th:nth-child(6),.line-table td:nth-child(6){width:90px}.line-table th:nth-child(7),.line-table td:nth-child(7){width:145px}.line-table th:nth-child(8),.line-table td:nth-child(8){width:92px}.line-table .line-col-index{width:48px}.line-table .line-col-lineNo{width:190px}.line-table .line-col-productCode,.line-table .line-col-productName,.line-table .line-col-planOrderNo{width:150px}.line-table .line-col-quantity,.line-table .line-col-mpsStatus,.line-table .line-col-inboundQuantity,.line-table .line-col-notInboundQuantity,.line-table .line-col-productionStatus{width:96px}.line-table .line-col-deliveryDate{width:126px}.orders-footer{width:100%;height:38px;padding:0 18px 0 26px;background:#fff;border:1px solid #dfe6ef;border-top:0;display:flex;align-items:center;gap:18px;overflow:hidden}.orders-footer label{display:flex;align-items:center;gap:12px}.orders-footer>button{border:0;background:transparent;color:#005cff;font-weight:700}.orders-pagination{margin-left:auto;display:flex;align-items:center;gap:8px;white-space:nowrap}.orders-pagination button{min-width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:#1f2937;display:grid;place-items:center;padding:0 6px;font-weight:500}.orders-pagination button:hover:not(:disabled){background:#eef5ff;color:#1677ff}.orders-pagination button:disabled{color:#b8c1ce;cursor:not-allowed}.orders-pagination button.active{border:1px solid #1677ff;background:#fff;color:#1677ff;font-weight:700}.page-ellipsis{color:#64748b;padding:0 2px}.orders-pagination select,.orders-pagination input{height:26px;border:1px solid #d8dee9;border-radius:5px;background:#fff}.orders-pagination input{width:40px}.filter-drawer{position:fixed;top:148px;right:8px;z-index:20;width:350px;height:calc(100vh - 158px);padding:20px 18px 18px;background:#fff;border:1px solid #cfd6df;box-shadow:-8px 0 20px #0f172a1a;overflow-y:auto}.settings-drawer{position:fixed;top:148px;right:8px;z-index:22;width:420px;height:calc(100vh - 158px);padding:20px 18px 18px;background:#fff;border:1px solid #cfd6df;box-shadow:-8px 0 20px #0f172a1f;overflow-y:auto}.drawer-close{position:absolute;top:8px;right:10px;width:22px;height:22px;border:0;border-radius:50%;background:#e8f1ff;color:#1677ff;display:grid;place-items:center;padding:0}.drawer-close:hover{background:#dbeafe}.filter-drawer h2{font-size:15px;margin-bottom:18px}.settings-drawer h2{font-size:15px;margin-bottom:6px}.settings-hint{margin:0 0 16px;color:#64748b;line-height:1.5}.settings-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 12px}.settings-tabs button{height:30px;border:1px solid #d8dee9;border-radius:5px;background:#fff;color:#334155;font-weight:700}.settings-tabs button.active{border-color:#1677ff;background:#e8f1ff;color:#1677ff}.settings-section{padding:14px 0;border-top:1px solid #edf1f6}.settings-section h3{margin:0 0 10px;color:#1f2937;font-size:13px}.settings-options{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}.settings-options label,.settings-switches label{min-height:28px;display:flex;align-items:center;gap:8px;color:#334155}.settings-options label.locked{color:#64748b}.settings-options em{margin-left:auto;color:#94a3b8;font-style:normal;font-size:11px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-grid label{display:grid;gap:7px}.settings-grid select{height:30px;border:1px solid #d8dee9;border-radius:5px;background:#fff;padding:0 8px}.settings-switches{display:grid;gap:8px}.settings-actions{position:sticky;bottom:-18px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:8px -18px -18px;padding:12px 18px;background:#fff;border-top:1px solid #edf1f6}.settings-actions-single{grid-template-columns:1fr}.settings-actions button{height:32px;border:1px solid #d8dee9;border-radius:5px;background:#fff;color:#1f2937;font-weight:700}.settings-actions button.primary{border-color:#1677ff;background:#1677ff;color:#fff}.shipping-lead-panel{display:grid;gap:12px}.shipping-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shipping-form-grid label{display:grid;gap:6px}.shipping-form-grid span{color:#334155;font-weight:700}.shipping-form-grid input,.shipping-form-grid select{min-width:0;height:30px;border:1px solid #d8dee9;border-radius:5px;background:#fff;padding:0 8px}.shipping-form-grid .shipping-switch{display:flex;align-items:center;gap:8px;padding-top:22px}.shipping-form-grid .shipping-switch input{width:auto;height:auto}.shipping-remark{grid-column:1 / -1}.shipping-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shipping-form-actions button,.shipping-config-table button{height:30px;border:1px solid #d8dee9;border-radius:5px;background:#fff;color:#1f2937;font-weight:700}.shipping-form-actions button.primary{border-color:#1677ff;background:#1677ff;color:#fff}.shipping-message{padding:8px 10px;border-radius:5px;font-weight:700}.shipping-message.success{background:#ecfdf3;color:#087967}.shipping-message.error{background:#fff1f2;color:#b42318}.shipping-config-table-wrap{max-height:300px;overflow:auto;border:1px solid #edf1f6}.shipping-config-table{width:100%;min-width:720px;border-collapse:collapse;font-size:12px}.shipping-config-table th,.shipping-config-table td{padding:9px 8px;border-bottom:1px solid #edf1f6;text-align:left;white-space:nowrap}.shipping-config-table th{position:sticky;top:0;z-index:1;background:#f8fafc;color:#334155}.shipping-config-table td:nth-child(3){max-width:180px;overflow:hidden;text-overflow:ellipsis}.shipping-config-table td:last-child{display:flex;gap:6px}.shipping-config-table .danger-text{border-color:#fecdd3;color:#b42318}.status-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:11px;background:#f1f5f9;color:#64748b;font-weight:700}.status-pill.active{background:#ecfdf3;color:#087967}.filter-drawer>label,.filter-input span{display:block;margin:12px 0 8px;font-weight:500}.status-options{display:flex;gap:7px;flex-wrap:wrap}.status-options button{height:28px;border:1px solid #d8dee9;border-radius:4px;background:#fff;color:#1f2937;padding:0 10px}.status-options button.active{background:#087967;color:#fff;border-color:#087967}.filter-input input{width:100%;height:30px;border:1px solid #cfd6df;border-radius:4px;padding:0 9px}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:24px}.drawer-actions button{height:32px;border:1px solid #cfd6df;border-radius:4px;background:#fff}.drawer-actions button:last-child{border-color:#087967;background:#087967;color:#fff}.detail-crumbs{gap:10px}.detail-card{width:100%;margin-top:8px;background:#fff;border:1px solid #dfe6ef}.basic-card{position:relative;padding:16px 22px 18px}.back-button{margin-left:auto;border:0;background:transparent;display:inline-flex;align-items:center;gap:4px;font-weight:700;color:#1f2937}.detail-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.detail-section-head p{margin:6px 0 0;color:#64748b}.detail-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.detail-actions button{height:30px;border:1px solid #d8dee9;border-radius:6px;background:#fff;color:#1f2937;padding:0 12px;font-weight:700}.detail-actions button.primary{border-color:#1677ff;background:#1677ff;color:#fff}.detail-actions button.ghost-primary{background:#eef5ff;color:#1677ff}.detail-actions button.danger{border-color:#fecaca;color:#dc2626}.detail-actions button:disabled{opacity:.55;cursor:not-allowed}.detail-message{min-height:30px;display:flex;align-items:center;margin-bottom:12px;padding:0 12px;border-radius:6px}.detail-message.success{background:#ecfdf3;color:#047857}.detail-message.error{background:#fff1f2;color:#be123c}.basic-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:12px 20px}.basic-grid label{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px}.basic-grid input,.basic-grid select{width:100%;height:30px;border:1px solid #cfd6df;background:#fff;border-radius:4px;padding:0 8px}.basic-grid input[readonly]{background:#f8fafc;color:#475569}.readonly-value{display:inline-block;max-width:100%;color:#1f2937;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.readonly-value.block{width:100%;min-height:30px;display:flex;align-items:center;padding:0 8px;border:1px solid #e5eaf2;border-radius:4px;background:#f8fafc;font-weight:600}.lines-card{min-height:260px;padding:16px}.detail-table-wrap{margin-top:16px;overflow-x:auto;border:1px solid #e5eaf2}.detail-table{min-width:1120px;margin-top:0}.detail-table th,.detail-table td{height:38px}.detail-table th:nth-child(1),.detail-table td:nth-child(1){width:48px}.detail-table th:nth-child(2),.detail-table td:nth-child(2){width:190px}.detail-table th:nth-child(3),.detail-table td:nth-child(3){width:130px}.detail-table th:nth-child(4),.detail-table td:nth-child(4){width:86px}.detail-table th:nth-child(5),.detail-table td:nth-child(5){width:116px}.detail-table th:nth-child(6),.detail-table td:nth-child(6){width:92px}.detail-table th:nth-child(7),.detail-table td:nth-child(7){width:150px}.detail-table th:nth-child(8),.detail-table td:nth-child(8),.detail-table th:nth-child(9),.detail-table td:nth-child(9){width:104px}.detail-table th:nth-child(10),.detail-table td:nth-child(10){width:90px}.detail-table input,.detail-table select{width:100%;height:28px;border:1px solid #d8dee9;border-radius:4px;background:#fff;padding:0 7px}.detail-table input[readonly]{background:#f8fafc;color:#475569}.line-link-button{margin-top:4px;border:0;background:transparent;color:#1677ff;font-weight:700;padding:0}.orders-modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#0f172a61;padding:24px}.orders-confirm-modal{width:min(520px,100%);display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:22px;border:1px solid #e5eaf2;border-radius:8px;background:#fff;box-shadow:0 18px 48px #0f172a38}.confirm-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800}.confirm-icon.danger{background:#fff1f2;color:#dc2626}.confirm-content h2{font-size:16px;margin:2px 0 8px}.confirm-content p{margin:0 0 8px;line-height:1.6;color:#334155}.confirm-hint{color:#64748b!important}.confirm-error{min-height:30px;display:flex;align-items:center;margin-top:10px;padding:0 10px;border:1px solid #fecaca;border-radius:6px;background:#fff1f2;color:#be123c}.confirm-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.confirm-actions button{height:32px;border:1px solid #d8dee9;border-radius:6px;background:#fff;color:#1f2937;padding:0 16px;font-weight:700}.confirm-actions button.danger{border-color:#dc2626;background:#dc2626;color:#fff}.confirm-actions button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:980px){.orders-layout{grid-template-columns:150px minmax(0,1fr)}.orders-sidebar{padding:12px 7px}.orders-nav-title{grid-template-columns:17px minmax(0,1fr) 12px;padding:0 8px;font-size:12px}.orders-nav-child{padding-left:31px}}
