.order-overview>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.order-overview>header small{color:#167255;font-weight:800}.order-overview>header h3{margin:3px 0}.order-overview>header button{padding:10px 14px;border:1px solid #8ebca9;border-radius:8px;background:#fff;color:#176449;font-weight:800}.order-overview>header button.primary{border:0;background:#15795a;color:#fff}.order-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.order-overview-grid article{padding:11px;border:1px solid #d7e2ec;border-radius:10px;background:#f8fafc}.order-overview-grid article.accepted{border-color:#b9ddce;background:#f5fbf8}.order-overview-grid h4{display:flex;justify-content:space-between;gap:8px;margin:0 0 7px}.order-overview-grid ol{display:grid;gap:4px;margin:0;padding:0;list-style:none}.order-overview-grid li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #e1e8ee;font-size:11px}.order-overview-grid li span{display:grid}.order-overview-grid li small{color:#6b7c88}.order-overview-grid li strong{white-space:nowrap}
@media(max-width:800px){.order-overview>header{align-items:stretch;flex-direction:column}.order-overview>header button{min-height:44px}.order-overview-grid{grid-template-columns:1fr}.order-overview-grid article{max-height:260px;overflow:auto}}