.bpo{max-width:1200px;min-width:0;color:#172c47}.bpo p{white-space:pre-wrap;overflow-wrap:anywhere}.bpo .bpo-head,.bpo-preview>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.bpo details{padding:14px 0;border-bottom:1px solid #dce4ef}.bpo summary{font-weight:600;cursor:pointer}.bpo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px;margin:12px 0}.bpo label{display:flex;flex-direction:column;gap:5px;font-size:14px}.bpo input,.bpo textarea,.bpo select{box-sizing:border-box;min-width:0;width:100%;padding:9px;border:1px solid #bbcbe0;border-radius:7px;font:inherit;background:#fff;color:inherit}.bpo button,.bpo a{min-height:40px}.bpo button{border:1px solid #bdcce0;background:#fff;color:#075ac5;border-radius:7px;padding:8px 12px;font:inherit;cursor:pointer}.bpo button:disabled{background:#e8ecf2;color:#52627a;cursor:default}.bpo button:focus-visible,.bpo a:focus-visible{outline:2px solid #075ac5;outline-offset:2px}.bpo .bpo-actions{position:sticky;bottom:0;background:#fff;padding:12px 0;display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #dce4ef}.bpo-actions button:first-child{background:#075bd8;color:#fff}.bpo-warning{background:#fff4de;padding:12px;border-radius:8px;margin:10px 0}.bpo-warning li{overflow-wrap:anywhere}.bpo-lines article,.bpo-drafts article{padding:12px 0;border-bottom:1px solid #dce4ef}.bpo-preview{width:min(1000px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #c8d5e7;border-radius:12px}.bpo-preview[open]{display:flex;flex-direction:column}.bpo-preview::backdrop{background:#172c4770}.bpo-preview>header{padding:14px;flex-shrink:0}.bpo-preview-body{padding:14px;overflow:auto;min-height:0}.bpo-preview table{width:100%;table-layout:fixed;border-collapse:collapse}.bpo-preview td,.bpo-preview th{padding:8px;text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #dce4ef}.bpo dd{margin:4px 0 12px;white-space:pre-wrap}.bpo dt{font-weight:600}@media(max-width:600px){.bpo .bpo-head,.bpo-preview>header{align-items:flex-start;flex-wrap:wrap}.bpo-preview h2{font-size:20px}.bpo-preview td,.bpo-preview th{padding:5px;font-size:13px}}
.bpo label.bpo-file-choice{flex-direction:row;align-items:center;margin:10px 0}.bpo .bpo-file-choice input{width:18px;height:18px;flex-shrink:0}
.bpo-agreed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px 22px;margin:12px 0}.bpo-agreed-grid>div{min-width:0}.bpo dd{overflow-wrap:anywhere}.bpo h3{font-size:16px;margin:8px 0}.bpo .bpo-change-link{display:inline-flex;align-items:center;border:1px solid #bdcce0;border-radius:7px;padding:6px 12px;text-decoration:none}.bpo blockquote{white-space:pre-wrap;overflow-wrap:anywhere}
/* Canonical issued-order review uses the same typography and compact panels. */
.bpo-order-confirm{width:min(1000px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #d7e1ef;border-radius:14px;color:#172544;}
.bpo-order-confirm[open]{display:flex;flex-direction:column;overflow:hidden;}
.bpo-order-confirm>header,.bpo-order-confirm>footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 20px;flex-shrink:0;background:#f5f8fc;}
.bpo-order-body{overflow:auto;min-height:0;padding:20px;}
.bpo-order-table{max-width:100%;overflow:auto;}
.bpo-order-table table{width:100%;border-collapse:collapse;font-size:inherit;}
.bpo-order-table th,.bpo-order-table td{text-align:left;padding:10px;border-bottom:1px solid #d7e1ef;vertical-align:top;}
.bpo-order-table small{display:block;}
.bpo-canonical-orders article,[data-order-list] article{padding:12px 0;border-bottom:1px solid #d7e1ef;}
.bpo [data-po-approval]{border-top:1px solid #d7e1ef;padding-top:12px;}
.bpo-order-confirm .bpo-head{flex-wrap:wrap;}
@media(max-width:600px){.bpo-order-body{padding:12px}.bpo-order-confirm>header,.bpo-order-confirm>footer{padding:12px}.bpo-order-confirm .bpo-actions{flex-wrap:wrap}.bpo-order-confirm button{max-width:100%;white-space:normal;}}

.bpo-order-confirm > [data-order-controls]{position:static;flex:0 0 auto;margin:0;padding:12px;border-top:1px solid #dbe4f3;background:#fff;max-height:32vh;overflow-y:auto;}
.bpo-order-confirm .bpo-actions button:disabled{background:#e8ecf2;color:#52627a;cursor:default;}
.bpo-order-confirm #po-confirm-blocker{flex-basis:100%;margin:0;font-size:14px;}
.bpo [data-po-payments],.bpo [data-progress-order]{border-top:1px solid #d7e1ef;margin-top:16px;padding-top:16px;min-width:0;}
.bpo-payment-table{max-width:100%;min-width:0;}
.bpo-payment-table table{width:100%;table-layout:fixed;border-collapse:collapse;}
.bpo-payment-table th,.bpo-payment-table td{padding:8px;text-align:left;vertical-align:top;border-bottom:1px solid #d7e1ef;overflow-wrap:anywhere;}
.bpo-payment-table small,.bpo [data-order-progress] small{display:block;font-weight:400;}
.bpo-payment-help{font-size:14px;color:#52627a;}
.bpo-progress-completion{max-width:420px;margin:12px 0}.bpo-progress-completion progress{width:100%;height:16px;accent-color:#075bd8}.bpo .bpo-ready-checkbox{display:flex;flex-direction:row;align-items:flex-start;gap:8px}.bpo .bpo-ready-checkbox input{width:18px;height:18px;flex-shrink:0;margin:2px 0}.bpo [data-full-ready]{padding:12px;background:#eef4ff;border-radius:8px}.bpo [data-full-ready][hidden]{display:none}.bpo [data-freight-plan]{margin-top:12px;padding:12px;background:#f5f8fc;border:1px solid #d7e1ef;border-radius:8px}.bpo-payment-summary{font-size:14px;color:#52627a}.orders-module [data-canonical-row] .canonical-order-status{position:static;display:inline-block;max-width:100%;height:auto;white-space:normal;overflow-wrap:anywhere;line-height:1.4}.orders-module [data-canonical-row] td:last-child{white-space:normal}.orders-module [data-canonical-row] td:last-child button{display:block;width:100%;margin:4px 0;white-space:normal;position:static}
.bpo-payment-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;}
.bpo-payment-reports article,.bpo [data-order-progress] article{padding:12px 0;border-bottom:1px solid #d7e1ef;}
.bpo-receipt{background:#f5f8fc;padding:12px;border-radius:8px;margin:8px 0;}
.bpo-payment-dialog{width:min(720px,calc(100vw - 24px));}
.bpo-payment-dialog form{display:flex;flex-direction:column;min-height:0;overflow:hidden;}
.bpo-payment-dialog label{margin-bottom:12px;}
.bpo-payment-dialog footer{padding:12px 20px;border-top:1px solid #d7e1ef;flex-shrink:0;}
.bpo-payment-dialog button.primary-button{background:#075bd8;color:#fff;}
.bpo-update-percentage{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:16px;align-items:center}
.bpo-update-percentage input[type=range]{width:100%;accent-color:#075bd8}
.bpo-update-percentage input[type=number]{font-size:22px;font-weight:700;width:100%;box-sizing:border-box}
.bpo-progress-editor [data-stage-summary]{font-size:14px;overflow-wrap:anywhere;color:#52627a}
.bpo .bpo-proof-link{color:#075bd8;text-decoration:underline;background:none;border:0;padding:4px 0;text-align:left}
@media(max-width:480px){.bpo-update-percentage{grid-template-columns:minmax(0,1fr) 90px;gap:10px}}
@media(max-width:700px){.bpo-payment-table table,.bpo-payment-table tbody,.bpo-payment-table tr{display:block;}.bpo-payment-table thead{display:none;}.bpo-payment-table tr{padding:10px 0;border-bottom:1px solid #d7e1ef;}.bpo-payment-table th,.bpo-payment-table td{display:block;border:0;padding:4px 0;}.bpo-payment-table td:nth-child(2)::before{content:'Agreed basis: ';}.bpo-payment-table td:nth-child(3)::before{content:'Requested: ';}.bpo-payment-table td:nth-child(4)::before{content:'Reported sent: ';}.bpo-payment-table td:nth-child(5)::before{content:'Confirmed by supplier: ';}.bpo-payment-table td:nth-child(6)::before{content:'Outstanding: ';}}
.orders-module [data-canonical-row] td{vertical-align:middle;overflow-wrap:anywhere;}
.orders-module [data-canonical-row] small{display:block;margin-top:4px;color:#64748b;}
.orders-module .supplier-po-list-status:empty{display:none;}
.orders-module .supplier-po-list-status{padding:12px 16px;}
.orders-module [data-canonical-order-board] .portal-table{width:100%;min-width:0;table-layout:fixed;}
.orders-module [data-canonical-order-board] td,.orders-module [data-canonical-order-board] th{white-space:normal;overflow-wrap:anywhere;}
.orders-module [data-canonical-order-board] th:last-child{width:190px;}
.orders-module [data-canonical-order-board] .supplier-order-actions{flex-wrap:wrap;white-space:normal;}
@media(max-width:700px){
 .orders-module [data-canonical-order-board] .portal-table,.orders-module [data-canonical-order-board] tbody{display:block;}
 .orders-module [data-canonical-order-board] thead{display:none;}
 .orders-module [data-canonical-order-board] tr{display:block;padding:12px;border-bottom:1px solid #d7e1ef;}
 .orders-module [data-canonical-order-board] td{display:block;width:auto;padding:5px 0;border:0;}
 .orders-module [data-canonical-order-board] td[data-column]::before{content:attr(data-column);display:block;font-size:12px;font-weight:600;color:#64748b;}
}