/* Approved Clear Blue treatment for the existing PR, RFQ and PO screens.
   Screen-only: document printing, controllers and permissions stay authoritative. */
@media screen {
  /* Reclaim the shared footer's flex space only inside purchasing records.
     :has follows existing page/modal state, including open/close and navigation. */
  body.app-ready:has(
    :is(#purchase_requests, #rfqs, #purchase_orders).active,
    :is(#prModal, #rfqModal, #poModal, #rfqItemPickerModal, #rfqComparisonModal, #rfqAwardModal).show
  ) > footer.bc-app-footer {
    display:none!important;
  }

  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document {
    --proc-blue:#146ec7;
    --proc-ink:#19324d;
    --proc-line:#d4e3f0;
    --proc-tint:#edf6ff;
    color:var(--proc-ink);
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .erp-modal-head {
    min-height:68px!important;
    padding:12px 70px 12px 24px!important;
    border-bottom:1px solid var(--proc-line)!important;
    background:#fff!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .erp-modal-head h2 {
    color:var(--proc-ink)!important;
    font-size:24px!important;
    letter-spacing:-.025em;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .bcp-document-toolbar {
    padding:10px 24px;
    border-bottom:1px solid var(--proc-line);
    background:#fff;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .bcp-document-toolbar :is(button, summary) {
    border-radius:7px!important;
    font-size:13px!important;
    min-height:38px!important;
    box-sizing:border-box;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .bcp-document-toolbar :is(.bcp-next-action, .primary) {
    background:var(--proc-blue)!important;
    border-color:var(--proc-blue)!important;
    color:#fff!important;
    box-shadow:0 2px 5px #146ec720!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .bcp-document-toolbar :is(.bcp-next-action, .primary):not(:disabled):hover {
    background:#105baa!important;
    border-color:#105baa!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .bcp-document-stages {
    background:#f4f8fc;
    border-color:var(--proc-line);
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .bcp-document-stages li {
    padding:10px 17px;
    font-size:13px;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .bcp-document-stages li.is-current {
    color:#075cae;
    background:#e5f2ff;
    border-bottom-color:var(--proc-blue);
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .bcp-document-content {
    padding:18px 24px max(20px, env(safe-area-inset-bottom))!important;
    background:#f7fafd!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document :is(.pr-form-layout, .form.erp-form) {
    gap:12px 20px!important;
    padding:16px!important;
    border:1px solid var(--proc-line)!important;
    border-radius:10px!important;
    background:#fff!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document :is(.pr-form-layout, .erp-form) > .bc-form-section-title {
    margin:-16px -16px 0!important;
    padding:11px 16px!important;
    border-bottom:1px solid var(--proc-line)!important;
    border-radius:9px 9px 0 0;
    background:var(--proc-tint);
    color:var(--proc-ink)!important;
    font-size:15px!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document :is(.pr-form-layout, .erp-form) label {
    color:#425e7b!important;
    font-size:13px!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document :is(.pr-form-layout, .erp-form) :is(input:not([type=hidden]), select, textarea) {
    min-height:42px!important;
    border-color:#cbdcec!important;
    border-radius:7px!important;
    color:var(--proc-ink)!important;
    font-size:14px!important;
  }
  body #poModal#poModal.bcp-proc-document .bc-form-section > h3 {
    padding:10px 14px!important;
    margin:0 0 8px!important;
    border:1px solid var(--proc-line)!important;
    border-radius:7px!important;
    background:var(--proc-tint);
    color:var(--proc-ink)!important;
    font-size:15px!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .bcp-document-tabs {
    margin:18px 0 14px;
    border-bottom-color:var(--proc-line);
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .bcp-document-tabs button[aria-selected=true] {
    color:#075cae;
    background:#eaf5ff;
    border-bottom-color:var(--proc-blue);
    border-radius:7px 7px 0 0;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .erp-lines-head h3 {
    color:var(--proc-ink)!important;
    font-size:15px!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .erp-lines-head :is(button, summary) {
    color:#075cae!important;
    border-color:#92bce7!important;
    border-radius:7px!important;
    background:#fff!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document :is(.erp-line-wrap, .pr-line-wrap) {
    border-color:var(--proc-line)!important;
    border-radius:8px!important;
    background:#fff;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .erp-lines th {
    padding:11px 10px!important;
    background:#e8f3ff!important;
    color:#244a70!important;
    border-bottom-color:#cbdff2!important;
    font-size:13px!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .erp-lines td {
    border-bottom-color:#e2ebf4!important;
    color:var(--proc-ink)!important;
    font-size:13px!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .erp-lines tbody > tr:nth-child(even) > td {
    background:#f7fbff!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .erp-lines :is(input, select, textarea) {
    font-size:14px!important;
    border-color:#cbdcec!important;
    border-radius:7px!important;
    color:var(--proc-ink)!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .erp-lines .bcp-phase-select {
    background-color:#fff!important;
    border-color:#cbdcec!important;
    color:var(--proc-ink)!important;
    font-weight:500!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document :is(.erp-lines input[type=number], .rfq-subtotal, .erp-totals strong) {
    text-align:right;
    font-variant-numeric:tabular-nums;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .erp-totals {
    background:#fff!important;
    border-color:var(--proc-line)!important;
    padding:12px 16px!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .erp-totals .grand {
    background:#e8f3ff!important;
    color:#075cae!important;
    border-top:1px solid #cbdff2!important;
    padding:12px 16px!important;
    margin:10px -16px -12px!important;
    border-radius:0 0 7px 7px;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document :is(button, summary, input, select, textarea):focus-visible {
    outline:3px solid #70b6f2!important;
    outline-offset:2px;
  }
  body :is(#purchase_requests, #rfqs, #purchase_orders).bcp-purchase-page table th {
    background:#e8f3ff!important;
    color:#244a70!important;
    border-bottom-color:#cbdff2!important;
  }
}

/* Preserve the existing PR card layout and RFQ/PO horizontal table scrolling. */
@media screen and (max-width:1100px) {
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document :is(.pr-form-layout, .erp-form, .erp-lines) :is(input:not([type=hidden]), select, textarea) {
    font-size:16px!important;
    min-height:44px!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .bcp-document-toolbar :is(button, summary) {
    min-height:44px!important;
  }
  body #rfqModal#rfqModal.bcp-proc-document #rfqLines :is(input, select, .rfq-remove) {
    height:44px!important;
    min-height:44px!important;
  }
}
@media screen and (max-width:560px) {
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .erp-modal-head {
    padding:12px 54px 12px 14px!important;
    min-height:68px!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .erp-modal-head h2 {
    font-size:19px!important;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .bcp-document-toolbar {
    padding:8px 12px;
  }
  body :is(#prModal#prModal, #rfqModal#rfqModal, #poModal#poModal).bcp-proc-document .bcp-document-content {
    padding:14px 12px max(16px, env(safe-area-inset-bottom))!important;
  }
}