:root {
  --procurement-bg: var(--wanfan-admin-page-bg, #f5f7fa);
  --procurement-card: var(--wanfan-admin-card-bg, #ffffff);
  --procurement-border: var(--wanfan-admin-card-border, #edf1f5);
  --procurement-header: var(--wanfan-admin-table-header-bg, #fafbfc);
  --procurement-hover: var(--wanfan-admin-hover-bg, #edf5ff);
  --procurement-primary: var(--wanfan-admin-primary, #1e7df2);
  --procurement-text: var(--wanfan-admin-text, #344054);
  --procurement-muted: var(--wanfan-admin-text-muted, #667085);
  --procurement-danger: var(--wanfan-admin-danger, #f04438);
  --procurement-radius: var(--wanfan-admin-radius, 2px);
  --procurement-shadow: var(--wanfan-admin-shadow, 0 1px 2px rgba(15, 23, 42, .04));
}

.procurement-center { box-sizing: border-box; min-width: 0; padding: var(--wanfan-admin-page-padding, 12px 14px 40px); color: var(--procurement-text); background: var(--procurement-bg); font-size: var(--wanfan-admin-font-body, 12px); }
.procurement-center *, .procurement-confirm-detail * { box-sizing: border-box; }
.procurement-page-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; padding: 12px 16px; border: 1px solid var(--procurement-border); background: var(--procurement-card); box-shadow: var(--procurement-shadow); }
.procurement-page-header p, .procurement-page-header h1, .procurement-page-header span { margin: 0; }
.procurement-page-header p { color: var(--procurement-muted); }
.procurement-page-header h1 { margin: 4px 0; color: #273244; font-size: var(--wanfan-admin-font-page, 15px); }
.procurement-header-actions, .procurement-filter-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.procurement-button { min-height: 32px; padding: 0 12px; border: 1px solid #d9e0e8; border-radius: var(--procurement-radius); color: var(--procurement-text); background: #fff; cursor: pointer; white-space: nowrap; }
.procurement-button:hover { border-color: #a7c7f5; background: var(--procurement-hover); }
.procurement-button.is-primary { border-color: var(--procurement-primary); color: #fff; background: var(--procurement-primary); }
.procurement-button:disabled { opacity: .5; cursor: not-allowed; }
.procurement-handoff-panel { display: grid; grid-template-columns: minmax(240px, 1fr) auto auto minmax(220px, auto); align-items: center; gap: 12px; margin-top: 10px; padding: 12px 16px; border: 1px solid #cfe1fb; background: #fbfdff; }
.procurement-handoff-panel > div, .procurement-handoff-panel output { display: grid; gap: 3px; }
.procurement-handoff-panel span, .procurement-handoff-panel output { color: var(--procurement-muted); font-size: 11px; }
.procurement-handoff-panel label { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.procurement-handoff-panel input { min-height: 32px; padding: 0 8px; border: 1px solid var(--wanfan-admin-input-border, #e5e9ef); color: var(--procurement-text); background: #fff; }
.procurement-handoff-panel output strong { color: var(--procurement-primary); }
.procurement-handoff-history { display: flex; align-items: center; gap: 6px; grid-column: 1 / -1; min-width: 0; overflow-x: auto; }
.procurement-handoff-history > span { flex: 0 0 auto; color: var(--procurement-muted); }
.procurement-handoff-history button { flex: 0 0 auto; min-height: 26px; padding: 0 8px; border: 1px solid var(--procurement-border); color: var(--procurement-text); background: #fff; cursor: pointer; }

.procurement-tabs { display: flex; align-items: stretch; gap: 28px; min-height: 46px; margin-top: 12px; padding: 0 16px; border: 1px solid var(--procurement-border); background: var(--procurement-card); overflow-x: auto; scrollbar-width: none; }
.procurement-tabs::-webkit-scrollbar { display: none; }
.procurement-tab { display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto; padding: 0 2px; border: 0; border-bottom: 2px solid transparent; color: var(--procurement-muted); background: transparent; cursor: pointer; white-space: nowrap; }
.procurement-tab span { min-width: 18px; padding: 1px 5px; border-radius: 9px; color: #7b8798; background: #f1f4f8; font-size: 10px; text-align: center; }
.procurement-tab.is-active { border-bottom-color: var(--procurement-primary); color: var(--procurement-primary); font-weight: 600; }

.procurement-filter-panel { display: grid; grid-template-columns: minmax(240px, 2fr) repeat(3, minmax(150px, 1fr)); gap: 10px 12px; margin-top: 10px; padding: 14px 16px; border: 1px solid var(--procurement-border); background: var(--procurement-card); }
.procurement-filter-panel label, .procurement-confirm-form label { display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 34px; padding: 0 10px; border: 1px solid var(--wanfan-admin-input-border, #e5e9ef); border-radius: var(--procurement-radius); color: var(--procurement-text); background: var(--wanfan-admin-input-bg, #fff); }
.procurement-filter-panel label > span { flex: 0 0 auto; color: var(--procurement-muted); }
.procurement-filter-panel input, .procurement-filter-panel select, .procurement-confirm-form input, .procurement-confirm-form textarea { width: 100%; min-width: 0; border: 0; outline: 0; color: var(--procurement-text); background: transparent; font: inherit; }
.procurement-filter-actions { grid-column: 1 / -1; }

.procurement-table-card { min-width: 0; margin-top: 10px; border: 1px solid var(--procurement-border); background: var(--procurement-card); box-shadow: var(--procurement-shadow); }
.procurement-table-toolbar, .procurement-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 38px; padding: 0 12px; color: var(--procurement-muted); }
.procurement-table-toolbar { border-bottom: 1px solid var(--procurement-border); }
.procurement-table-scroll { width: 100%; overflow: auto; }
.procurement-table { width: 100%; min-width: 1580px; border-collapse: collapse; table-layout: fixed; }
.procurement-table th { height: 40px; padding: 0 10px; border-bottom: 1px solid var(--procurement-border); color: #596477; background: var(--procurement-header); font-weight: 600; text-align: left; white-space: nowrap; }
.procurement-table td { min-height: 54px; padding: 8px 10px; border-bottom: 1px solid #f0f2f5; vertical-align: middle; overflow-wrap: anywhere; }
.procurement-table tbody tr:hover td { background: var(--procurement-hover); }
.procurement-table th:first-child, .procurement-table td:first-child { width: 38px; text-align: center; }
.procurement-table th:nth-child(2) { width: 150px; }.procurement-table th:nth-child(3) { width: 220px; }.procurement-table th:nth-child(4) { width: 150px; }.procurement-table th:nth-child(5) { width: 115px; }.procurement-table th:nth-child(6) { width: 110px; }.procurement-table th:nth-child(7) { width: 110px; }.procurement-table th:nth-child(8) { width: 140px; }.procurement-table th:nth-child(9) { width: 160px; }.procurement-table th:nth-child(10) { width: 80px; }.procurement-table th:nth-child(11) { width: 150px; }.procurement-table th:nth-child(12) { width: 90px; }
.procurement-stack { display: grid; gap: 3px; min-width: 0; }
.procurement-stack strong { overflow: hidden; color: #273244; text-overflow: ellipsis; white-space: nowrap; }
.procurement-stack span, .procurement-table td small { display: block; color: var(--procurement-muted); font-size: 11px; }
.procurement-table td.is-number { text-align: right; }.procurement-table td.is-number span { display: block; margin-top: 4px; color: var(--procurement-muted); }
.procurement-status, .procurement-risk, .procurement-review { display: inline-flex; align-items: center; min-height: 22px; padding: 0 7px; border-radius: 2px; white-space: nowrap; }
.procurement-status.is-warning { color: #b54708; background: #fffaeb; }.procurement-status.is-info, .procurement-status.is-primary { color: #175cd3; background: #eff8ff; }.procurement-status.is-success { color: #067647; background: #ecfdf3; }.procurement-status.is-danger { color: #b42318; background: #fef3f2; }.procurement-status.is-neutral { color: #475467; background: #f2f4f7; }
.procurement-review { color: #6941c6; background: #f4f3ff; }.procurement-risk { color: #475467; background: #f2f4f7; }.procurement-risk.is-high { color: #b42318; background: #fef3f2; }.procurement-risk.is-medium { color: #b54708; background: #fffaeb; }
.procurement-link { padding: 0; border: 0; color: var(--procurement-primary); background: transparent; cursor: pointer; }
.procurement-empty { display: grid; place-content: center; gap: 6px; min-height: 260px; color: var(--procurement-muted); text-align: center; }
.procurement-pagination { justify-content: flex-end; border-top: 1px solid var(--procurement-border); }
.procurement-pagination button { min-height: 28px; border: 1px solid var(--procurement-border); color: var(--procurement-muted); background: #fff; }

.procurement-confirm-detail { padding: 18px; color: var(--procurement-text); background: var(--procurement-bg); }
.procurement-confirm-detail > header { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border: 1px solid var(--procurement-border); background: #fff; }
.procurement-confirm-detail header p, .procurement-confirm-detail header h2 { margin: 0; }.procurement-confirm-detail header p { color: var(--procurement-muted); }.procurement-confirm-detail header h2 { margin-top: 4px; font-size: 16px; }
.procurement-detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
.procurement-detail-grid article { padding: 14px; border: 1px solid var(--procurement-border); background: #fff; }
.procurement-detail-grid h3 { margin: 0 0 12px; font-size: 13px; }.procurement-detail-grid dl { display: grid; grid-template-columns: 84px 1fr; gap: 8px; margin: 0; }.procurement-detail-grid dt { color: var(--procurement-muted); }.procurement-detail-grid dd { margin: 0; }
.procurement-checklist { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }.procurement-checklist li { display: flex; align-items: center; gap: 7px; }.procurement-checklist li span { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; }.procurement-checklist .is-pass span { color: #067647; background: #dcfae6; }.procurement-checklist .is-pending span { color: #b54708; background: #fef0c7; }
.procurement-confirm-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 10px; padding: 14px; border: 1px solid var(--procurement-border); background: #fff; }.procurement-confirm-form label { align-items: flex-start; flex-direction: column; padding: 8px 10px; }.procurement-confirm-form textarea { min-height: 70px; resize: vertical; }.procurement-confirm-form label:nth-last-of-type(1), .procurement-confirm-form > div { grid-column: 1 / -1; }.procurement-confirm-form > div { display: flex; justify-content: flex-end; gap: 8px; }
.procurement-operation-ready, .procurement-operation-blocked { display: grid; gap: 4px; margin-top: 10px; padding: 14px 16px; border: 1px solid var(--procurement-border); border-radius: 4px; }
.procurement-operation-ready { border-color: #bbf7d0; color: #166534; background: #f0fdf4; }
.procurement-operation-blocked { border-color: #fecaca; color: #991b1b; background: #fef2f2; }

@media (max-width: 1180px) { .procurement-filter-panel { grid-template-columns: repeat(2, minmax(180px, 1fr)); }.procurement-detail-grid { grid-template-columns: 1fr; }.procurement-handoff-panel { grid-template-columns: 1fr auto; }.procurement-handoff-panel output { grid-column: 1 / -1; } }
@media (max-width: 760px) { .procurement-page-header { align-items: flex-start; flex-direction: column; }.procurement-filter-panel, .procurement-confirm-form { grid-template-columns: 1fr; }.procurement-tabs { gap: 18px; }.procurement-center { padding: 10px; } }

.procurement-sku-mapping-table { min-width: 1180px; }
.procurement-sku-mapping-table th:nth-child(3), .procurement-sku-mapping-table th:nth-child(4) { width: 190px; }
.procurement-sku-mapping-table th:nth-child(5) { width: 120px; }

/* Verified operations embedded in the original procurement task drawer only. */
.procurement-current-operations { color:var(--procurement-text); font-size:13px; }
.procurement-current-operations .procurement-detail-grid { grid-template-columns:minmax(0,1fr) minmax(0,2fr); }
.procurement-current-operations .procurement-detail-grid .pc-item { display:block; padding:8px 0; }
.procurement-current-operations .pc-item img { width:80px; height:80px; object-fit:contain; }
.procurement-current-operations .pc-card { border:1px solid var(--procurement-border); border-radius:2px; padding:14px; }
.procurement-current-operations h2 { font-size:15px; }
.procurement-current-operations label { display:grid; gap:6px; }
.procurement-current-operations input,.procurement-current-operations select,.procurement-current-operations textarea { width:100%; min-width:0; box-sizing:border-box; border:1px solid var(--procurement-border); padding:8px; border-radius:2px; font:inherit; }
.procurement-current-operations input[type=checkbox] { width:auto; }
.procurement-current-operations .pc-fields { gap:12px; }
.procurement-current-operations .pc-actions { justify-content:flex-start; gap:8px; margin-top:12px; }
.procurement-current-operations .pc-item a { display:inline-flex; padding:7px 12px; background:var(--procurement-primary); color:white; border-radius:2px; text-decoration:none; }
.procurement-current-operations button { cursor:pointer; }
.procurement-current-operations button:disabled { opacity:.5; cursor:not-allowed; }
[data-current-procurement] .procurement-handoff-panel { display:block; }
[data-current-procurement] .procurement-filter-panel { grid-template-columns:minmax(230px,2fr) minmax(180px,1fr) auto; }
@media(max-width:760px){.procurement-current-operations .procurement-detail-grid,.procurement-current-operations .pc-fields,[data-current-procurement] .procurement-filter-panel{grid-template-columns:1fr;}}

.procurement-current-operations .procurement-detail-grid dl { grid-template-columns:84px minmax(0,1fr); }
.procurement-current-operations .procurement-detail-grid dd { min-width:0; overflow-wrap:anywhere; }
.procurement-current-operations .procurement-detail-grid > article { min-width:0; }
.procurement-current-operations .procurement-detail-grid > article:first-child dl { grid-template-columns:1fr; }

[data-current-procurement] .procurement-list-image { width:44px; height:44px; object-fit:contain; }
[data-current-procurement] .procurement-table th:last-child { width:64px; }
[data-current-procurement] .procurement-table td { white-space:normal; overflow-wrap:anywhere; }
[data-current-procurement] .procurement-stack { overflow:hidden; }
[data-current-procurement] .procurement-table th:nth-child(7) { width:230px; }
[data-current-procurement] .procurement-table th:nth-child(10) { width:135px; }

/* Original task drawer: override the legacy global 30px !important rule only here. */
.procurement-current-operations { font-size:14px; line-height:1.5; }
.procurement-current-operations form label { display:flex; flex-direction:column; align-items:stretch; gap:7px; min-width:0; margin:0; font-size:14px; line-height:1.5; }
.procurement-current-operations input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=file]),
.procurement-current-operations select { box-sizing:border-box; height:40px!important; min-height:40px; max-height:none; padding:0 12px; font-family:inherit; font-size:14px; line-height:normal; border-radius:6px; }
.procurement-current-operations select { padding-right:32px; }
.procurement-current-operations textarea { box-sizing:border-box; height:auto!important; min-height:88px; padding:10px 12px; font:inherit; resize:vertical; border-radius:6px; }
.procurement-current-operations input[type=checkbox],.procurement-current-operations input[type=radio] { width:auto; height:auto!important; padding:0; flex:none; }
.procurement-current-operations form { margin-bottom:16px; }
.procurement-current-operations [data-handoff-form],.procurement-current-operations [data-domestic-form] { display:grid; gap:12px; }
.procurement-current-operations .pc-fields { align-items:start; }
.procurement-current-operations .pc-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:14px; }
.procurement-current-operations .procurement-button { display:inline-flex; justify-content:center; align-items:center; box-sizing:border-box; min-height:40px; height:auto!important; padding:8px 14px; border:1px solid #cbd5e1; border-radius:6px; background:#fff; color:var(--procurement-text); font-family:inherit; font-size:14px; line-height:22px; text-align:center; max-width:100%; white-space:normal; }
.procurement-current-operations .procurement-button.is-primary { background:var(--procurement-primary); border-color:var(--procurement-primary); color:#fff; }
.procurement-current-operations .procurement-button:hover:not(:disabled) { background:#edf5ff; border-color:var(--procurement-primary); }
.procurement-current-operations .procurement-button.is-primary:hover:not(:disabled) { background:#176bd0; }
.procurement-current-operations .procurement-button:focus-visible,.procurement-current-operations input:focus-visible,.procurement-current-operations select:focus-visible,.procurement-current-operations textarea:focus-visible { outline:3px solid #93c5fd; outline-offset:2px; }
.procurement-current-operations .procurement-button:disabled { opacity:.5; cursor:not-allowed; }
.procurement-current-operations .pc-operation-help { margin:14px 0; padding:10px 12px; border:1px solid var(--procurement-border); border-radius:6px; }
.procurement-current-operations .pc-operation-help summary { cursor:pointer; font-weight:600; }
.procurement-current-operations form label,
.procurement-current-operations input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.procurement-current-operations select,
.procurement-current-operations textarea,
.procurement-current-operations .procurement-button { font-size:14px!important; }

.procurement-current-operations .pc-component-quantity small { display:block; margin-top:4px; line-height:1.5; color:var(--procurement-muted, #64748b); }

/* Quantity and status remain separate columns in the original task list. */
[data-current-procurement] .procurement-table th.procurement-quantity-heading { width:180px; white-space:normal; padding:10px 12px; line-height:1.6; }
[data-current-procurement] .procurement-quantity-heading span { display:block; }
[data-current-procurement] .procurement-table th:nth-child(6) { width:150px; white-space:normal; padding:10px 12px; line-height:1.6; }
[data-current-procurement] .procurement-table td:nth-child(5) { padding:10px 12px; font-variant-numeric:tabular-nums; }