/* Purchases preview only; legacy and other workspaces keep their presentation. */
.ui-buy :is(#uiPurchases,#uiSuppliers) { min-width:0; }
.ui-buy .buy-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-block:16px; }
.ui-buy .buy-heading h2 { margin:0; overflow-wrap:anywhere; }
.ui-buy .buy-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr)); gap:12px; align-items:end; }
.ui-buy .buy-filters { margin-block:14px; }
.ui-buy .buy-filters summary { padding-block:10px; }
.ui-buy .buy-list { background:var(--ui-paper); border:1px solid var(--ui-line); border-radius:12px; }
.ui-buy .buy-row { display:flex; justify-content:space-between; gap:16px; padding:16px; border-block-end:1px solid var(--ui-line); color:var(--ui-ink); text-decoration:none; min-width:0; }
.ui-buy .buy-row:last-child { border:0; }
.ui-buy .buy-row>div { display:flex; flex-direction:column; gap:6px; min-width:0; }
.ui-buy .buy-row :is(strong,span,small) { overflow-wrap:anywhere; }
.ui-buy .buy-row span,.ui-buy .buy-row small { color:var(--ui-muted); }
.ui-buy .buy-row>a,.ui-buy .buy-row>strong { flex-shrink:0; }
.ui-buy a.buy-row:hover { background:var(--ui-tint); }
.ui-buy .buy-badge { font-size:12px; font-weight:700; }
.ui-buy .buy-pager { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; padding-block:20px; }
.ui-buy .buy-detail-grid { display:grid; gap:20px; align-items:start; }
.ui-buy .buy-balance { display:flex; flex-direction:column; gap:8px; border-block-end:1px solid var(--ui-line); padding-block:12px 20px; }
.ui-buy .buy-balance strong,.ui-buy .buy-total { font-size:26px; }
.ui-buy .buy-notice { background:var(--ui-tint); border-inline-start:4px solid var(--ui-primary); padding:12px; border-radius:6px; }
.ui-buy :is(#modalAddAchat,#modalAddFournisseur,#modalAddPayment) .modal { background:var(--ui-paper); color:var(--ui-ink); }
.ui-buy :is(#modalAddAchat,#modalAddFournisseur,#modalAddPayment) :is(button,input,select) { min-height:44px; font:inherit; }
.ui-buy :is(#modalAddAchat,#modalAddFournisseur,#modalAddPayment) :is(input,select) { font-size:16px; }
.ui-buy #modalAddAchat .modal { max-width:880px; }
.ui-buy .buy-editor-layout { display:grid; gap:16px; }
.ui-buy .buy-editor-layout>section { min-width:0; }
.ui-buy #modalAddAchat .form-group { margin-block:12px; }
.ui-buy #modalAddAchat .section-title { color:var(--ui-ink); }
.ui-buy .buy-supplier-box { background:var(--ui-tint); padding:16px; border-radius:12px; }
.ui-buy #uiBuySupplierResults { margin-block:10px; }
.ui-buy #achatCartItems { display:grid; gap:12px; }
.ui-buy .buy-item { padding:14px; background:var(--ui-bg); border:1px solid var(--ui-line); border-radius:12px; }
.ui-buy .buy-item .buy-heading { margin-block:0 8px; }
.ui-buy .buy-item .buy-fields { grid-template-columns:1fr 1fr; }
.ui-buy .buy-item .buy-fields>div { grid-column:1/-1; display:flex; justify-content:space-between; }
.ui-buy .buy-review-button { position:sticky; inset-block-end:0; margin-block:16px 0; min-height:48px; }
.ui-buy .buy-product { display:flex; justify-content:space-between; align-items:center; gap:10px; width:100%; padding:12px; border:0; border-block-end:1px solid var(--ui-line); background:var(--ui-paper); color:var(--ui-ink); text-align:start; cursor:pointer; }
.ui-buy #aProduitResults { position:relative; inset:auto; }
.ui-buy #achatPreviewSheet { background:var(--ui-paper)!important; color:var(--ui-ink); height:100dvh!important; max-width:880px!important; }
.ui-buy #achatPreviewSheet>div:first-child,.ui-buy #achatPreviewSheet>div:last-child { background:var(--ui-paper)!important; }
.ui-buy #achatPreviewSheet button { min-height:44px; }
.ui-buy .buy-review-totals { display:grid; grid-template-columns:1fr auto; gap:12px; font-size:16px; }
.ui-buy .buy-review-totals dd { margin:0; font-weight:800; }
.ui-buy :is(#uiPurchases,#uiSuppliers) details { margin-block-start:16px; }
.ui-buy :is(#uiPurchases,#uiSuppliers) summary { cursor:pointer; min-height:44px; padding-block:10px; }
.ui-buy :is(#uiPurchases,#uiSuppliers) dl dd { margin-inline:0; margin-block:4px 12px; }
@media(min-width:900px) { .ui-buy .buy-detail-grid { grid-template-columns:minmax(280px,1fr) minmax(0,2fr); } .ui-buy #uiPurchases .buy-detail-grid { grid-template-columns:minmax(0,2fr) minmax(280px,1fr); } .ui-buy .buy-item .buy-fields { grid-template-columns:1fr 1fr 1fr; } .ui-buy .buy-item .buy-fields>div { grid-column:auto; flex-direction:column; } }
@media(min-width:1100px) {
  .ui-buy #modalAddAchat .modal { width:min(1100px,100%)!important; max-width:1100px!important; }
  .ui-buy .buy-editor-layout { grid-template-columns:minmax(280px,1fr) minmax(0,1.4fr); gap:16px 24px; align-items:start; }
  .ui-buy .buy-editor-supplier { grid-column:1; grid-row:1; }
  .ui-buy .buy-editor-items { grid-column:2; grid-row:1/3; }
  .ui-buy .buy-editor-payment { grid-column:1; grid-row:2; }
}
@media(max-width:480px) { .ui-buy .buy-row { padding:12px; gap:10px; flex-wrap:wrap; } .ui-buy .buy-row>strong { margin-inline-start:auto; } .ui-buy .buy-balance strong,.ui-buy .buy-total { font-size:22px; } .ui-buy #modalAddAchat .modal { padding-inline:12px; } .ui-buy .buy-supplier-box { padding:12px; } .ui-buy .buy-heading .ui-actions { width:100%; } }