/* v60: approved add-PO INTERNAL layout. Shell and controls belong to gc-ui-system.css.
 * Replaces conflicting 820/760px candidate skins; original inputs/callbacks remain. */
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved #updateBody{display:flex!important;flex-direction:column!important;gap:24px!important;overflow-x:hidden!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-modal-section{margin:0!important;padding:20px 0 0!important;border-top:1px solid #f0f0f0!important;min-width:0!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .refined-core{padding:0!important;border:0!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-modal-section-title{font:500 14px/22px var(--font-sans)!important;color:#262626!important;margin:0 0 12px!important;padding:0!important;border:0!important;letter-spacing:0!important;text-transform:none!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved :is(.refined-core,.refined-sizes)>.po-modal-section-title{display:none!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .form-row:last-child>.form-field{margin-bottom:0!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .form-field>label{margin-bottom:6px!important;font:400 14px/22px var(--font-sans)!important;color:#262626!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-size-widget{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-size-head{justify-content:space-between!important;margin-bottom:12px!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-size-head-label{font:500 14px/22px var(--font-sans)!important;color:#262626!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-size-template{width:148px!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-size-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-size-cell{min-width:0!important;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-size-cell label{font:400 12px/20px var(--font-sans)!important;color:#595959!important;text-align:center!important;margin:0 0 6px!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-size-cell input{min-width:0!important;text-align:center!important;padding:4px!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-size-empty-note{display:none!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-size-total{display:flex!important;justify-content:flex-end!important;gap:6px!important;margin-top:8px!important;font:400 12px/20px var(--font-sans)!important;color:#595959!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-size-total .val{font-size:14px!important;color:#262626!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-size-quick{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-size-quick button{padding:4px 0!important;background:transparent!important;border-color:transparent!important;color:#1677ff!important;font-size:12px!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .refined-info{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .refined-info>.po-modal-section-title{grid-column:1/-1!important;margin-bottom:0!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .refined-info>.gc-po-info-note{grid-column:1/-1!important;order:1;margin:0!important;font:400 12px/20px var(--font-sans)!important;color:#595959!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .refined-sizes>.form-field>label{display:none!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-size-label{font:400 12px/20px var(--font-sans)!important;color:#595959!important;text-align:center!important;margin:0 0 6px!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .gc-po-info-field{display:grid!important;grid-template-columns:minmax(0,1fr) 36px!important;gap:6px 8px!important;margin:0!important;min-width:0!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .gc-po-info-field-heading{display:contents!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .gc-po-info-field-heading label{grid-column:1/-1!important;grid-row:1!important;margin:0!important;font:400 14px/22px var(--font-sans)!important;color:#262626!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .gc-po-info-field-heading .cp-add-btn{grid-column:2!important;grid-row:2!important;padding-inline:0!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .refined-picker{grid-column:1!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;cursor:pointer!important;text-align:left!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .refined-picker span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .refined-picker svg{width:14px!important;height:14px!important;flex:none!important;color:#8c8c8c!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .gc-po-info-field>:is(.gc-po-info-detail,[id$="-new"],button[id$="-edit"]){grid-column:1/-1!important;max-width:100%!important;min-width:0!important;margin-top:12px!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .refined-menu{position:fixed!important;z-index:22000!important;margin:0!important;right:auto!important;bottom:auto!important;max-width:calc(100vw - 32px)!important;max-height:min(280px,calc(100dvh - 32px))!important;overflow:auto!important;box-sizing:border-box!important;padding:4px!important;background:#fff!important;border:1px solid #d9d9d9!important;border-radius:8px!important;box-shadow:0 6px 16px #0000001f!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .refined-menu .form-field{margin:0!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .refined-options{max-height:160px!important;overflow:auto!important;margin-top:4px!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .refined-options button{display:block!important;width:100%!important;height:auto!important;min-height:var(--gc-du-control)!important;border:0!important;border-radius:4px!important;padding:5px 8px!important;text-align:left!important;background:transparent!important;color:#262626!important;font:400 14px/22px var(--font-sans)!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .refined-options button:hover{background:#f5f5f5!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .refined-options button[aria-pressed=true]{background:#e6f4ff!important;color:#1677ff!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .refined-no-result{font:400 12px/20px var(--font-sans)!important;color:#595959!important;padding:10px 8px!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-ui-upload-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved :is(#poImageDropzone,#poDocDropzone-main){box-sizing:border-box!important;min-height:112px!important;padding:16px!important;background:#fafafa!important;border:1px dashed #d9d9d9!important;border-radius:6px!important;cursor:pointer!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved :is(#poImageDropzone,#poDocDropzone-main):hover{border-color:#4096ff!important;background:#f5faff!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-image-placeholder{position:static!important;display:block!important;padding:0!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved :is(.po-image-placeholder,.po-doc-add-hint)>:not(.po-ui-upload-empty){display:none!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-ui-upload-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important;white-space:normal!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-ui-upload-icon{width:24px!important;height:24px!important;flex:none!important;color:#1677ff!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-ui-upload-copy{display:flex!important;flex-direction:column!important;gap:4px!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-ui-upload-copy strong{font:400 14px/22px var(--font-sans)!important;color:#262626!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-ui-upload-copy>span{font:400 12px/20px var(--font-sans)!important;color:#595959!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .modal-header>div:has(.refined-context){min-width:0!important;flex:1!important}
/* v61: equal-height two-line summaries; full content is available on demand. */
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .gc-po-info-field{align-content:start!important;grid-template-rows:22px auto auto auto!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .gc-po-info-detail{grid-row:3!important;height:76px!important;max-height:76px!important;padding:12px!important;border:1px solid #f0f0f0!important;border-radius:6px!important;background:#fafafa!important;overflow:hidden!important;font:400 12px/20px var(--font-sans)!important;color:#595959!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .gc-po-info-detail.refined-expanded{height:auto!important;max-height:240px!important;overflow:auto!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .gc-po-info-detail:not(.refined-expanded) img{display:none!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .gc-po-info-detail p{margin:0!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .gc-po-info-detail:not(.refined-expanded) :is(strong,b,span){font:inherit!important;color:inherit!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .gc-po-info-detail:not(.refined-expanded) *{font:inherit!important;color:inherit!important;text-align:left!important;line-height:20px!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .refined-summary-empty{grid-column:1/-1!important;grid-row:3!important;height:76px;box-sizing:border-box;padding:12px;margin-top:12px;border:1px solid #f0f0f0;border-radius:6px;background:#fafafa;color:#8c8c8c;font:400 12px/20px var(--font-sans)}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .gc-po-info-field>button.refined-detail-toggle{grid-column:1!important;grid-row:4!important;justify-self:start!important;align-self:center!important;margin:0!important;font-size:12px!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .gc-po-info-field>button[id$="-edit"]{grid-column:1/-1!important;grid-row:4!important;justify-self:end!important;align-self:center!important;margin:0!important;font-size:12px!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .gc-po-info-field.refined-editing{grid-column:1/-1!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-ui-empty-row{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:78px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved #poDocDropzone-main:not(.has-docs) .po-doc-add-hint{display:block!important;padding:0!important;margin:0!important;width:100%!important;border:0!important;background:transparent!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved #poDocDropzone-main:not(.has-docs)>:not(.po-ui-empty-row){display:none!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved :is(#poImageDropzone:not(.has-image),#poDocDropzone-main:not(.has-docs)){height:112px!important;min-height:112px!important;display:flex!important;align-items:center!important;justify-content:center!important}
@media(max-width:560px){
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved :is(.refined-info,.po-ui-upload-grid){grid-template-columns:minmax(0,1fr)!important}
html body.gc-drawer-ui-peter #updateBackdrop.gc-po-add-ui-pilot.gc-du-approved .po-size-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}