/* Annual purchases are confined to the desktop inventory summary. */
#listTab .annualPurchaseItem{display:none!important}
@media(min-width:761px){
  body:not(.share-mode) #listTab:not(.closedSalesView) .summary{grid-template-columns:1.3fr 1fr 1fr!important}
  body:not(.share-mode) #listTab:not(.closedSalesView) .summary .kpi{padding-left:22px!important;padding-right:22px!important}
  body:not(.share-mode) #listTab:not(.closedSalesView) .summary .stockPurchaseKpi{grid-template-columns:minmax(60px,.7fr) minmax(80px,.85fr) minmax(130px,1.3fr)!important;gap:16px;align-items:start!important}
  body:not(.share-mode) #listTab:not(.closedSalesView) .purchaseItem{padding-left:0!important}
  body:not(.share-mode) #listTab:not(.closedSalesView) .annualPurchaseItem{display:block!important}
  #listTab .annualPurchaseItem{appearance:none;border:0;background:none;padding:0;margin:0;text-align:left;font:inherit;color:inherit;cursor:pointer;min-width:0;border-radius:4px}
  #listTab .annualPurchaseItem b{white-space:nowrap}
  #listTab .annualPurchaseItem:hover b,#listTab .annualPurchaseItem:hover span{color:#175cd3!important}
  #listTab .annualPurchaseItem:focus-visible{outline:2px solid #175cd3;outline-offset:6px}
  #listTab .annualPurchaseItem[aria-busy="true"] span{font-size:18px!important}
}
@media(min-width:761px) and (max-width:1050px){
  body:not(.share-mode) #listTab:not(.closedSalesView) .summary{grid-template-columns:minmax(300px,1.3fr) 1fr 1fr!important}
  body:not(.share-mode) #listTab:not(.closedSalesView) .summary .kpi{padding-left:10px!important;padding-right:10px!important}
  body:not(.share-mode) #listTab:not(.closedSalesView) .summary .stockPurchaseKpi{gap:8px;grid-template-columns:minmax(50px,.7fr) minmax(65px,.85fr) minmax(120px,1.3fr)!important}
  #listTab:not(.closedSalesView) .summary #kpiDone,#listTab:not(.closedSalesView) .summary #kpiYear{white-space:normal;overflow-wrap:normal}
}
#annualPurchaseDialog{width:min(1100px,calc(100vw - 40px));height:fit-content;max-height:calc(100dvh - 32px);padding:0;overflow:hidden;border:1px solid #d8e1ec;border-radius:14px;color:#102749;background:#fff;box-shadow:0 24px 80px #10274933;font-family:inherit}
#annualPurchaseDialog[open]{display:flex;flex-direction:column}
#annualPurchaseDialog::backdrop{background:#0f172a66}
#annualPurchaseDialog .purchaseDialogHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 24px 8px;gap:20px;flex-shrink:0}
#annualPurchaseDialog h2{font-size:22px;margin:0;font-weight:750;letter-spacing:-.5px}
#annualPurchaseDialog .purchaseClose{border:1px solid #d8e1ec;border-radius:7px;padding:8px 15px;background:#fff;font:inherit;font-size:14px;font-weight:700;color:#344054;cursor:pointer}
#annualPurchaseDialog .purchaseDialogBody{padding:0 24px 12px;display:flex;flex-direction:column;flex:1;min-height:0}
#annualPurchaseDialog .purchaseScope{margin:0 0 8px;color:#667085;flex-shrink:0;font-size:13px}
#annualPurchaseDialog .purchaseTotal{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 16px;border:1px solid #ccd8e8;border-radius:9px;background:#f3f6fb;color:#102749;font:inherit;font-weight:750;cursor:pointer}
#annualPurchaseDialog .purchaseTotal strong{font-size:25px;font-variant-numeric:tabular-nums}
#annualPurchaseDialog .purchaseMonths{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;margin:10px 0 12px}
#annualPurchaseDialog .purchaseMonth{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;border:1px solid #dde3eb;border-radius:8px;background:#fff;padding:6px 2px;color:#344054;font:inherit;font-size:14px;cursor:pointer}
#annualPurchaseDialog .purchaseMonth strong{font-size:16px;font-variant-numeric:tabular-nums}
#annualPurchaseDialog button[aria-pressed="true"]{background:#103665;color:#fff;border-color:#103665}
#annualPurchaseDialog button:hover{border-color:#175cd3}
#annualPurchaseDialog button:focus-visible{outline:2px solid #175cd3;outline-offset:3px}
#annualPurchaseDialog .purchaseListHeading{font-size:16px;margin:0 0 10px;font-weight:750}
#annualPurchaseDialog .purchaseTableWrap{flex:1;min-height:0;overflow:auto;border:1px solid #dde3eb;border-radius:8px}
#annualPurchaseDialog .purchaseDialogContent{display:flex;flex-direction:column;flex:1;min-height:0}
#annualPurchaseDialog .purchaseTotal,#annualPurchaseDialog .purchaseMonths,#annualPurchaseDialog .purchaseListHeading,#annualPurchaseDialog .purchaseMessage{flex-shrink:0}
#annualPurchaseDialog table{table-layout:fixed;width:100%;border-collapse:collapse;border-radius:0}
#annualPurchaseDialog th{position:sticky;top:0;background:#edf2f8;color:#344054;font-weight:750;font-size:13px}
#annualPurchaseDialog th,#annualPurchaseDialog td{padding:4px 10px;line-height:18px;border-bottom:1px solid #e7ecf2;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#annualPurchaseDialog td{font-size:14px;color:#344054}
#annualPurchaseDialog td:nth-child(2){font-weight:700}
#annualPurchaseDialog .purchaseEmpty{text-align:center;padding:28px;color:#667085}
#annualPurchaseDialog .purchaseMessage{display:flex;align-items:center;gap:12px;color:#667085;font-size:13px;margin:14px 0 0}
#annualPurchaseDialog .purchaseMessage:empty{display:none}
#annualPurchaseDialog .purchaseRetry{border:1px solid #b8c9e0;background:#fff;border-radius:6px;padding:6px 12px;color:#103665;font:inherit;cursor:pointer}
@media(max-width:760px){#annualPurchaseDialog{display:none!important}}

#annualPurchaseDialog th:nth-child(1){width:14%}
#annualPurchaseDialog th:nth-child(2){width:29%}
#annualPurchaseDialog th:nth-child(3){width:21%}
#annualPurchaseDialog th:nth-child(4){width:21%}
#annualPurchaseDialog th:nth-child(5){width:15%}
#annualPurchaseDialog .purchasePager{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;flex-shrink:0}
#annualPurchaseDialog .purchaseRange{font-size:13px;color:#667085;font-variant-numeric:tabular-nums}
#annualPurchaseDialog .purchasePageControls{display:flex;align-items:center;gap:12px}
#annualPurchaseDialog .purchasePageNumber{min-width:52px;text-align:center;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
#annualPurchaseDialog .purchasePageControls button{border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#103665;padding:8px 15px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
#annualPurchaseDialog .purchasePageControls button[data-purchase-page="1"]{background:#103665;color:#fff;border-color:#103665}
#annualPurchaseDialog .purchasePageControls button:disabled{opacity:.35;cursor:default}
@media(min-width:761px) and (max-height:922px){
  #annualPurchaseDialog .purchaseDialogHeader{padding-top:8px;padding-bottom:5px}
  #annualPurchaseDialog h2{font-size:19px}
  #annualPurchaseDialog .purchaseClose{padding:4px 12px}
  #annualPurchaseDialog .purchaseScope{font-size:11px;margin-bottom:4px}
  #annualPurchaseDialog .purchaseTotal{padding:4px 14px}
  #annualPurchaseDialog .purchaseTotal strong{font-size:20px}
  #annualPurchaseDialog .purchaseMonths{margin:6px 0 8px;gap:4px}
  #annualPurchaseDialog .purchaseMonth{padding:3px 1px;gap:0;font-size:12px}
  #annualPurchaseDialog .purchaseMonth strong{font-size:14px}
  #annualPurchaseDialog .purchaseListHeading{font-size:14px;margin-bottom:6px}
  #annualPurchaseDialog .purchaseDialogBody{padding-bottom:8px}
  #annualPurchaseDialog th,#annualPurchaseDialog td{font-size:12px;line-height:16px;padding:3px 8px}
  #annualPurchaseDialog .purchasePager{padding-top:6px}
  #annualPurchaseDialog .purchasePageControls button{padding:5px 12px}
}

@media(min-width:761px) and (max-height:760px){
  #annualPurchaseDialog{height:fit-content;max-height:calc(100dvh - 16px)}
  #annualPurchaseDialog .purchaseScope{display:none}
  #annualPurchaseDialog .purchaseDialogBody{padding-bottom:4px}
  #annualPurchaseDialog .purchaseDialogHeader{padding-top:6px;padding-bottom:6px}
  #annualPurchaseDialog .purchaseTotal{padding:3px 12px}
  #annualPurchaseDialog .purchaseTotal strong{font-size:18px}
  #annualPurchaseDialog .purchaseMonths{margin:6px 0}
  #annualPurchaseDialog .purchaseMonth{flex-direction:row;gap:4px;padding:4px 1px;font-size:11px}
  #annualPurchaseDialog .purchaseMonth strong{font-size:12px}
  #annualPurchaseDialog .purchaseListHeading{font-size:13px;margin-bottom:5px}
  #annualPurchaseDialog th,#annualPurchaseDialog td{font-size:12px;line-height:16px;padding:1px 8px}
  #annualPurchaseDialog .purchasePager{padding-top:5px}
  #annualPurchaseDialog .purchasePageControls button{padding:4px 12px}
}