.po-detail-layout{grid-template-areas:"status""supplier""cost""products""shipment""additional""payment";gap:1rem;display:grid}.po-detail-layout>*{min-width:0}.po-detail-supplier{grid-area:supplier}.po-detail-status{grid-area:status}.po-detail-products{grid-area:products}.po-detail-cost{grid-area:cost}.po-detail-shipment{grid-area:shipment}.po-detail-additional{grid-area:additional}.po-detail-payment{grid-area:payment}@media (width>=1024px){.po-detail-layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"status status""supplier cost""products products""shipment shipment""additional additional""payment payment"}}.po-detail-layout .po-summary-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex}.po-detail-layout .po-summary-row strong{white-space:nowrap;font-variant-numeric:tabular-nums;max-width:100%;overflow-x:auto}.po-table-region{max-width:100%;overflow-x:auto}.po-table-region:focus-visible{outline-offset:2px;outline:2px solid}.po-target{min-width:44px;min-height:44px}.po-detail-layout .po-long-text{overflow-wrap:anywhere}.po-dialog{max-width:100%}.po-dialog .gookit-dialog-modal__body{overflow-wrap:anywhere;min-width:0}.po-dialog button[aria-label=Close\ dialog]{min-width:44px;min-height:44px}@media (width<=639px){.po-dialog .gookit-dialog-modal__body,.po-dialog>div:first-child,.po-dialog>div:last-child{padding-left:1rem;padding-right:1rem}}.po-detail-layout summary{justify-content:space-between;align-items:center;min-height:44px;list-style:none;display:flex}.po-detail-layout summary::-webkit-details-marker{display:none}.po-detail-layout summary:after{content:"+"}.po-detail-layout details[open]>summary:after{content:"−"}.po-detail-payment details>div{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.po-detail-additional details>div{grid-template-columns:1fr}.po-detail-shipment details>div{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.po-detail-layout input[type=date],.po-detail-layout [role=option]{min-height:44px}.po-detail-layout label:has(input[type=checkbox]){min-height:44px}.po-dialog label:has(input[type=checkbox]){min-height:44px}.po-detail-layout tr[tabindex]{height:44px}