/* Compact supplier sections and agreement membership, matching the workspace. */
body.wa-fluent .purchase-supplier-sections{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px;padding:10px 0;max-height:calc(100dvh - 230px);overflow:auto}
body.wa-fluent .purchase-supplier-card{display:flex;flex-direction:column;align-items:stretch;text-align:start;gap:8px;min-height:112px;padding:14px;border:1px solid var(--line);border-radius:6px;background:var(--fluent-surface,#fff);color:inherit}
body.wa-fluent .purchase-supplier-card:hover{border-color:var(--green);background:var(--fluent-subtle,#f5f8f7)}
.purchase-supplier-card strong{font-size:14px}.purchase-supplier-card span{font-size:12px}.purchase-supplier-card small{display:flex;justify-content:space-between;color:var(--muted)}
body.wa-fluent .purchase-supplier-trail{display:flex;align-items:center;gap:10px;padding:4px 0 8px;font-size:13px}
body.wa-fluent #purchaseSupplierTitle:focus{outline:2px solid var(--green);outline-offset:3px}
body.wa-fluent #purchaseContractsPane table{min-width:1320px}
body.wa-fluent #purchaseContractsPane :is(th,td):first-child{min-width:270px;width:30%}
body.wa-fluent #purchaseContractsPane :is(th,td):nth-child(2){min-width:115px;width:auto}
body.wa-fluent #contractSelectionPane .contract-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
body.wa-fluent #contractSelectionPane .contract-grid>label{grid-column:span 2!important}
body.wa-fluent #contractSelectionPane .contract-grid>.contract-supplier-context,
body.wa-fluent #contractSelectionPane .contract-grid>.contract-wide{grid-column:span 3!important}
body.wa-fluent #contractSupplier:disabled{color:var(--ink,#172c25);opacity:1;background:var(--fluent-subtle,#f5f8f7)}
.purchase-membership-warning{margin:0;padding:8px 16px;color:var(--danger);background:var(--fluent-subtle,#fff8ed);font-size:12px;line-height:1.8}
.purchase-membership-warning:empty{display:none}
.contract-scope-context{margin:0 0 10px;padding:9px 11px;border:1px solid var(--line);border-radius:6px;background:var(--fluent-subtle,#f5f8f7);font-weight:600;color:var(--ink)}
.contract-member-actions{align-items:center;margin-bottom:8px}.contract-member-actions #contractItemSearch{order:3;flex-basis:100%}
.contract-member-actions #contractRemoveMembers{border-color:#d6a8a3;color:#8a332b;background:#fff8f7}
body.wa-fluent #purchaseMembersDialog{width:min(1040px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}
#purchaseMembersSummary{padding:0 16px;font-size:13px}
.purchase-members-table{overflow:auto;max-height:65dvh;padding:0 12px 12px}
.purchase-members-table table{width:100%;min-width:880px;border-collapse:collapse;font-size:13px}
.purchase-members-table :is(th,td){padding:9px;text-align:start;border-bottom:1px solid var(--line)}
.purchase-members-table th{position:sticky;top:0;background:var(--fluent-subtle,#f4f6f5)}
#purchaseHistoryBody [data-purchase-legacy]{margin:4px}
@media(max-width:700px){body.wa-fluent .purchase-supplier-sections{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}body.wa-fluent #contractSelectionPane .contract-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.wa-fluent #contractSelectionPane .contract-grid>label{grid-column:span 1!important}body.wa-fluent #contractSelectionPane .contract-grid>:is(.contract-supplier-context,.contract-wide){grid-column:1/-1!important}}
@media(max-width:420px){body.wa-fluent .purchase-supplier-sections{grid-template-columns:1fr}}

.purchase-supplier-card .purchase-uncovered-label{color:var(--ink,#172c25);font-weight:600}

body.wa-fluent .purchase-supplier-sections{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));align-content:start}
body.wa-fluent .purchase-supplier-card{gap:10px;min-height:0;padding:12px;align-self:start}
body.wa-fluent .purchase-supplier-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:4px 0;border:0;background:transparent;text-align:start;color:inherit}
.purchase-supplier-heading strong{font-size:14px}.purchase-supplier-heading span{white-space:nowrap;color:var(--muted)}
.purchase-supplier-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:4px;text-align:center;font-size:12px}
.purchase-supplier-grid>span:nth-child(3n+1){text-align:start}
.purchase-supplier-grid>span:nth-child(-n+3){color:var(--muted);font-size:11px;padding-bottom:4px}
body.wa-fluent .purchase-uncovered-link{min-height:32px;padding:4px 8px;border:1px solid var(--line);background:var(--fluent-subtle,#f5f8f7);color:var(--ink);font-weight:600}
body.wa-fluent .purchase-uncovered-link.has-missing{color:#874d0b;background:#fff6e8;border-color:#e4cda9}
body.wa-fluent .purchase-warehouse-tabs{display:flex;gap:8px;padding:0 12px 8px;flex-wrap:wrap}
body.wa-fluent .purchase-warehouse-tabs button{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:8px 14px;background:var(--fluent-surface,#fff);border:1px solid var(--line);min-width:160px}
body.wa-fluent .purchase-warehouse-tabs button[aria-pressed="true"]{border-color:var(--green);box-shadow:inset 0 -2px var(--green);background:var(--green-light,#edf6f1)}
.purchase-warehouse-tabs span,.purchase-warehouse-notice{font-size:12px;color:var(--muted)}
.purchase-warehouse-notice{padding:4px 12px;margin:0}
body.wa-fluent .purchase-bulk-actions{padding:8px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}
body.wa-fluent #purchaseCoverageLabel{min-width:160px}#purchaseCoverageLabel>span{font-size:11px;color:var(--muted)}
@media(max-width:600px){body.wa-fluent .purchase-supplier-sections{grid-template-columns:1fr}body.wa-fluent .purchase-warehouse-tabs button{flex:1;min-width:130px}}

body.wa-fluent #purchaseProductsTable :is(th,td):first-child{width:44px!important;min-width:44px!important;max-width:44px!important;text-align:center}
.purchase-members-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line)}
.purchase-members-toolbar label{display:flex;gap:8px;align-items:center;flex:1;min-width:240px}
.purchase-members-toolbar input{flex:1;min-width:100px}
.purchase-members-toolbar button[aria-pressed="true"]{background:var(--green-light,#edf6f1);border-color:var(--green);color:var(--green);font-weight:700}
.purchase-members-help,#purchaseMembersError{margin:8px 16px;font-size:12px;line-height:1.8}
#purchaseMembersError:empty{display:none}
#purchaseMembersSave{margin-inline-start:auto}
#purchaseMembersDialog .purchase-members-table{max-height:55dvh;min-height:180px}
#purchaseMembersDialog .purchase-members-table :is(th,td):first-child{width:58px;text-align:center}
#purchaseMembersDialog .purchase-members-table :is(th,td):nth-child(2),#purchaseMembersDialog .purchase-members-table :is(th,td):last-child{white-space:nowrap}
#purchaseMembersDialog .purchase-members-table .price-cell{white-space:nowrap;text-align:end;font-variant-numeric:tabular-nums}
#purchaseMembersDialog .purchase-member-select-all{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:42px;color:inherit;font-weight:600;cursor:pointer}
#purchaseMembersDialog .purchase-member-select-all input{width:18px;height:18px;min-height:18px;margin:0;accent-color:var(--green)}
#purchaseMembersDialog .purchase-member-select-all span{font-size:11px;white-space:nowrap}
#purchaseMembersDialog .shared-filter-row input{min-height:28px;width:100%}
#purchaseMembersDialog .purchase-members-picker label{min-width:260px}
#purchaseMembersDialog #purchaseMembersDateField{flex:0 1 260px}

/* Shared workspace rhythm: one primary action, visible items, then overflow. */
body.wa-fluent #purchaseContractsPane :is(th,td):first-child{min-width:240px;width:24%}
body.wa-fluent #purchaseContractsPane :is(th,td):nth-child(2){min-width:112px;width:112px}
body.wa-fluent #purchaseContractsPane :is(th,td):nth-child(3){min-width:128px}
body.wa-fluent #purchaseContractsPane :is(th,td):nth-child(4){min-width:136px}
body.wa-fluent #purchaseContractsPane :is(th,td):nth-child(5){min-width:112px}
body.wa-fluent #purchaseContractsPane :is(th,td):nth-child(6){min-width:176px}
body.wa-fluent #purchaseContractsPane :is(th,td):nth-child(7){min-width:112px}
body.wa-fluent #purchaseContractsPane td:last-child{min-width:210px}
body.wa-fluent #purchaseContractsPane .purchase-contract-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:240px}
body.wa-fluent #purchaseContractsPane .purchase-contract-actions>button{white-space:nowrap;min-height:32px}
body.wa-fluent #purchaseContractsPane .purchase-contract-actions>.primary{background:#12684d;border-color:#12684d;color:#fff}
.purchase-member-count{display:inline-flex;padding:4px 8px;border-radius:5px;background:#edf5f0;color:#245840;white-space:nowrap;font-weight:600}
body.wa-fluent #purchaseProductsTable td:nth-child(4){min-width:125px;direction:ltr;text-align:start}
body.wa-fluent #purchaseProductsTable td:nth-child(5){min-width:240px;white-space:normal}
body.wa-fluent #purchaseView :is(button,summary):focus-visible{outline:2px solid #12684d;outline-offset:3px}
body.wa-fluent #purchaseMembersDialog :is(input,button):focus-visible{outline:2px solid #12684d;outline-offset:2px}
body.wa-fluent #purchaseMembersDialog .purchase-members-table{height:auto!important;max-height:55dvh!important;min-height:180px!important}
body.wa-fluent #purchaseMembersDialog footer{display:flex;align-items:end;justify-content:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding:12px 16px;background:#f5f8f6}
@media(max-width:700px){
 body.wa-fluent #purchaseView .purchase-toolbar{gap:8px}
 body.wa-fluent #purchaseView .purchase-toolbar>label{flex:1 1 150px;min-width:0}
 body.wa-fluent #purchaseView .purchase-toolbar select{max-width:100%;width:100%}
 body.wa-fluent #purchaseMembersDialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
 body.wa-fluent #purchaseMembersDialog .purchase-members-toolbar label{min-width:0;flex-basis:100%}
 body.wa-fluent #purchaseMembersDialog .purchase-members-table{max-height:45dvh!important}
}