.erp-workbench { background:#fff; border:1px solid #e7ebf0; border-radius:8px; min-height:calc(100vh - 112px); overflow:hidden; box-shadow:0 2px 10px rgba(15,35,55,.05); }
.erp-toolbar { height:52px; display:flex; align-items:center; gap:8px; padding:8px 12px; border-bottom:1px solid #e7ebf0; background:#fff; }
.erp-toolbar input,.erp-toolbar select,.erp-field input,.erp-field select,.erp-field textarea { border:1px solid #d9dfe7; border-radius:4px; padding:7px 10px; font-size:13px; background:#fff; outline:none; }
.erp-toolbar input:focus,.erp-field input:focus,.erp-field select:focus,.erp-field textarea:focus { border-color:#1890ff; box-shadow:0 0 0 2px rgba(24,144,255,.1); }
.erp-toolbar .spacer { flex:1; }
.erp-split { display:grid; grid-template-columns:190px minmax(560px,1fr) 430px; height:calc(100vh - 165px); }
.erp-tree { border-right:1px solid #e7ebf0; background:#f7fbff; overflow-y:auto; overflow-x:hidden; padding:12px 0; }
.erp-tree-title { padding:8px 14px; font-weight:600; color:#596780; font-size:12px; text-transform:uppercase; }
.erp-tree-item { padding:8px 16px; font-size:13px; cursor:pointer; color:#43526a; display:flex; justify-content:space-between; border-left:3px solid transparent; }
.erp-tree-item:hover { background:#eaf4ff; }
.erp-tree-item.active { background:#e6f7ff; color:#1677ff; border-left-color:#1677ff; font-weight:600; }
.erp-tree-count { color:#8c98aa; font-size:11px; }
.erp-grid-panel { overflow:auto; border-right:1px solid #e7ebf0; }
.erp-data-table { min-width:1050px; font-size:12px; }
.erp-data-table th { position:sticky; top:0; z-index:2; padding:9px 10px; white-space:nowrap; border-right:1px solid #edf0f4; color:#58657a; }
.erp-data-table td { padding:8px 10px; border-bottom:1px solid #edf0f4; border-right:1px solid #f1f3f6; white-space:nowrap; }
.erp-data-table tbody tr { cursor:pointer; }
.erp-data-table tbody tr:hover { background:#f5faff; }
.erp-data-table tbody tr.selected { background:#e6f7ff; }
.erp-detail { overflow:auto; background:#fff; }
.erp-detail-tabs { display:flex; border-bottom:1px solid #e7ebf0; position:sticky; top:0; background:#fff; z-index:3; }
.erp-detail-tab { padding:13px 14px 10px; font-size:12px; cursor:pointer; border-bottom:2px solid transparent; }
.erp-detail-tab.active { color:#1677ff; border-bottom-color:#1677ff; font-weight:600; }
.erp-detail-body { padding:14px; }
.erp-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; color:#9aa5b5; min-height:240px; gap:8px; }
.erp-product-thumb { width:46px; height:46px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:24px; background:linear-gradient(135deg,#edf7ff,#f7fbff); border:1px solid #d6eaff; }
.erp-status { display:inline-flex; padding:2px 8px; border-radius:10px; font-size:11px; }
.erp-status.green { color:#237804; background:#f6ffed; border:1px solid #b7eb8f; }
.erp-status.orange { color:#ad4e00; background:#fff7e6; border:1px solid #ffd591; }
.erp-status.blue { color:#0958d9; background:#e6f4ff; border:1px solid #91caff; }
.erp-status.red { color:#a8071a; background:#fff1f0; border:1px solid #ffa39e; }
.erp-mini-card { border:1px solid #e7ebf0; border-radius:6px; padding:12px; margin-bottom:10px; }
.erp-mini-card h4 { margin-bottom:8px; font-size:13px; }
.erp-kv { display:grid; grid-template-columns:95px 1fr; gap:6px 10px; font-size:12px; line-height:1.7; }
.erp-kv .k { color:#8c98aa; }
.erp-modal-card { width:min(980px,94vw); max-height:90vh; background:#fff; border-radius:8px; display:flex; flex-direction:column; box-shadow:0 16px 50px rgba(0,0,0,.22); }
.erp-modal-header { padding:15px 20px; border-bottom:1px solid #e7ebf0; display:flex; justify-content:space-between; align-items:center; }
.erp-modal-tabs { display:flex; padding:0 20px; border-bottom:1px solid #e7ebf0; }
.erp-modal-tab { padding:13px 18px; cursor:pointer; border-bottom:2px solid transparent; font-size:13px; }
.erp-modal-tab.active { color:#1677ff; border-bottom-color:#1677ff; font-weight:600; }
.erp-modal-body { padding:18px 20px; overflow:auto; }
.erp-form-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px 16px; }
.erp-field { display:flex; flex-direction:column; gap:6px; min-width:0; }
.erp-field label { color:#596780; font-size:12px; }
.erp-field.required label:before { content:'*'; color:#ff4d4f; margin-right:3px; }
.erp-span-2 { grid-column:span 2; }
.erp-span-4 { grid-column:span 4; }
.erp-modal-footer { padding:12px 20px; border-top:1px solid #e7ebf0; display:flex; justify-content:flex-end; gap:10px; }
.erp-variant-table input { width:100%; min-width:85px; border:1px solid #d9dfe7; padding:6px; border-radius:3px; }
.erp-order-layout { display:grid; grid-template-columns:190px minmax(720px,1fr); height:calc(100vh - 165px); }
.erp-order-main { display:grid; grid-template-rows:minmax(310px,58%) minmax(220px,42%); overflow:hidden; }
.erp-order-table-wrap { overflow:auto; border-bottom:1px solid #e7ebf0; }
.erp-order-detail { overflow:auto; background:#fff; }
.erp-order-detail-head { padding:10px 14px; background:#f7f9fc; border-bottom:1px solid #e7ebf0; font-weight:600; }
@media (max-width:1200px) { .erp-split{grid-template-columns:150px minmax(520px,1fr) 340px}.erp-form-grid{grid-template-columns:repeat(2,1fr)}.erp-span-4{grid-column:span 2}.erp-order-layout{grid-template-columns:150px minmax(680px,1fr)} }
.erp-tree-item > span:first-child { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }