.purchase-tabs,.purchase-actions,.purchase-items-heading,.purchase-detail-heading{display:flex;align-items:center;gap:var(--space-inline,8px)}
.purchase-tabs{margin-bottom:var(--space-fields,12px)}.purchase-tabs [aria-pressed=true]{background:var(--surface-pressed);color:var(--accent)}
.purchase-toolbar{display:flex;align-items:end;gap:var(--space-inline,8px);padding:var(--space-fields,12px);border-radius:20px;margin-bottom:var(--space-fields,12px)}
.purchase-toolbar>.os-field:first-child{flex:1}.purchase-toolbar>.os-field{min-width:0;margin:0}.purchase-toolbar select{min-width:180px}.purchase-toolbar>button{flex-shrink:0;width:auto}
.purchase-icon{width:var(--control-target,44px);min-width:var(--control-target,44px);height:var(--control-target,44px);padding:var(--space-inline,8px);display:inline-flex;align-items:center;justify-content:center}.purchase-icon svg{width:20px;height:20px}
.purchase-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-inline,8px);margin-bottom:var(--space-fields,12px)}.purchase-metrics:empty{display:none}.purchase-metric{border-radius:18px;padding:var(--space-fields,12px);display:grid;gap:var(--space-inline,8px)}.purchase-metric strong{font-size:var(--type-page-title)}
.purchase-status{border-radius:8px;background:var(--surface-hover);padding:4px 8px;color:var(--text)}.purchase-status[data-status=received]{color:var(--success,#16805b)}.purchase-status[data-status=partial]{color:var(--warning,#986300)}.purchase-empty{text-align:center;padding:var(--space-panel,16px);border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:var(--space-inline,8px)}.purchase-empty p{margin:0;max-width:60ch}.purchases-center [hidden]{display:none!important}
.purchase-dialog{width:min(820px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}.purchase-dialog .os-body{min-height:0}.purchase-dialog form{display:grid;gap:var(--space-fields,12px)}.purchase-eyebrow{display:block;font-size:var(--type-eyebrow);letter-spacing:.12em;margin-bottom:4px}.purchase-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,210px);gap:var(--space-fields,12px)}.purchase-items-heading{justify-content:space-between}.purchase-items-heading>button{width:auto}.purchase-items-heading h3{margin:0;font-size:var(--type-body)}.purchase-edit-items{display:grid;gap:var(--space-inline,8px)}.purchase-edit-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 140px 44px;align-items:end;gap:var(--space-inline,8px);padding-bottom:var(--space-inline,8px);border-bottom:1px solid var(--line)}.purchase-edit-row>*{min-width:0}.purchase-total{text-align:right}.purchase-dialog .os-actions{margin-top:var(--space-fields,12px);padding-top:var(--space-fields,12px);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-inline,8px)}.purchase-detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-fields,12px);margin:var(--space-fields,12px) 0}.purchase-detail-meta>div,.purchase-detail-line>div,.purchase-receive-row>div:first-child{display:grid;gap:4px;overflow-wrap:anywhere}.purchase-detail-line{display:flex;justify-content:space-between;align-items:center;gap:var(--space-fields,12px);padding:var(--space-fields,12px) 0;border-top:1px solid var(--line)}.purchase-history{margin-top:var(--space-fields,12px)}.purchase-history summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.purchase-history>div{padding:var(--space-inline,8px) 0;border-top:1px solid var(--line);display:grid;gap:4px}.purchase-history p{margin:0}.purchase-notes{white-space:pre-wrap;overflow-wrap:anywhere}.purchase-receive-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 150px;gap:var(--space-inline,8px);align-items:end;padding-bottom:var(--space-inline,8px);border-bottom:1px solid var(--line)}
@media(max-width:700px){.purchase-grid{grid-template-columns:1fr}.purchase-edit-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}.purchase-edit-row>.search-select{grid-column:1/-1}.purchase-receive-row{grid-template-columns:1fr 1fr}.purchase-receive-row>div:first-child{grid-column:1/-1}.purchase-detail-meta{grid-template-columns:1fr 1fr}.purchase-detail-line{align-items:start;flex-direction:column}.purchase-dialog .os-actions button{flex:1}.purchase-dialog .os-actions .purchase-icon{flex:0 0 44px}}

.purchase-dialog .search-select-label{margin:0}.purchase-grid{align-items:end}.purchase-dialog .purchase-edit-row>.search-select{align-self:end}

/* Listing uses one shared control surface and one aligned results surface. */
.purchases-center{container-type:inline-size}
body.in-workspace .purchases-center .listing-control-bar{margin:0 0 var(--space-section)}
body.in-workspace .purchases-center .purchase-toolbar{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--space-inline);margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.purchases-center .purchase-toolbar>.listing-search-field{flex:1;min-width:120px;margin:0}
.purchases-center .purchase-toolbar>.purchase-status-filter{display:block;flex:0 0 180px;min-width:0;margin:0}
.purchases-center .purchase-toolbar select{min-width:0}
.purchases-center .purchase-toolbar>.purchase-icon,.purchases-center .purchase-toolbar>.customer-new{flex:0 0 auto;margin:0}
.purchases-center .purchase-toolbar .listing-size-control{flex:0 0 auto;white-space:nowrap}
.purchase-tabs.app-tabs{margin-bottom:var(--space-section)}
.purchase-list{min-width:0;border-radius:var(--space-section);overflow:hidden}
.purchase-list-heading,.purchase-card{display:grid;align-items:center;gap:var(--space-fields);grid-template-columns:minmax(180px,2.3fr) repeat(4,minmax(70px,1fr)) minmax(80px,1fr) 44px;padding:var(--space-fields) var(--space-panel)}
.purchase-list[data-mode=orders] :is(.purchase-list-heading,.purchase-card){grid-template-columns:minmax(180px,2fr) minmax(140px,1.3fr) minmax(120px,1fr) minmax(80px,.7fr) minmax(100px,1fr) 44px}
.purchase-list-heading{font-size:var(--type-label);font-weight:600;color:var(--text-secondary);background:var(--surface-hover);border-bottom:1px solid var(--line)}
.purchase-list-heading>span:not(:first-child){text-align:right}.purchase-list[data-mode=orders] .purchase-list-heading>span:nth-child(2){text-align:left}
.purchase-card{border-bottom:1px solid var(--line);min-width:0}.purchase-card:last-child{border-bottom:0}
.purchase-identity{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.purchase-identity>strong{font-size:var(--type-body);font-weight:600}.purchase-identity>small{font-size:var(--type-meta);color:var(--text-secondary)}
.purchase-cell{display:grid;gap:4px;text-align:right;min-width:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.purchase-cell>small:first-child{display:none}.purchase-cell>strong{font-size:var(--type-body);font-weight:500}.purchase-cell>small.purchase-incoming-detail{font-size:var(--type-meta);color:var(--text-secondary)}
.purchase-suggested>strong{font-weight:650;color:var(--text-link)}.purchase-shortage>strong{color:var(--text-warning)}.purchase-amount>strong{font-weight:650}
.purchase-actions{display:flex;gap:var(--space-inline);justify-content:flex-end;min-width:44px}.purchase-state{min-width:0}.purchase-state .purchase-status{display:inline-block;white-space:normal;overflow-wrap:anywhere;font-size:var(--type-meta)}
@container(max-width:1000px){
 .purchase-list-heading{display:none}
 .purchase-list :is(.purchase-card),.purchase-list[data-mode=orders] .purchase-card{grid-template-columns:repeat(3,minmax(0,1fr)) 44px;gap:var(--space-fields)}
 .purchase-identity{grid-column:1/4}.purchase-actions{grid-column:4;grid-row:1/3;align-self:start}
 .purchase-cell{text-align:left}.purchase-cell>small:first-child{display:block;font-size:var(--type-meta);color:var(--text-secondary)}
 .purchase-list[data-mode=needs] .purchase-suggested{grid-column:3;grid-row:2}
 .purchase-list[data-mode=needs] .purchase-incoming{grid-column:2;grid-row:3}
 .purchase-list[data-mode=orders] .purchase-state{grid-column:1/4;grid-row:2}
 .purchase-list[data-mode=orders] .purchase-date{grid-column:1}
 .purchase-list[data-mode=orders] .purchase-amount{grid-column:3/5}
}
@container(max-width:680px){
 body.in-workspace .purchases-center .purchase-toolbar{flex-wrap:wrap}
 .purchases-center .purchase-toolbar>.listing-search-field{flex:1 0 100%;min-width:0}
 .purchases-center .purchase-toolbar>.purchase-status-filter{flex:1 1 160px}
 .purchases-center .purchase-toolbar>.customer-new{margin-left:auto}
 .purchase-metrics{gap:var(--space-inline)}.purchase-metric{padding:var(--space-inline)}
}

.purchase-zero>strong{color:var(--text-secondary)}

/* Purchase editor: compact composition, visible subtotals and a reserved footer. */
:root body.in-workspace .purchase-dialog.purchase-editor{width:min(820px,calc(100vw - 24px))}
.purchase-editor .purchase-destination{margin:0;color:var(--text-secondary);font-size:var(--type-meta)}
.purchase-editor .purchase-grid{grid-template-columns:minmax(0,1fr) 180px}
.purchase-editor .purchase-items-heading{margin-top:var(--space-inline)}
.purchase-editor .purchase-edit-row{grid-template-columns:minmax(0,1fr) 76px 124px 100px 44px}
.purchase-line-subtotal{display:grid;align-content:center;gap:var(--space-inline);min-height:44px;text-align:right;padding-bottom:var(--space-inline)}
.purchase-line-subtotal small{font-size:var(--type-label);color:var(--text-secondary)}
.purchase-line-subtotal strong{font-size:var(--type-body);font-weight:600;font-variant-numeric:tabular-nums}
.purchase-editor-notes summary{display:flex;align-items:center;min-height:44px;color:var(--text-link);cursor:pointer;font-size:var(--type-action)}
.purchase-editor-notes summary::before{content:'+';margin-right:var(--space-inline)}.purchase-editor-notes[open] summary::before{content:'−'}
.purchase-editor-notes textarea{min-height:60px}.purchase-editor-note{margin:0!important;color:var(--text-secondary);font-size:var(--type-meta)}
.purchase-editor .purchase-total{margin-right:auto;display:grid;gap:4px;text-align:left;align-content:center}
.purchase-editor .purchase-total small{font-size:var(--type-meta);color:var(--text-secondary)}.purchase-editor .purchase-total strong{font-size:var(--type-section-title);font-weight:650;font-variant-numeric:tabular-nums}
@media(max-width:700px){
 .purchase-editor .purchase-grid{grid-template-columns:1fr}
 .purchase-editor .purchase-edit-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}
 .purchase-editor .purchase-edit-row>.search-select{grid-column:1/-1}
 .purchase-editor .purchase-line-subtotal{grid-column:1/3;text-align:left;min-height:0;display:flex;justify-content:space-between;padding:0}
 .purchase-editor .purchase-edit-row>.purchase-icon{grid-column:3;grid-row:2/4;align-self:center}
 .purchase-editor .os-actions .purchase-total{grid-column:1/-1;width:100%;margin:0;display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-inline)}
}

.purchases-center .purchase-toolbar>.purchase-catalog-filter{flex:0 0 180px;margin:0;min-width:0}
.purchase-add-actions{display:flex;gap:var(--space-inline);flex-wrap:wrap;justify-content:flex-end}.purchase-add-actions>button{width:auto}
@container(max-width:680px){.purchases-center .purchase-toolbar>.purchase-catalog-filter{flex:1 1 160px}}
@media(max-width:700px){.purchase-editor .purchase-items-heading{align-items:start;flex-direction:column}.purchase-add-actions{width:100%;justify-content:start}.purchase-add-actions>button{flex:1}}

@media(max-width:700px){:root body.in-workspace dialog.purchase-editor .os-actions>.submit-button{width:auto;flex:1 1 0}:root body.in-workspace dialog.purchase-editor .os-actions>.glass-button{flex:1 1 0}:root body.in-workspace dialog.purchase-editor .os-actions>.purchase-total{flex:1 0 100%}}

@media(max-width:700px){:root body.in-workspace dialog.purchase-editor .modal-action-footer>button:nth-child(3):last-child{grid-column:auto}}

.purchase-payment-view{display:grid;gap:var(--space-fields)}.purchase-payment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-fields);padding:var(--space-fields);border:1px solid var(--line);border-radius:var(--space-fields);background:var(--surface-field)}
.purchase-payment-summary>div,.purchase-payable-row>div:first-child,.purchase-payable-amount,.purchase-link-preview{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.purchase-payment-summary small,.purchase-payable-row small,.purchase-link-preview small{font-size:var(--type-meta);color:var(--text-secondary)}.purchase-payment-summary strong{font-size:var(--type-section-title)}.purchase-payment-note{margin:0!important}
.purchase-finance-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-fields)}.purchase-payment-tabs{margin:0}.purchase-payment-tabs button[aria-pressed=true]{color:var(--text-link)}
.purchase-plan-preview summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}.purchase-plan-preview>div{display:flex;justify-content:space-between;gap:var(--space-inline);padding:var(--space-inline) 0;border-top:1px solid var(--line)}.purchase-plan-preview{max-height:240px;overflow:auto;scrollbar-color:var(--scroll-thumb) transparent}
.purchase-payable-list{border:1px solid var(--line);border-radius:var(--space-fields);overflow:hidden;background:var(--surface-field)}.purchase-payable-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,auto) auto;gap:var(--space-fields);align-items:center;padding:var(--space-fields);border-bottom:1px solid var(--line)}.purchase-payable-row:last-child{border:0}.purchase-payable-amount{text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:700px){.purchase-payment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-payable-row{grid-template-columns:minmax(0,1fr) auto}.purchase-payable-row>.purchase-actions{grid-column:1/-1}.purchase-payment-tabs{display:flex;flex-wrap:nowrap}.purchase-payment-tabs button{flex:1;min-width:0}.purchase-finance-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}

.purchase-receipt-offer,.purchase-event-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline)}.purchase-receipt-offer{padding:var(--space-fields);border:1px solid var(--line);border-radius:var(--space-fields);background:var(--surface-field)}.purchase-receipt-offer>div,.purchase-event-heading>div{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.purchase-receipt-offer small,.purchase-event-heading small{font-size:var(--type-meta);color:var(--text-secondary)}.purchase-waiting-orders{display:grid;gap:var(--space-inline)}.purchase-waiting-orders h3{font-size:var(--type-section-title);margin:var(--space-fields) 0 0}.purchase-waiting-orders button{text-align:left;justify-content:start}.purchase-finance-share{margin-right:auto}

.purchase-receipt-dialog .os-body{display:grid;gap:var(--space-fields)}.purchase-receipt-dialog .purchase-detail-meta{margin:0}.purchase-waiting-orders>.os-note{margin:0}.purchase-waiting-orders h3{margin:0}
@media(max-width:700px){:root body.in-workspace dialog.purchase-receipt-dialog .modal-action-footer{display:flex;flex-wrap:nowrap}:root body.in-workspace dialog.purchase-receipt-dialog .modal-action-footer>button{flex:1 1 0;min-width:0;width:auto}:root body.in-workspace dialog.purchase-receipt-dialog .modal-action-footer>.purchase-icon{flex:0 0 var(--control-target);width:var(--control-target);min-width:var(--control-target)}}