/* A shared purchasing workspace. Existing permissions and hidden states remain authoritative. */
body :is(#purchase_requests,#rfqs,#purchase_orders).bcp-purchase-page .erp-page-head{padding:18px 20px!important;margin-bottom:12px!important;min-height:0!important;border-radius:10px!important;box-shadow:none!important}
body :is(#purchase_requests,#rfqs,#purchase_orders).bcp-purchase-page .erp-page-head h2{font-size:23px!important}
body :is(#purchase_requests,#rfqs,#purchase_orders).bcp-purchase-page .erp-page-head p{font-size:13px!important;margin:5px 0 0!important}
body :is(#purchase_requests,#rfqs,#purchase_orders).bcp-purchase-page .erp-stat-row{display:flex!important;flex-wrap:wrap;gap:0!important;border:1px solid #dbe4eb;background:#fff;border-radius:9px;margin:0 0 12px!important;overflow:hidden}
body :is(#purchase_requests,#rfqs,#purchase_orders).bcp-purchase-page .erp-stat{flex:1 1 150px;display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px!important;min-height:0!important;border:0!important;border-right:1px solid #e5eaf0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
body :is(#purchase_requests,#rfqs,#purchase_orders).bcp-purchase-page .erp-stat span{font-size:12px!important;color:#5c6c7b!important}
body :is(#purchase_requests,#rfqs,#purchase_orders).bcp-purchase-page .erp-stat b{font-size:20px!important;line-height:1!important;color:#163d5b!important}
body :is(#purchase_requests,#rfqs,#purchase_orders).bcp-purchase-page .erp-toolbar{padding:12px!important;gap:8px!important;border-radius:9px!important;box-shadow:none!important;margin-bottom:12px!important}
body :is(#purchase_requests,#rfqs,#purchase_orders).bcp-purchase-page .erp-table-card{padding:0!important;border:1px solid #dbe4eb!important;border-radius:9px!important;box-shadow:none!important;overflow:auto!important}
body :is(#purchase_requests,#rfqs,#purchase_orders).bcp-purchase-page table th{background:#f4f7fa!important;color:#536879!important;font-size:11px!important;letter-spacing:.02em;padding:12px!important;white-space:nowrap;border-bottom:1px solid #dce5ec}
body :is(#purchase_requests,#rfqs,#purchase_orders).bcp-purchase-page table td{font-size:13px!important;padding:12px!important;border-bottom:1px solid #edf1f5;vertical-align:middle}
body :is(#purchase_requests,#rfqs,#purchase_orders).bcp-purchase-page tbody tr:hover td{background:#f6faff!important}
#poBulkEmailBar:not(.has-selection){display:none!important}
#rfqs #bc-rfq-workflow-note{padding:9px 14px!important;margin:0 0 12px!important;border-radius:8px!important;box-shadow:none!important}
#rfqs .bc-rfq-flow-steps{gap:16px!important}
#rfqs .bc-rfq-flow-step{font-size:11px!important;min-height:0!important}
#rfqs .bc-rfq-flow-step b{width:21px!important;height:21px!important;font-size:10px!important}
#rfqs #rfqBody{display:block!important}
.bcp-rfq-list{overflow:auto;border:1px solid #dbe4eb;border-radius:9px;background:#fff}
.bcp-rfq-table{width:100%;min-width:850px;border-collapse:collapse}
.bcp-list-subtitle{display:block;color:#718496;font-size:11px;margin-top:5px}
body .bcp-reference,body .bcp-purchase-page .bcp-reference{border:0!important;background:transparent!important;color:#116798!important;font-weight:700!important;font-size:13px!important;line-height:1.4!important;padding:0!important;min-height:0!important;box-shadow:none!important;text-align:left!important;cursor:pointer;white-space:normal}
body .bcp-reference:hover{text-decoration:underline}
.bcp-action-menu{position:relative;display:inline-block;color:#314b61;font-size:12px}
.bcp-action-menu>summary{list-style:none;cursor:pointer;border:1px solid #d2dee7;background:#fff;border-radius:6px;padding:9px 12px;font-weight:650;white-space:nowrap;line-height:18px}
.bcp-action-menu>summary::-webkit-details-marker{display:none}
.bcp-action-menu>summary:hover{background:#f0f6fa}
.bcp-action-menu[open]>summary{border-color:#79a7c6;background:#edf6fc}
.bcp-action-items{position:absolute;right:0;top:calc(100% + 6px);z-index:110;min-width:210px;padding:6px;background:#fff;border:1px solid #d8e3eb;border-radius:9px;box-shadow:0 12px 30px #122c4526;max-height:55dvh;overflow-y:auto}
.bcp-workflow-extras{display:contents}
body .bcp-action-items button{width:100%;min-height:36px!important;padding:8px 10px!important;margin:0!important;border:0!important;background:#fff!important;border-radius:5px!important;color:#314b61!important;text-align:left!important;font-size:12px!important;box-shadow:none!important;white-space:nowrap}
body .bcp-action-items button:hover{background:#edf6fc!important}
body .bcp-action-items .bcp-danger-action{color:#ad3434!important}
.bcp-row-menu{min-width:88px}
.bcp-row-menu .bcp-action-items{position:static;margin-top:6px;box-shadow:none;min-width:180px}
#rfqComparisonBody .bc-rfq-table-actions{align-items:flex-start}
#rfqComparisonBody .bc-rfq-table-actions .bcp-action-items{position:static;box-shadow:none;margin-top:4px;min-width:150px}

/* Reset both layers: legacy .modal rules cap the outer overlay at 1180px.
   Resizing only .modalbox leaves it clipped and flex-shrunk inside that cap. */
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal,#rfqItemPickerModal#rfqItemPickerModal){
  position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;
  height:100vh!important;height:100dvh!important;max-height:none!important;min-height:0!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  align-items:stretch!important;justify-content:stretch!important;overflow:hidden!important;box-sizing:border-box!important;
  background:#fff!important;backdrop-filter:none!important;
}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal,#rfqItemPickerModal#rfqItemPickerModal)>.modalbox{
  display:flex!important;flex-direction:column!important;position:relative!important;flex:1 1 auto!important;
  width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;min-width:0!important;min-height:0!important;
  margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;background:#fff!important;box-sizing:border-box!important;
}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .pr-modal-header{padding:0!important;margin:0!important;flex:none!important;border:0!important;background:#fff!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-modal-head{flex:none!important;min-height:78px!important;max-height:none!important;padding:16px 70px 14px 24px!important;margin:0!important;background:#fff!important;color:#173b5d!important;border-bottom:1px solid #e6edf2!important;gap:16px!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-modal-head>div:first-child{display:block!important;min-width:0!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-modal-head>div:first-child:before{display:none!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-modal-head>div:first-child>span{color:#72869a!important;letter-spacing:.12em!important;font-size:10px!important;font-weight:700!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-modal-head h2{color:#153b5c!important;font-size:23px!important;line-height:1.3!important;font-weight:750!important;margin:3px 0 0!important;white-space:normal!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-status-chip{font-size:12px!important;padding:7px 12px!important;white-space:nowrap!important;margin:0!important;min-width:0!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .close{top:20px!important;right:20px!important;background:#f5f8fa!important;border:1px solid #e0e8ee!important;color:#536b7e!important;width:34px!important;height:34px!important;line-height:30px!important;border-radius:7px!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .bcp-document-toolbar{position:relative;z-index:20;display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none;padding:11px 24px;background:#fff;border-bottom:1px solid #e2eaf0}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-actions{display:contents!important;position:static!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .bcp-document-toolbar button{min-width:0!important;min-height:36px!important;padding:8px 13px!important;font-size:12px!important;font-weight:650!important;line-height:18px!important;border-radius:6px!important;border:1px solid #d2dee7!important;background:#fff!important;color:#314b61!important;margin:0!important;box-shadow:none!important;cursor:pointer}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .bcp-document-toolbar .bcp-next-action{order:-2;background:#176995!important;color:#fff!important;border-color:#176995!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .bcp-document-toolbar .erp-actions>button:first-child{order:4;background:#f7f9fb!important}
.bcp-document-menu{order:3;margin-left:auto}
body #prModal#prModal #bcPRWorkflowActions{display:contents!important}
body #prModal#prModal #bcPRWorkflowActions>span{font-size:12px!important;order:2;max-width:420px}
body #prModal#prModal #bcPRWorkflow{display:none!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .bcp-action-items button{border:0!important;background:#fff!important;color:#314b61!important;text-align:left!important;font-weight:550!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) button:disabled{opacity:.5!important;cursor:not-allowed!important}
.bcp-document-stages{display:flex;gap:0;flex:none;margin:0;padding:0 24px;list-style:none;background:#f6f8fb;border-bottom:1px solid #e1e9f0;overflow-x:auto}
.bcp-document-stages li{padding:12px 17px;font-size:12px;font-weight:600;color:#7a8997;white-space:nowrap;border-bottom:2px solid transparent}
.bcp-document-stages li+li:before{content:'›';color:#b1bfca;margin-right:24px}
.bcp-document-stages li.is-complete{color:#406b7b}
.bcp-document-stages li.is-current{color:#176995;background:#e9f3fa;border-bottom-color:#2385b4}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .bcp-document-content{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;padding:20px 24px 28px!important;overflow:auto!important;overscroll-behavior:contain;background:#fff!important;scrollbar-width:thin;scrollbar-color:#b5c5d2 transparent}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) :is(.pr-form-layout,.form.erp-form){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px 20px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) :is(.pr-form-layout,.erp-form) label{grid-column:auto!important;min-width:0!important;font-size:12px!important;line-height:1.5!important;font-weight:600!important;color:#5b7081!important;text-transform:none!important;display:flex;flex-direction:column;gap:5px!important}
body #prModal#prModal .pr-form-layout .purpose{grid-column:span 2!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) :is(.pr-form-layout,.erp-form) :is(input:not([type=hidden]),select,textarea){min-height:39px!important;font-size:13px!important;padding:8px 10px!important;border:1px solid #d3dfe8!important;background:#fff!important;color:#253d51!important;border-radius:6px!important;box-shadow:none!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;font-weight:450!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) :is(.pr-form-layout,.erp-form) :is(input,select,textarea):disabled{background:#f4f7fa!important;color:#4f6678!important}
body #rfqModal#rfqModal #rfqVendorSearch{padding-left:32px!important;padding-right:32px!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) :is(.bc-form-section-title,.bc-form-section>h3){font-size:13px!important;color:#334f66!important;margin:0 0 2px!important;padding:0!important;border:0!important;grid-column:1/-1!important}
body #poModal#poModal :is(.bc-po-form-sections,.bc-form-section){display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body #poModal#poModal .bc-form-section>h3{margin-bottom:10px!important}
.bcp-document-tabs{display:flex;gap:6px;border-bottom:1px solid #dbe5ee;margin:22px 0 16px;overflow-x:auto}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .bcp-document-tabs button{flex:none;padding:12px 16px;border:0;border-bottom:2px solid transparent;border-radius:0;margin:0 0 -1px;background:transparent;color:#6a7f91;font-size:13px;font-weight:650;cursor:pointer;white-space:nowrap}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .bcp-document-tabs button[aria-selected=true]{color:#146b99;border-bottom-color:#1a7caf;background:#f5faff}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) [hidden]{display:none!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .pr-lines-panel{border:0!important;margin:0!important;padding:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-lines-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin:0 0 12px!important;padding:0!important;background:transparent!important;border:0!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-lines-head h3{font-size:14px!important;margin:0 0 4px!important;color:#314e65!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-lines-head small{display:block;font-size:11px!important;line-height:1.5!important;color:#758896!important;max-width:720px}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) :is(.erp-line-wrap,.pr-line-wrap){width:100%!important;max-height:none!important;margin:0!important;padding:0!important;overflow:auto!important;border:1px solid #dbe5ed!important;border-radius:7px!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-lines{min-width:800px!important;width:100%!important;margin:0!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-lines th{padding:11px 10px!important;height:auto!important;font-size:11px!important;background:#f4f7fa!important;color:#526b7e!important;border:0!important;border-bottom:1px solid #dce6ee!important;text-transform:none!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-lines td{padding:9px!important;background:#fff!important;border-bottom:1px solid #e7edf2!important;font-size:12px!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-lines :is(input,select,textarea){min-height:37px!important;padding:7px 8px!important;font-size:12px!important;border-radius:5px!important;border-color:#d7e1e9!important}
/* Align RFQ controls independently of the material code below the description. */
body #rfqModal#rfqModal #rfqLines td{vertical-align:top!important}
body #rfqModal#rfqModal #rfqLines :is(input,select,.rfq-remove){box-sizing:border-box!important;height:38px!important;min-height:38px!important;margin:0!important;line-height:20px!important}
body #rfqModal#rfqModal #rfqLines :is(input,select){display:block!important}
body #rfqModal#rfqModal #rfqLines .rfq-subtotal>b{display:flex;align-items:center;min-height:38px;line-height:20px}
body #rfqModal#rfqModal #rfqLines .bc-charge-label{margin:4px 0 0!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-commercial-summary{margin:18px 0 0!important;padding:0!important;background:transparent!important;border:0!important;gap:24px!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-totals{margin:0!important;padding:16px!important;background:#f6f9fc!important;border:1px solid #e0e9f1!important;border-radius:8px!important;box-shadow:none!important}
body #prModal#prModal #prPanel-items>.erp-totals{width:min(340px,100%);box-sizing:border-box;margin:18px 0 0 auto!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-bottom-grid{display:block!important;margin:0!important;padding:0!important}
body :is(#rfqModal#rfqModal,#poModal#poModal) .erp-bottom-grid>.erp-totals{display:none!important}
body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-activity{padding:16px!important;background:#f8fafc!important;border:1px solid #e2eaf0!important;border-radius:8px!important;box-shadow:none!important;font-size:13px!important}
body #poModal#poModal :is(#poLockNotice,#poUnlockPanel){margin:0 0 16px!important;padding:11px 14px!important;font-size:12px!important;border-radius:7px!important}
body #poModal#poModal #poPaymentCard{border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 12px!important}
.bcp-proc-document :is(button,summary,input,select,textarea):focus-visible,.bcp-purchase-page :is(button,summary):focus-visible{outline:3px solid #85badb!important;outline-offset:2px}

@media(max-width:850px){
  body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) :is(.pr-form-layout,.form.erp-form){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .bcp-document-content{padding:16px!important}
  .bcp-document-stages{padding:0 8px}.bcp-document-stages li{padding:10px}.bcp-document-stages li+li:before{margin-right:12px}
}
@media(max-width:560px){
  body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-modal-head{padding:13px 54px 13px 16px!important;min-height:72px!important;gap:8px!important}
  body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-modal-head h2{font-size:18px!important}
  body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .close{right:12px!important;top:16px!important}
  body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .bcp-document-toolbar{padding:9px 12px;gap:6px}
  body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .bcp-document-content{padding:16px 12px!important}
  body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .bcp-document-tabs button{padding:11px 12px;font-size:12px}
  body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) .erp-lines-head small{max-width:220px;font-size:10px!important}
  body #prModal#prModal #bcPRWorkflowActions>span{order:5;flex-basis:100%;max-width:none}
  body :is(#purchase_requests,#rfqs,#purchase_orders).bcp-purchase-page .erp-page-head{padding:14px!important}
  #rfqs .bc-rfq-flow-steps{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
}
@media(max-width:390px){
  body :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal) :is(.pr-form-layout,.form.erp-form){grid-template-columns:1fr!important}
  body #prModal#prModal .pr-form-layout .purpose{grid-column:auto!important}
}

/* Keep the RFQ selection controls visible while its product list scrolls. */
body #rfqItemPickerModal#rfqItemPickerModal .bc-rfq-pick-head,body #rfqItemPickerModal#rfqItemPickerModal .bc-rfq-pick-foot{flex:none}
body #rfqItemPickerModal#rfqItemPickerModal .bc-rfq-pick-body{flex:1 1 auto;min-height:0;overflow:auto;padding:24px}
body #rfqItemPickerModal#rfqItemPickerModal #rfqItemPickerList{max-height:none;overflow:visible}
@media(max-width:560px){body #rfqItemPickerModal#rfqItemPickerModal .bc-rfq-pick-foot{flex-wrap:wrap}body #rfqItemPickerModal#rfqItemPickerModal .bc-rfq-pick-body{padding:16px}}