.recent-sales{margin-top:28px;padding:18px;background:#f0f6f2;border:1px solid #dce9df;border-radius:12px}
.recent-sales[hidden],body:not([data-role="operator"]) .recent-sales,body[data-role="operator"].show-results .recent-sales{display:none}
.recent-sales h2{font-size:13px;font-weight:650;color:#537361;margin:0 0 12px}
.recent-sales-list{display:grid;gap:8px}
.recent-sale{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 0;border-top:1px solid #e0eae2}
.recent-sale img{width:40px;height:40px;flex:none;object-fit:contain;border-radius:7px;background:#fff}
.recent-sale-details{min-width:0;flex:1;display:grid;gap:4px}
.recent-sale-details strong{font-size:12px;font-weight:600;color:#354f40;overflow-wrap:anywhere}
.recent-sale-details span{font-size:11px;color:#778b7d}
.recent-sale button{flex:none;padding:9px 11px;border-color:#cfded3;background:#fff;color:#397053;font-size:11px;font-weight:600;min-height:40px}
.recent-sale button:disabled{opacity:.6;cursor:default}
@media(max-width:420px){.recent-sales{padding:13px}.recent-sale{gap:8px}.recent-sale img{width:32px;height:32px}.recent-sale button{padding:9px 8px;font-size:10px}}