/* Scoped purchase detail presentation; document actions and access stay in the workspace. */
.po-compact-workspace{display:grid;gap:12px;max-width:1700px;color:var(--ink)}
.po-compact-workspace [hidden]{display:none!important}
.po-compact-workspace>.page-head{margin:0 0 2px;min-height:44px;align-items:center}
.po-compact-title{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.po-compact-title h1{font-size:24px;margin:0;line-height:1.4}
#mainContent .po-compact-number,#mainContent .po-compact-number.order-reference{font-size:13px!important;font-weight:400!important;line-height:1.5!important;letter-spacing:0!important}
.po-compact-workspace>.panel{margin:0;padding:16px 18px}
.po-compact-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.po-compact-workspace h2,.po-compact-section-head h2{font-size:14px;margin:0;font-weight:600;line-height:1.5}
.po-compact-info-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.po-compact-lock{font-size:12px;color:var(--muted)}
.po-compact-info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.po-compact-facts{display:grid;gap:8px;margin:0;align-content:start}
.po-compact-fact{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:baseline;min-width:0;line-height:1.55;font-size:13px}
.po-compact-fact dt{color:var(--muted);font-size:12px;font-weight:400}
.po-compact-fact dd{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--ink);font-weight:400}
.po-compact-sources{display:grid;gap:10px;border-left:1px solid var(--line);padding-left:24px;align-content:start;min-width:0}
.po-compact-sources .order-reference{color:var(--blue)}
.po-compact-other-sources>summary{font-size:12px;color:var(--blue);cursor:pointer;margin:3px 0 8px}
.po-compact-other-sources>.po-compact-facts{padding:10px 0;border-top:1px solid var(--line)}
.po-compact-extra-fields:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;border-top:1px solid var(--line);padding-top:12px;margin:12px 0 0}
.po-compact-products .table-wrap{margin:0}
#mainContent .po-compact-products-table td{padding:8px 10px;line-height:1.5;vertical-align:middle}
.po-compact-product-total{display:flex;gap:16px;align-items:center;justify-content:space-between;padding-top:12px;font-size:12px;flex-wrap:wrap}
.po-compact-total-cost{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.po-compact-total-cost b{font-size:17px;color:var(--blue);font-weight:600;font-variant-numeric:tabular-nums}
.po-compact-original-fields>summary{font-size:12px;color:var(--muted);cursor:pointer;text-align:right;margin-top:8px}
.po-compact-original-items.panel{margin:10px 0 0;padding:12px;background:var(--surface-soft);border:1px solid var(--line);box-shadow:none}
.po-compact-original-items .panel-head{display:none}
.po-compact-workspace .po-workspace-sticky{position:static;inset:auto;z-index:auto;backdrop-filter:none}
.po-compact-workspace .po-workspace-heading{margin-bottom:10px}
.po-compact-workspace .po-flow-statuses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0}
.po-compact-workspace .po-flow-statuses>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:0;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;padding:0 18px}
.po-compact-workspace .po-flow-statuses>div:first-child{padding-left:0}
.po-compact-workspace .po-flow-statuses>div:last-child{border:0}
.po-compact-workspace .po-flow-statuses small{font-size:12px;color:var(--muted)}
.po-compact-workspace .po-flow-statuses b{font-size:13px;font-weight:600;color:var(--ink)}
.po-compact-workspace .po-workspace-current{margin-top:12px;padding-top:10px;font-size:13px}
.po-compact-workspace .po-workspace-actions{padding:0;margin:0}
.po-compact-workspace .has-no-tasks{min-height:0}
.po-compact-workspace .po-workspace-task{padding:11px 2px}
.po-compact-tabs{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:0 6px;overflow-x:auto}
.po-compact-tabs>button{border:0;border-bottom:2px solid transparent;padding:11px 12px;background:transparent;color:var(--muted);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}
.po-compact-tabs>button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}
.po-compact-tabs>button:focus-visible{outline:2px solid var(--blue-line);outline-offset:-3px}
@media(max-width:1100px){.po-compact-info-grid{gap:16px}.po-compact-sources{padding-left:16px}.po-compact-fact{grid-template-columns:92px minmax(0,1fr);gap:8px}.po-compact-process .po-flow-lane{grid-template-columns:1fr;gap:4px}.po-compact-process .po-flow-lane h3{padding-top:0}.po-compact-workspace .po-flow-statuses>div{padding-inline:12px}}
@media(max-width:760px){.po-compact-workspace{gap:10px}.po-compact-workspace>.panel{padding:14px}.po-compact-info-grid{grid-template-columns:1fr}.po-compact-sources{padding:12px 0 0;border-left:0;border-top:1px solid var(--line)}.po-compact-extra-fields:not([hidden]){grid-template-columns:1fr}.po-compact-workspace .po-flow-statuses{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.po-compact-workspace .po-flow-statuses>div{padding:0;border:0}.po-compact-workspace .po-workspace-current{align-items:flex-start}.po-compact-tabs{gap:0}.po-compact-tabs>button{padding-inline:10px}.po-compact-info-tools{gap:8px}.po-compact-total-cost{gap:8px}}

.po-compact-process>.po-approval-history{padding-top:12px;border-top:1px solid var(--line);font-size:12px}
.po-compact-process>.po-approval-history>summary{color:var(--muted);cursor:pointer}

/* Approved layout: two aligned record groups, no extended timeline or query links. */
.po-compact-workspace .po-process-panel{display:grid;gap:10px}
.po-compact-workspace .po-process-panel[hidden]{display:none!important}
.po-process-groups{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}
.po-process-group.panel{margin:0;padding:14px 16px;min-width:0;overflow:hidden}
.po-process-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.po-process-heading .enterprise-icon{width:20px;height:20px;flex-basis:20px;color:var(--blue)}
.po-process-columns,.po-process-list>li{display:grid;grid-template-columns:minmax(114px,1.15fr) minmax(78px,.8fr) minmax(88px,.9fr) minmax(130px,1.2fr);align-items:center;gap:10px;padding:9px 10px}
.po-process-columns{background:var(--table-head);border-radius:5px;font-size:12px;font-weight:500;color:var(--muted)}
.po-process-list{list-style:none;margin:0;padding:0}
.po-process-list>li{min-height:43px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5}
.po-process-list>li:last-child{border-bottom:0}
.po-process-list>li.is-current{background:var(--blue-soft);border-radius:5px}
.po-process-node{font-weight:500;overflow-wrap:anywhere}
.po-process-list .tag{justify-self:start;padding:3px 9px;font-size:12px;max-width:100%;white-space:normal;border-radius:5px;line-height:1.4}
.po-process-actor{font-size:12px;overflow-wrap:anywhere;color:var(--text-secondary)}
.po-process-time{font-size:12px;font-variant-numeric:tabular-nums;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.po-process-footer.panel{margin:0;padding:9px 14px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.po-process-footer>.po-approval-history{flex:1;min-width:200px;font-size:12px;margin:0}
.po-process-footer>.po-approval-history>summary{cursor:pointer;color:var(--text-secondary)}
.po-process-footer>.po-approval-history[open]{flex-basis:100%}
.po-process-footer>.po-workspace-gate{flex:1.5;margin:0;padding:0;background:transparent;font-size:12px;line-height:1.6;color:var(--muted)}
.po-compact-workspace .has-no-tasks .po-workspace-heading{display:none}
.po-compact-workspace .has-no-tasks .po-workspace-current{font-size:12px}
@media(min-width:1400px){.po-compact-workspace .po-compact-info-grid{gap:20px}.po-compact-workspace .po-compact-facts{gap:5px}}
@media(max-width:1250px){.po-process-groups{grid-template-columns:1fr}.po-process-columns,.po-process-list>li{grid-template-columns:minmax(130px,1.2fr) minmax(100px,.8fr) minmax(110px,1fr) minmax(155px,1.3fr)}}
@media(max-width:760px){.po-process-group.panel{padding:12px}.po-process-columns{display:none}.po-process-list>li{grid-template-columns:minmax(120px,1fr) minmax(100px,1fr);gap:5px 10px}.po-process-time{grid-column:2;grid-row:auto}.po-process-footer.panel{padding:10px 12px;gap:10px}}

.po-compact-section-head>.table-export-toolbar,.po-compact-section-head>.data-grid-toolbar{padding:0;background:transparent;min-height:34px}
.po-compact-products .po-compact-section-head{min-height:34px;margin-bottom:10px}
.po-compact-workspace .po-compact-products{padding-top:12px;padding-bottom:12px}
.po-compact-product-total{padding-top:9px}
