/* ComponentERP beta, T2794 B8 Purchase orders & service POs (PO-1..PO-8): styles for ce-pos.js, purchase-editor.js and service-orders.js. */
/* PO record page */
.po-record-addresses{grid-template-columns:repeat(2,minmax(0,1fr))}
.po-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0 0 10px;font-size:13px}.po-facts dt{color:var(--muted)}.po-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
.po-shipping-card h3{font-size:13px;margin:8px 0 4px}.po-tracking{margin:0;padding-left:18px;font-size:13px}
.po-cost-list{list-style:none;margin:8px 0 0;padding:8px 0 0;border-top:1px solid var(--line);font-size:12px}.po-cost-list li{display:flex;justify-content:space-between;gap:8px;padding:2px 0}
.po-record-allocs .mini-table,.svc-record-page .mini-table{overflow-x:auto}
/* PO editor */
.po-workspace .po-shipping-layout{grid-template-columns:repeat(3,minmax(0,1fr))}
.po-vendor-pick{min-width:0}.po-vendor-search{position:relative;min-width:0}.po-vendor-search .field{margin:4px 0 0}
.po-vendor-results{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow:auto;margin-top:4px}.po-vendor-results:empty{display:none}
.po-vendor-results button{text-align:left;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel,var(--card,#fff));color:inherit;font:inherit;cursor:pointer}
.po-vendor-results button:hover,.po-vendor-results button:focus-visible{border-color:var(--accent,#0b63c5)}
.po-tracking-edit{margin-top:16px}.po-tracking-row{display:flex;align-items:center;gap:8px;margin:0 0 8px;max-width:520px}.po-tracking-row .field,.po-tracking-row>input{flex:1;min-width:0}
/* RMA / consignment / service dialogs */
.po-rma-fields .form-fields,.po-rma-fields{margin-bottom:8px}.po-rma-total{font-weight:600;text-align:right;margin:8px 0 0}
#modal .al-table input[type=number]{width:90px;max-width:100%}#modal .al-table input:not([type]){min-width:120px}
.po-cons-grid,.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;margin:8px 0}
.po-cons-grid .field select,.svc-grid .field select,.svc-grid .field input,.svc-grid .field textarea{width:100%;box-sizing:border-box}
.svc-grid .checkgroup{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px}
.svc-lines input{width:100%;min-width:90px;box-sizing:border-box}.svc-total{font-weight:600;text-align:right;margin:8px 0}
.svc-record-page .so-record-facts{flex-wrap:wrap}
/* T2827: page content follows the width #content has (container "main", base.css), not the viewport; the @media copy keeps dialogs/menus outside #content on the viewport */
@container main (max-width:756px){.po-workspace .po-shipping-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1000px){.po-workspace .po-shipping-layout:where(:not(#content *)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@container main (max-width:736px){.po-workspace .po-shipping-layout,.po-record-addresses,.po-cons-grid,.svc-grid{grid-template-columns:1fr}.po-tracking-row{max-width:none}}
@media (max-width:760px){.po-workspace .po-shipping-layout:where(:not(#content *)),.po-record-addresses:where(:not(#content *)),.po-cons-grid:where(:not(#content *)),.svc-grid:where(:not(#content *)){grid-template-columns:1fr}.po-tracking-row:where(:not(#content *)){max-width:none}}
.svc-grid>*,.po-cons-grid>*{min-width:0}.svc-grid .field,.po-cons-grid .field{min-width:0;max-width:100%}
.svc-grid .field select,.svc-grid .field input,.po-cons-grid .field select{min-width:0;max-width:100%}
#modal .tablewrap:has(.svc-lines),#modal .tablewrap:has(.al-table){overflow-x:auto;max-width:100%}
.form-basic-body:has(>.svc-grid,>.po-cons-grid,>.po-rma-fields){grid-template-columns:minmax(0,1fr)}.form-basic-body:has(>.svc-grid,>.po-cons-grid,>.po-rma-fields)>*{min-width:0}