/* 订单创建工作台：紧凑分区、明细表格与实时金额侧栏。 */
.modal.order-composer{width:min(1160px,96vw);padding:0;max-height:94vh;border-radius:12px;background:#f5f7fa;overflow:auto;scrollbar-width:thin}.order-composer>.close{z-index:4;right:22px;top:20px;font-size:25px}.oe-heading{background:#fff;padding:26px 30px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f4}.oe-heading .eyebrow{font-size:8px;letter-spacing:2.3px}.oe-heading h2{font-size:23px;margin:8px 0 9px;letter-spacing:1px}.oe-heading p{font-size:11px;color:#94a0af;margin:0}.oe-heading-badge{font-size:9px;letter-spacing:0;font-weight:400;color:#ab8c57;background:#faf5eb;border:1px solid #eee2ce;padding:4px 8px;vertical-align:middle;margin-left:10px;border-radius:4px}.oe-owner{display:flex;gap:10px;align-items:center;margin-right:30px;font-size:11px;color:#53667c}.oe-owner .avatar{background:#f5f0e8;color:#ac8954}.oe-owner small{display:block;font-size:9px;color:#9aa6b4;margin-top:4px}.oe-process{display:flex;align-items:center;justify-content:center;padding:17px 30px;background:#fff;border-bottom:1px solid #e8edf2;gap:20px}.oe-process span{font-size:10px;color:#a4adba;display:flex;align-items:center;gap:7px;white-space:nowrap}.oe-process b{font-family:serif;font-weight:400;border:1px solid #e5eaf0;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:10px}.oe-process .current{color:#a38758}.oe-process .current b{background:#172d47;border-color:#172d47;color:#ead0a3}.oe-process>i{height:1px;width:75px;background:#e4e9ef;border-radius:0;margin:0}.oe-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;column-gap:22px;padding:22px 25px 0;position:relative}.oe-body{min-width:0}.oe-section{border:1px solid #e7ecf2;border-radius:8px;background:#fff;margin-bottom:18px;padding:21px}.oe-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.oe-section-title h3{font-size:13px;font-weight:600;letter-spacing:.3px;margin:0;white-space:nowrap}.oe-section-title h3>span{font-size:10px;font-family:serif;font-weight:400;color:#ab8c57;border-right:1px solid #e5dbca;padding-right:9px;margin-right:8px}.oe-section-title>small{font-size:9px;color:#a0aab8;text-align:right}.oe-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.oe-fields.two{grid-template-columns:1fr 1fr}.oe-fields.thirds{grid-template-columns:repeat(3,minmax(0,1fr))}.oe-field{display:block;min-width:0;font-size:11px}.oe-field>span{display:block;color:#7e8b9d;font-size:10px;margin-bottom:8px}.oe-field input,.oe-field select,.oe-field textarea{width:100%;height:36px;border:1px solid #e2e8ef;border-radius:5px;padding:8px 10px;color:#344b64;outline:none;background:#fff;font-size:11px;transition:border-color .2s,box-shadow .2s;font-family:inherit}.oe-field input::placeholder,.oe-field textarea::placeholder{color:#b0b9c5}.oe-field input:focus,.oe-field select:focus,.oe-field textarea:focus,.oe-table input:focus{border-color:#b99a65;box-shadow:0 0 0 3px #bc9a5d0c}.oe-parties{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:19px}.oe-party{border:1px solid #e8edf2;background:#fcfdfe;border-radius:6px;padding:15px}.oe-party-label{display:flex;align-items:center;gap:8px;margin-bottom:16px}.oe-party-label>span{display:grid;place-items:center;width:25px;height:25px;background:#edf2f8;color:#6583a5;border-radius:5px;font-size:11px}.oe-party:nth-child(2) .oe-party-label>span{background:#f6f0e5;color:#b09560}.oe-party-label strong{font-size:11px;font-weight:500}.oe-party-label small{font-size:8px;color:#b0b9c4;letter-spacing:1px;margin-left:auto}.oe-party>.oe-field{margin-bottom:13px}.oe-party .two{gap:10px}.oe-table-wrap{margin:0 -7px;overflow:auto}.oe-table{min-width:560px;table-layout:fixed}.oe-table th{padding:10px 7px;font-size:9px;background:#f6f8fb}.oe-table th:first-child{width:30px}.oe-table th:nth-child(2){width:36%}.oe-table th:nth-child(3),.oe-table th:nth-child(4){width:19%}.oe-table th:nth-child(5){width:22%}.oe-table th:last-child{width:25px}.oe-table td{padding:14px 7px;font-size:10px;vertical-align:top;border-bottom:1px solid #edf1f6}.oe-row-number{font-family:serif;font-size:11px;color:#a4afbd;display:block;margin-top:9px}.oe-table input{display:block;width:100%;height:31px;border:1px solid #e4eaf1;border-radius:4px;padding:6px 8px;font-family:inherit;font-size:10px;color:#425871;outline:none;background:#fff;min-width:0}.oe-table input.oe-spec{border-color:transparent;background:transparent;margin-top:5px;font-size:9px;padding:3px 2px;height:22px;color:#a0aab6}.oe-table input[type=number]{appearance:textfield;-moz-appearance:textfield}.oe-table input::-webkit-inner-spin-button{display:none}.oe-table td>small{font-size:9px;color:#a7b0bc;margin:9px 0 0 2px}.oe-table .oe-line-total{display:block;margin-top:9px;white-space:nowrap;color:#41536a;font-size:11px;font-variant-numeric:tabular-nums;font-weight:500}.oe-remove{border:0;padding:5px;background:none;color:#9aa8ba;font-size:17px}.oe-remove:disabled{opacity:.3;cursor:not-allowed}.oe-items-footer{display:flex;gap:15px;align-items:center;padding-top:15px;font-size:9px;color:#a0aab8}.oe-items-footer button{border:1px dashed #d1bd98;color:#a18759;background:#fcfaf5;padding:7px 13px;font-size:10px;border-radius:4px;margin-right:auto}.oe-items-footer strong{font-weight:500;color:#66778c}.oe-tax-hint{font-size:10px;color:#a58d65;line-height:1.8;padding-top:18px}.oe-tax-hint small{font-size:9px;color:#a1adba}.oe-note{margin-top:18px}.oe-field textarea{height:66px;resize:vertical;line-height:1.8}.oe-summary{position:sticky;inset:auto;top:18px;width:auto;align-self:start;border:1px solid #e4eaf0;border-radius:8px;background:#fff;padding:22px 20px;color:#42566f;z-index:auto}.oe-summary-kicker{font-size:8px;color:#b19361;letter-spacing:1.8px}.oe-summary h3{font-size:17px;letter-spacing:1px;font-weight:500;margin:9px 0 22px}.oe-counterparties{padding:16px;border-radius:6px;background:#f6f8fb;margin-bottom:21px}.oe-counterparties div>span{font-size:9px;color:#9aa6b5;display:block;margin-bottom:7px}.oe-counterparties strong{font-size:11px;font-weight:500;display:block;line-height:1.7;overflow-wrap:anywhere}.oe-counterparties>b{font-size:13px;color:#baa06f;display:block;margin:10px 0;font-weight:400}.oe-sum-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;margin:14px 0}.oe-sum-row>span{color:#94a0af}.oe-sum-row>strong{font-size:11px;font-weight:400;font-variant-numeric:tabular-nums}.oe-grand{border-top:1px solid #e9edf3;border-bottom:1px solid #e9edf3;padding:18px 0;margin:18px 0}.oe-grand>span{font-size:10px;color:#8a97a8}.oe-grand>strong{font-size:25px;font-weight:500;letter-spacing:.3px;display:block;color:#1d344e;margin:10px 0;font-variant-numeric:tabular-nums}.oe-grand>small{font-size:8px;color:#aab3bf;letter-spacing:1px}.oe-finance{border:1px solid #ece2d1;background:linear-gradient(120deg,#fcf8ef,#fffdf9);border-radius:6px;padding:14px;margin-top:20px}.oe-finance>span{font-size:10px;color:#b19664}.oe-finance>strong{display:block;font-size:18px;font-weight:500;color:#a58a56;margin:10px 0}.oe-finance p{font-size:9px;color:#b0a28a;line-height:1.9;margin:0}.oe-next{border-top:1px solid #edf0f5;margin-top:22px;padding-top:19px}.oe-next>b{font-size:10px;font-weight:500;color:#6c7e93}.oe-next p{font-size:9px;color:#9eaab9;margin:12px 0}.oe-next i{width:4px;height:4px;background:#c5ac80}.oe-bottom{position:sticky;bottom:0;grid-column:1 / -1;background:#fff;border-top:1px solid #e5eaf0;box-shadow:0 -7px 22px #1b2a4205;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px -25px 0;padding:15px 25px;z-index:3}.oe-bottom>span{font-size:9px;color:#9ba6b5}.oe-bottom>div{display:flex;gap:10px;align-items:center}.oe-bottom button{font-size:11px;padding:10px 17px;white-space:nowrap}.oe-bottom .primary{background:linear-gradient(110deg,#1d3651,#12263d);box-shadow:0 3px 8px #162d4414}.oe-bottom-amount{font-size:9px;color:#93a1b2;margin-right:10px}.oe-bottom-amount b{color:#b09261;font-size:14px;font-weight:500;margin-left:8px;font-variant-numeric:tabular-nums}.oe-detail-extra h3{font-size:13px;font-weight:500;margin:24px 0 14px}.oe-detail-extra .detail-grid strong{overflow-wrap:anywhere}.oe-detail-extra table td{font-size:10px}.oe-detail-extra table{min-width:450px}@media(max-width:1050px){.oe-layout{grid-template-columns:minmax(0,1fr) 230px;gap:15px;padding:18px 18px 0}.oe-section{padding:17px}.oe-summary{padding:20px 16px}.oe-fields{gap:10px}.oe-parties{gap:10px}.oe-party{padding:12px}.oe-bottom{margin-left:-18px;margin-right:-18px;padding:14px 18px}.oe-bottom-amount{display:none}.oe-grand>strong{font-size:22px}.oe-section-title>small{font-size:8px}}@media(max-width:780px){.modal.order-composer{width:96vw;max-height:94vh}.oe-layout{grid-template-columns:1fr;padding:15px 15px 0;gap:0}.oe-summary{position:static;width:auto;margin-bottom:18px}.oe-heading{padding:24px 20px}.oe-heading h2{font-size:21px}.oe-owner{display:none}.oe-process{padding:15px 18px;gap:9px}.oe-process>i{width:20px}.oe-process span{font-size:9px;gap:5px}.oe-process b{width:19px;height:19px;font-size:9px}.oe-fields{grid-template-columns:1fr 1fr}.oe-fields>.oe-field:first-child{grid-column:1 / -1}.oe-fields.thirds{grid-template-columns:1fr 1fr}.oe-fields.thirds>.oe-field:first-child{grid-column:auto}.oe-parties{gap:13px}.oe-party .two{grid-template-columns:1fr}.oe-heading-badge{font-size:8px}.oe-bottom{margin:0 -15px;padding:13px 15px}.oe-bottom>span{max-width:100px;line-height:1.8}.oe-bottom button{font-size:10px;padding:10px 12px}.oe-section-title>small{max-width:115px}.oe-detail-extra .detail-grid{grid-template-columns:1fr 1fr}.oe-summary .oe-counterparties{display:flex;align-items:center;gap:18px}.oe-summary .oe-counterparties>b{transform:rotate(-90deg)}.oe-summary .oe-counterparties>div{flex:1}.oe-grand>strong{font-size:26px}}@media(max-width:430px){.oe-parties{grid-template-columns:1fr}.oe-party .two{grid-template-columns:1fr 1fr}.oe-fields.thirds{grid-template-columns:1fr}.oe-process{gap:5px}.oe-process>i{width:9px}.oe-process span{font-size:8px}.oe-process b{display:none}.oe-bottom>span{display:none}.oe-bottom>div{width:100%;justify-content:flex-end}.oe-section-title>small{max-width:90px}.oe-summary .oe-counterparties{gap:10px}}
