/* PR lines follow the supplied compact table reference. Keep the original
   inputs, catalogue picker, permissions and mobile card layout in charge. */
@media screen {
  /* Items stay in the document; history uses the existing Activity drawer.
     Extra form fields remain reachable from Actions without a duplicate bar. */
  body.app-ready #prModal#prModal.bcp-proc-document .bcp-document-tabs,
  body.app-ready #prModal#prModal.bcp-proc-document .bcp-document-metadata>summary,
  body.app-ready #prModal#prModal.bcp-proc-document .bcp-document-metadata:not([open]) {display:none!important}
  body.app-ready #prModal#prModal.bcp-proc-document .bcp-document-metadata[open] {
    border:0!important;
    margin:0 0 12px!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document .bcp-pr-summary {
    display:block!important;
    margin:0 0 18px!important;
    padding:4px 2px!important;
    border:0!important;
    background:#fff!important;
    min-width:0;
  }
  body.app-ready #prModal#prModal.bcp-proc-document .bcp-pr-reference>span {
    display:block;
    color:#7b8594;
    font-size:12px;
    line-height:18px;
  }
  body.app-ready #prModal#prModal.bcp-proc-document .bcp-pr-reference>h3 {
    margin:4px 0 16px!important;
    padding:0!important;
    font-size:28px!important;
    font-weight:500!important;
    line-height:1.2!important;
    color:#123450!important;
    text-transform:none!important;
    letter-spacing:0!important;
    overflow-wrap:anywhere;
  }
  body.app-ready #prModal#prModal.bcp-proc-document .bcp-pr-facts {
    display:grid!important;
    grid-template-columns:116px minmax(0,1fr);
    align-items:baseline;
    gap:12px 12px;
    margin:0!important;
    padding:0!important;
    max-width:600px;
    font-size:13px;
    line-height:20px;
  }
  body.app-ready #prModal#prModal.bcp-proc-document .bcp-pr-facts>dt {
    margin:0;
    color:#687180;
    font-weight:500;
  }
  body.app-ready #prModal#prModal.bcp-proc-document .bcp-pr-facts>dd {
    margin:0;
    min-width:0;
    color:#078c9c;
    overflow-wrap:anywhere;
  }
  body.app-ready #prModal#prModal.bcp-proc-document .bcp-pr-facts>dd[data-pr-fact=created] {color:#214f7b}
}
@media screen and (max-width:600px) {
  body.app-ready #prModal#prModal.bcp-proc-document .bcp-pr-facts {grid-template-columns:100px minmax(0,1fr);gap:10px 8px}
  body.app-ready #prModal#prModal.bcp-proc-document .bcp-pr-reference>h3 {font-size:24px!important}
}
@media screen {
  body.app-ready #prModal#prModal.bcp-proc-document #prLines .bcp-line-tags {
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:4px!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document #prLines .bcp-project-tag {
    background:#b7edbe!important;
    color:#173d23!important;
    border:0!important;
    border-radius:12px!important;
    padding:2px 7px!important;
    font-size:11px!important;
    font-weight:400!important;
    line-height:16px!important;
    max-width:100%!important;
    overflow-wrap:anywhere;
  }
  body.app-ready #prModal#prModal.bcp-proc-document #prLines .bcp-phase-select {
    background-color:#f7c698!important;
    color:#59300c!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    font-weight:400!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document #prLines .bcp-phase-select[data-has-phase=false] {
    background-color:#fff5eb!important;
    color:#795333!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document #prLines .pr-material-field {
    min-width:0;
    width:100%;
  }
}

@media screen and (min-width:1101px) {
  body.app-ready #prModal#prModal.bcp-proc-document .pr-line-wrap {
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document .erp-lines {
    border-collapse:collapse!important;
    border-spacing:0!important;
    box-shadow:none!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document .erp-lines th {
    background:#fff!important;
    color:#173652!important;
    font-weight:500!important;
    text-align:left!important;
    padding:8px 10px!important;
    border-bottom:1px solid #d5dce3!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document .erp-lines th.bcp-col-qty {width:88px!important;text-align:right!important}
  body.app-ready #prModal#prModal.bcp-proc-document .erp-lines th.bcp-col-unit {width:76px!important}
  body.app-ready #prModal#prModal.bcp-proc-document .erp-lines th.bcp-col-phase {width:280px!important}
  body.app-ready #prModal#prModal.bcp-proc-document .erp-lines th.bcp-col-remove {width:44px!important}
  body.app-ready #prModal#prModal.bcp-proc-document #prLines>tr>td {
    padding:4px 10px!important;
    vertical-align:middle!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #dfe5eb!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document #prLines>tr:nth-child(even)>td {background:#fafbfd!important}
  body.app-ready #prModal#prModal.bcp-proc-document #prLines :is(.pr-product,.pr-desc,.pr-qty,.pr-unit) {
    border:1px solid transparent!important;
    background:transparent!important;
    border-radius:3px!important;
    color:#263d54!important;
    box-shadow:none!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document #prLines :is(.pr-product,.pr-desc,.pr-qty,.pr-unit):enabled:hover {border-color:#c5d6e5!important}
  body.app-ready #prModal#prModal.bcp-proc-document #prLines :is(.pr-product,.pr-desc,.pr-qty,.pr-unit):focus {
    border-color:#7aaee0!important;
    background:#fff!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document #prLines .pr-qty {
    text-align:right!important;
    font-variant-numeric:tabular-nums;
  }
  body.app-ready #prModal#prModal.bcp-proc-document #prLines .pr-material-field {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:2px 5px;
  }
  body.app-ready #prModal#prModal.bcp-proc-document #prLines .pr-product {flex:1 1 130px;width:auto!important}
  body.app-ready #prModal#prModal.bcp-proc-document #prLines .mc-pr-code {flex-basis:100%;margin:0!important}
  body.app-ready #prModal#prModal.bcp-proc-document #prLines tr[data-product-code]:not([data-product-code=""]) .mc-pr-code {
    order:-1;
    flex:0 1 auto;
    max-width:45%;
    overflow-wrap:anywhere;
    color:#40566d!important;
    font-size:12px!important;
    line-height:18px!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document #prLines tr[data-product-code]:not([data-product-code=""]) .mc-pr-code::before {content:'['}
  body.app-ready #prModal#prModal.bcp-proc-document #prLines tr[data-product-code]:not([data-product-code=""]) .mc-pr-code::after {content:']'}
  body.app-ready #prModal#prModal.bcp-proc-document #prLines .bcp-phase-select {
    width:132px!important;
    max-width:100%!important;
  }
}

@media screen and (min-width:1101px) and (pointer:fine) and (hover:hover) {
  body.app-ready #prModal#prModal.bcp-proc-document #prLines .bcp-phase-select {
    height:24px!important;
    min-height:24px!important;
    padding:2px 20px 2px 7px!important;
    font-size:11px!important;
    line-height:18px!important;
  }
}