.process-orders-page{color:#10261f;background:#f4f6f1;min-height:100vh}.process-orders-main{width:min(1440px,100% - 44px);margin:0 auto;padding:36px 0 72px}.process-orders-heading,.process-toolbar,.process-drawer-header,.process-item-card>header,.process-drawer section>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.process-orders-heading p,.process-drawer-header p{color:#678278;letter-spacing:.16em;margin:0 0 7px;font-size:12px;font-weight:800}.process-orders-heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(28px,3vw,42px)}.process-orders-heading span{color:#667870;max-width:720px;margin-top:10px;line-height:1.65;display:block}.process-primary,.process-secondary,.process-actions button,.process-add,.process-remove-line,.process-custom-list button,.process-item-custom button{cursor:pointer;font:inherit;border:0}.process-heading-actions{align-items:center;gap:10px;display:flex}.process-import-file{cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.process-import-file input{display:none}.process-import-dropzone{color:#275d43;text-align:left;background:#f1f8eb;border:1px dashed #7ca98b;border-radius:10px;gap:2px;min-width:190px;padding:10px 14px;display:grid}.process-import-dropzone small{color:#74857c;font-size:11px}.process-import-dropzone strong{font-size:13px}.process-dragging:before{content:"";z-index:80;pointer-events:none;background:#f4ffdde0;border:3px dashed #a7dd34;border-radius:18px;position:fixed;inset:12px}.process-dragging:after{content:"松开鼠标，自动识别流程单 Excel";z-index:81;color:#f3ffd9;pointer-events:none;background:#123f31;border-radius:14px;padding:20px 28px;font-size:18px;font-weight:800;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 44px #0a231840}.process-primary{color:#17301f;white-space:nowrap;background:#c7ff18;border-radius:10px;padding:13px 18px;font-weight:800}.process-primary:disabled{opacity:.55;cursor:default}.process-kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 18px;display:grid}.process-kpis>div,.process-panel{background:#fff;border:1px solid #dce4dd;border-radius:16px;box-shadow:0 10px 30px #1334270a}.process-kpis>div{padding:18px}.process-kpis span,.process-kpis small{color:#76877f;display:block}.process-kpis strong{margin:8px 0 4px;font-size:30px;display:block}.process-progress-board{background:linear-gradient(135deg,#f9fcf3,#eef7ee);border:1px solid #d7e5da;border-radius:16px;margin:18px 0;padding:22px}.process-progress-board>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.process-progress-board header p{color:#668777;letter-spacing:.15em;margin:0 0 6px;font-size:11px;font-weight:800}.process-progress-board h2{margin:0;font-size:22px}.process-progress-board header>div>span{color:#70837a;margin-top:7px;font-size:13px;display:block}.process-progress-total{color:#f2ffe1;background:#123f31;border-radius:12px;min-width:128px;padding:13px 15px}.process-progress-total span{color:#b8d5bd;font-size:12px;display:block}.process-progress-total strong{margin-top:5px;font-size:26px;display:block}.process-status-lanes{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.process-status-lane{text-align:left;cursor:pointer;font:inherit;color:#24523d;background:#fff;border:1px solid #d0ded3;border-radius:11px;padding:12px;transition:border-color .15s,transform .15s}.process-status-lane:hover,.process-status-lane.selected{border-color:#69a17e;transform:translateY(-1px)}.process-status-lane span,.process-status-lane small{display:block}.process-status-lane span{font-size:13px}.process-status-lane strong{margin:7px 0 2px;font-size:26px;display:block}.process-status-lane small{color:#7b8c82;font-size:12px}.process-status-lane.waiting_receipt{background:#fff9e9}.process-status-lane.received{background:#f0f9ff}.process-status-lane.completed{background:#f4f7f4}.process-alert-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.process-alert{background:#fff;border:1px solid #dbe7de;border-radius:11px;min-height:112px;padding:14px}.process-alert.overdue{border-left:4px solid #de6a4b}.process-alert.upcoming{border-left:4px solid #e0aa32}.process-alert>header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.process-alert header span{color:#647b6f;font-size:12px;display:block}.process-alert header strong{font-size:22px}.process-alert header button{color:#2d6b4d;cursor:pointer;font:inherit;background:0 0;border:0;font-size:12px}.process-alert>button{text-align:left;cursor:pointer;color:#244b39;width:100%;font:inherit;background:0 0;border:0;border-top:1px solid #edf1ed;gap:3px;padding:7px 0;display:grid}.process-alert>button span,.process-alert>p{color:#78897f;font-size:12px}.process-alert>p{margin:18px 0 0}.process-notice,.process-error{border-radius:10px;margin:14px 0;padding:12px 14px}.process-notice{color:#42620e;background:#effbd0}.process-error{color:#9b2e22;background:#ffe8e5}.process-panel{overflow:hidden}.process-toolbar{border-bottom:1px solid #e5ebe6;align-items:center;padding:18px 20px}.process-toolbar small{color:#7c8b84;margin-left:8px}.process-filters{gap:10px;display:flex}.process-filters label{color:#6d7e75;align-items:center;gap:8px;font-size:13px;display:flex}.process-filters input,.process-filters select{width:230px}.process-source-files{background:#fff;border:1px solid #dce4dd;border-radius:16px;margin-top:16px;padding:18px 20px}.process-source-files header{justify-content:space-between;gap:20px;margin-bottom:12px;display:flex}.process-source-files header small{color:#728279}.process-source-files>div{gap:8px;display:grid}.process-source-file-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.process-source-file-row>button:first-child{text-align:left;color:#184a36;cursor:pointer;min-width:0;font:inherit;background:#fbfdf9;border:1px solid #dce8df;border-radius:9px;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:16px;padding:12px;display:grid}.process-source-file-row span{color:#718178;font-size:13px}.process-source-file-row b{color:#397759}.process-source-delete{color:#a34034;cursor:pointer;font:inherit;background:#fff7f5;border:1px solid #e4bbb4;border-radius:9px;align-self:stretch;padding:0 13px}.process-source-delete:disabled{opacity:.55;cursor:wait}.process-table-wrap{overflow-x:auto}.process-table{border-collapse:collapse;width:100%;min-width:1110px}.process-table th{color:#dff7ec;text-align:left;white-space:nowrap;background:#103e31;padding:12px;font-size:12px}.process-table td{vertical-align:top;border-bottom:1px solid #e7ede8;padding:13px 12px}.process-table td strong,.process-table td small{display:block}.process-table td small{color:#75857d;margin-top:4px}.process-table tbody tr:hover{background:#fbfef8}.process-status{color:#246442;white-space:nowrap;background:#e7f4ec;border-radius:999px;padding:5px 8px;font-size:12px;display:inline-block}.process-status.waiting_receipt{color:#8a6409;background:#fff4d9}.process-status.received{color:#1d6286;background:#e7f4fb}.process-status.completed{color:#536157;background:#e9ede9}.process-status.cancelled{color:#9b4545;background:#f4e7e7}.process-attachment-count{color:#477968;font-size:13px}.process-muted{color:#8b9690}.process-actions{gap:8px;display:flex}.process-actions button{color:#1c6a4f;background:0 0;padding:3px 0}.process-actions .danger{color:#b53c32}.process-empty{text-align:center;color:#718078;padding:44px 24px}.process-empty strong,.process-empty span{display:block}.process-empty span{margin:8px 0 16px}.process-drawer-backdrop{z-index:30;background:#091e166b;justify-content:flex-end;display:flex;position:fixed;inset:0}.process-drawer{box-sizing:border-box;background:#fbfcf9;width:min(1040px,100vw);height:100vh;padding:28px;overflow-y:auto}.process-drawer-header{margin-bottom:18px}.process-drawer-header h2{margin:0;font-size:28px}.process-drawer-header button{cursor:pointer;background:#eaf0eb;border:0;border-radius:50%;width:36px;height:36px;font-size:24px}.process-drawer section{border-top:1px solid #dfe8e1;padding:20px 0}.process-drawer section>header{margin-bottom:14px}.process-drawer section>header small{color:#718078;text-align:right;line-height:1.5}.process-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.process-form-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.process-form-grid label,.process-file-input{color:#4f6258;gap:6px;font-size:13px;font-weight:700;display:grid}.process-form-grid .full,.process-form-grid .wide{grid-column:1/-1}.process-form-grid input,.process-form-grid select,.process-form-grid textarea,.process-filters input,.process-filters select,.process-upload-row select,.process-upload-row input{box-sizing:border-box;color:#142b21;width:100%;font:inherit;background:#fff;border:1px solid #cddbd0;border-radius:8px;padding:10px}.process-form-grid textarea{resize:vertical;min-height:72px}.process-file-input{background:#f2f9ed;border:1px dashed #9cbaa8;border-radius:9px;padding:12px}.process-file-input small{color:#75867d;font-weight:500}.process-custom-list,.process-item-custom{gap:8px;display:grid}.process-custom-list>div,.process-item-custom>div{grid-template-columns:minmax(150px,.6fr) 1fr auto;gap:8px;display:grid}.process-custom-list input,.process-item-custom input,.process-stage-grid input{box-sizing:border-box;min-width:0;font:inherit;border:1px solid #cfddd2;border-radius:8px;padding:9px}.process-custom-list button,.process-item-custom button,.process-remove-line{color:#ad3b33;background:#fff0ee;border-radius:7px;padding:7px 10px}.process-add{color:#246842;background:#e7f4dc;border-radius:8px;margin-top:10px;padding:9px 12px;font-weight:700}.process-add.small{padding:7px 10px;font-size:13px}.process-item-list{gap:12px;display:grid}.process-item-card{background:#fff;border:1px solid #d7e3da;border-radius:12px;padding:15px}.process-item-card>header{align-items:center;margin-bottom:12px}.process-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.process-stage-grid>div{grid-template-columns:minmax(80px,.55fr) 1fr auto;gap:6px;display:grid}.process-stage-grid button{color:#9b4038;cursor:pointer;background:#fdecea;border:0;border-radius:6px}.process-item-custom{margin-top:12px}.process-attachments{flex-wrap:wrap;gap:9px;display:flex}.process-attachments button{text-align:left;cursor:pointer;background:#fff;border:1px solid #cfe0d5;border-radius:9px;min-width:180px;padding:10px}.process-attachments button span,.process-attachments button strong,.process-attachments button small{display:block}.process-attachments button span{color:#4d8069;font-size:12px}.process-attachments button small{color:#7d8a83;margin-top:4px}.process-upload-row{gap:10px;margin-top:12px;display:flex}.process-upload-row select{max-width:180px}.process-drawer footer{background:#fbfcf9f5;border-top:1px solid #dbe5dd;justify-content:flex-end;gap:10px;margin:28px -28px -28px;padding:16px 28px;display:flex;position:sticky;bottom:-28px}.process-secondary{color:#345244;background:#e9efea;border-radius:10px;padding:13px 18px}@media (max-width:760px){.process-orders-main{width:min(100% - 24px,1440px);padding-top:22px}.process-orders-heading,.process-toolbar{flex-direction:column;align-items:stretch}.process-kpis{grid-template-columns:repeat(2,1fr)}.process-filters{flex-direction:column}.process-filters label{grid-template-columns:48px 1fr;display:grid}.process-filters input,.process-filters select{width:100%}.process-drawer{padding:18px}.process-form-grid,.process-form-grid.compact{grid-template-columns:1fr 1fr}.process-stage-grid{grid-template-columns:1fr}.process-drawer footer{margin:24px -18px -18px;padding:14px 18px;bottom:-18px}.process-upload-row{flex-direction:column}.process-upload-row select{max-width:none}.process-progress-board{padding:16px}.process-progress-board>header{flex-direction:column}.process-status-lanes{grid-template-columns:repeat(2,1fr)}.process-alert-grid{grid-template-columns:1fr}}.process-workbench{background:#f4faed;border:1px solid #cae3b8;border-radius:12px;margin-top:4px;padding:18px!important}.process-workbench>header{align-items:center!important}.process-workbench>header>div{gap:4px;display:grid}.process-workbench>header small{text-align:left!important}.process-quick-status{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.process-quick-status>span{color:#577064;margin-right:4px;font-size:13px;font-weight:700}.process-quick-status button,.process-receipt-list button{color:#205d3d;cursor:pointer;font:inherit;background:#fff;border:1px solid #b9d9b4;border-radius:8px;padding:8px 10px;font-size:13px}.process-quick-status button.active{color:#143a24;background:#c7ff18;border-color:#b6e817;font-weight:800}.process-quick-status button:disabled,.process-receipt-list button:disabled{opacity:.55;cursor:wait}.process-quick-grid{grid-template-columns:1.1fr .9fr;gap:12px;margin-top:16px;display:grid}.process-quick-grid article,.process-event-log{background:#fff;border:1px solid #d7e5d4;border-radius:10px;padding:13px}.process-quick-grid article>header,.process-event-log>header{gap:4px;display:grid}.process-quick-grid small,.process-event-log small{color:#78897f;font-size:12px;line-height:1.45}.process-receipt-list{gap:7px;margin-top:10px;display:grid}.process-receipt-list>div{border-top:1px solid #edf2ea;justify-content:space-between;align-items:center;gap:8px;padding-top:7px;display:flex}.process-receipt-list span{gap:3px;min-width:0;display:grid}.process-receipt-list b{color:#59856b;font-size:12px}.process-exception-form{gap:8px;margin-top:10px;display:grid}.process-exception-form select,.process-exception-form input,.process-exception-form textarea{box-sizing:border-box;color:#142b21;width:100%;font:inherit;background:#fff;border:1px solid #cfddd2;border-radius:8px;padding:9px}.process-exception-form textarea{resize:vertical;min-height:62px}.process-exception-form button{cursor:pointer;font:inherit;border:0;justify-self:start;padding:9px 12px}.process-event-log{margin-top:12px}.process-event-log>header{justify-content:space-between;align-items:center;display:flex}.process-event-log>div{border-top:1px solid #edf2ea;grid-template-columns:145px 1fr;gap:12px;padding:9px 0;display:grid}.process-event-log>div:first-of-type{margin-top:9px}.process-event-log time{color:#6f8277;font-size:12px}.process-event-log span{gap:3px;display:grid}.process-event-log .exception strong{color:#a44532}.process-event-log .receipt strong{color:#28734e}.process-event-log p{color:#7b8c82;margin:10px 0 0;font-size:13px}@media (max-width:760px){.process-quick-grid{grid-template-columns:1fr}.process-event-log>div{grid-template-columns:1fr;gap:3px}}.process-import-backdrop{z-index:40;box-sizing:border-box;background:#091e167a;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.process-import-dialog{background:#fbfcf9;border-radius:16px;width:min(860px,100%);max-height:min(780px,100vh - 44px);overflow:auto;box-shadow:0 28px 80px #081e1547}.process-import-dialog>header{border-bottom:1px solid #dfe8e1;justify-content:space-between;gap:16px;padding:22px 24px 16px;display:flex}.process-import-dialog>header p{color:#6b8579;letter-spacing:.15em;margin:0 0 5px;font-size:11px;font-weight:800}.process-import-dialog h2{margin:0;font-size:24px}.process-import-dialog>header span{color:#728279;margin-top:7px;font-size:13px;display:block}.process-import-dialog>header button{cursor:pointer;background:#e9efea;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.process-import-summary{background:#f2f8ed;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 24px;display:grid}.process-import-summary span{color:#61776d;gap:3px;font-size:12px;display:grid}.process-import-summary strong{color:#183d2c;font-size:22px}.process-import-warnings{color:#765407;background:#fff7e5;border-left:3px solid #d59b2a;margin:0 24px;padding:10px 12px;font-size:13px}.process-import-warnings p{margin:3px 0}.process-import-orders{gap:9px;padding:16px 24px;display:grid}.process-import-order{cursor:pointer;background:#fff;border:1px solid #d7e4da;border-radius:10px;gap:11px;padding:13px;display:flex}.process-import-order input{accent-color:#4f8b62;width:17px;height:17px;margin-top:3px}.process-import-order span{gap:4px;min-width:0;display:grid}.process-import-order small{color:#718178}.process-import-order em{color:#315d49;font-size:13px;font-style:normal}.process-import-order b{color:#aa4034;font-size:12px}.process-import-order.duplicate{cursor:not-allowed;opacity:.8;background:#fff8f6;border-color:#ead2cd}.process-import-dialog footer{border-top:1px solid #dfe8e1;justify-content:flex-end;gap:10px;padding:16px 24px 22px;display:flex}@media (max-width:760px){.process-heading-actions{width:100%}.process-heading-actions>*{flex:1}.process-import-dropzone{min-width:0}.process-dragging:after{text-align:center;width:min(280px,100vw - 48px);font-size:16px}.process-import-backdrop{padding:10px}.process-import-dialog>header,.process-import-orders,.process-import-dialog footer{padding-left:16px;padding-right:16px}.process-import-summary{padding:14px 16px}.process-import-warnings{margin:0 16px}}
.process-receipt-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.process-receipt-summary span{color:#6f8277;background:#f4f9f1;border-radius:8px;gap:3px;padding:10px;font-size:12px;display:grid}.process-receipt-summary b{color:#194b35;font-size:17px}.process-receipt-toolbar{grid-template-columns:150px 1fr;gap:8px;margin-top:10px;display:grid}.process-receipt-toolbar label{color:#61766c;gap:5px;font-size:12px;display:grid}.process-receipt-toolbar input,.process-receipt-actions input{box-sizing:border-box;color:#163a29;width:100%;min-height:36px;font:inherit;background:#fff;border:1px solid #c9d9ce;border-radius:7px;padding:7px 8px}.process-receipt-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.process-receipt-actions input{width:76px}.process-receipt-actions button{white-space:nowrap}.process-receipt-actions .complete{color:#285c20;background:#eaf9cc;border-color:#8fc647}@media (max-width:760px){.process-receipt-summary,.process-receipt-toolbar{grid-template-columns:1fr}.process-receipt-list>div{flex-direction:column;align-items:flex-start}.process-receipt-actions{width:100%}.process-receipt-actions input{flex:1}}
