/* FBC_PURCHASES_R1_R2_COMMERCIAL_PARITY
   R2 intentionally inherits dimensions/typography/layout from the Commercial qc-* design system.
   This file contains purchase-specific semantics only. */
.po-shell{max-width:none}
.po-table .num{text-align:left}
.po-operation{color:#086cff;font-weight:700;text-decoration:none}
.po-progress{width:88px;height:4px;background:#e5ebf4;border-radius:99px;margin-top:5px;overflow:hidden}
.po-progress i{display:block;height:100%;background:#0c70ff;border-radius:99px}
.po-status,.po-delivery{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:700;line-height:1.25;white-space:nowrap}
.po-status i{width:5px;height:5px;border-radius:50%;background:currentColor}
.po-status.success,.po-delivery.success{background:#e6f7ed;color:#208151}.po-status.info,.po-delivery.info{background:#e8f2ff;color:#246cb8}.po-status.warning,.po-delivery.warning{background:#fff2d4;color:#996b00}.po-status.purple,.po-delivery.purple{background:#f1e9ff;color:#6d43ae}.po-status.danger,.po-delivery.danger{background:#ffe8e8;color:#ac4040}.po-status.neutral,.po-delivery.neutral{background:#edf1f6;color:#61738d}
.po-filter-popover{min-width:300px;padding:12px}.po-filter-popover>label{display:grid;gap:5px;margin:0 0 10px;color:#6f82a0;font-size:11px;font-weight:700}.po-filter-popover>label:last-child{margin-bottom:0}.po-filter-popover select{height:36px;border:1px solid #d8e2ef;border-radius:8px;background:#fff;color:#233a59;padding:0 10px;font:inherit;font-weight:500;outline:none}.po-filter-popover select:focus{border-color:#78a9ff;box-shadow:0 0 0 3px rgba(46,115,240,.10)}
.po-export{white-space:nowrap}
.qc-preview .po-delivery{margin-left:4px}
@media(max-width:900px){.po-progress{width:64px}}\n/* FBC_PURCHASES_R1_R3_HEADER_SPACING */
.po-shell .po-page-head{align-items:center}
.po-shell .po-page-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
.po-shell .po-page-kicker{display:block;margin:0 0 6px;line-height:1.2}
.po-shell .po-page-copy h1{margin:0;line-height:1.12}
.po-shell .po-page-copy p{margin:8px 0 0;line-height:1.45}
.po-shell .po-page-head .qc-title-icon{align-self:center}

/* FBC_PURCHASES_R2_STRUCTURAL_NEW_OC_NO_APPROVAL */
.po-builder{margin-top:4px}
.po-builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.po-builder-main{display:grid;gap:14px;min-width:0}
.po-builder-card{padding:16px}
.po-builder-step{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px}
.po-builder-step>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#eaf3ff;color:#0567f2;font-weight:800;font-size:12px;flex:0 0 auto}
.po-builder-step b{display:block;font-size:15px;line-height:1.2;color:#10284a}
.po-builder-step small{display:block;margin-top:3px;color:#6b7f9e;font-size:12px;line-height:1.35}
.po-builder .field-grid{gap:12px 14px}
.po-builder .field>span,.po-builder label>span{font-size:12px;color:#314b70;font-weight:700}
.po-source-summary,.po-inline-summary{margin-top:10px;padding:10px 12px;border:1px solid #dbe7f6;border-radius:10px;background:#f8fbff;display:grid;gap:2px}
.po-source-summary:empty{display:none}
.po-source-summary b,.po-inline-summary b{font-size:12px;color:#17345d}
.po-source-summary span,.po-inline-summary span{font-size:11px;color:#6b7f9e;line-height:1.4}
.po-inline-summary{grid-column:1/-1;margin:0}
.po-line-table{border:1px solid #dfe8f5;border-radius:12px;overflow:hidden;background:#fff}
.po-line-head,.po-line-row{display:grid;grid-template-columns:34px minmax(120px,.9fr) minmax(220px,1.6fr) 82px 120px 120px 36px;gap:8px;align-items:center}
.po-line-head{padding:9px 10px;background:#f5f8fc;border-bottom:1px solid #dfe8f5;color:#667d9e;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.po-line-row{padding:9px 10px;border-bottom:1px solid #edf2f8}
.po-line-row:last-child{border-bottom:0}
.po-line-row input{width:100%;min-width:0;height:34px;border:1px solid #d4e0ef;border-radius:8px;padding:0 9px;background:#fff;color:#17345d;font:inherit;font-size:12px}
.po-line-row input:focus{outline:none;border-color:#2d7ff9;box-shadow:0 0 0 2px rgba(45,127,249,.12)}
.po-line-row b{font-size:12px;color:#17345d;text-align:right}
.po-line-check{display:grid;place-items:center}
.po-line-check input{width:16px;height:16px;padding:0}
.po-line-row .btn.text{padding:4px 6px;min-width:auto;font-size:18px;line-height:1}
.po-lines-empty{min-height:120px;display:grid;place-items:center;align-content:center;gap:4px;color:#6b7f9e}
.po-lines-empty b{color:#17345d}
.po-builder-summary{position:sticky;top:80px;padding:16px}
.po-summary-values{display:grid;gap:10px;margin:12px 0 14px}
.po-summary-values>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:9px;border-bottom:1px solid #edf2f8}
.po-summary-values span{font-size:12px;color:#6b7f9e}
.po-summary-values b{font-size:14px;color:#17345d}
.po-summary-values .total{padding:10px 0 0;border-bottom:0;border-top:1px solid #d8e4f2}
.po-summary-values .total span{font-weight:700;color:#314b70}
.po-summary-values .total b{font-size:20px;color:#0a63ee}
.po-builder-actions{display:grid;gap:8px;margin-top:14px}
.po-builder-actions .btn{width:100%;justify-content:center}
@media (max-width:1180px){.po-builder-grid{grid-template-columns:1fr}.po-builder-summary{position:static}.po-line-head{display:none}.po-line-row{grid-template-columns:28px 1fr 1fr 80px 110px}.po-line-row>[data-line-description]{grid-column:2/4}.po-line-row>[data-line-subtotal]{grid-column:4/6}.po-line-row>[data-line-remove]{grid-column:6}}
