.sales-grid{width:min(780px,92%)!important;grid-template-columns:repeat(2,1fr)!important;gap:28px!important}.sales-grid article{padding:25px!important;text-align:center!important;min-height:390px;border:2px solid #087337!important}.sales-grid article>p{text-align:center;font-size:20px;font-weight:800;color:#183326}.sales-list{display:grid;grid-template-columns:1fr;gap:8px;margin-top:20px}.sales-person{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;border:0;padding:5px 0;text-align:right}.sales-person b{display:grid;place-items:center;width:29px;height:29px;background:transparent;color:#111;border-radius:0;font-size:22px}.sales-person .sales-details{display:grid;gap:1px}.sales-person .sales-name{font-size:12px;font-weight:800;color:#263b2d}.sales-person .sample-number{direction:ltr;color:#1c2d23;font-weight:700;text-decoration:none}.sales-person .wa{padding:6px 9px;font-size:11px}@media(max-width:680px){.sales-grid{grid-template-columns:1fr!important}.sales-grid article{min-height:0}.sales-person{gap:7px}.sales-person .sample-number{font-size:12px}.sales-person .wa{padding:6px 8px}}
.sales-list{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important}.sales-person{width:100%!important;flex:none!important}
.sales-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}

@media(max-width:680px){
  .sales-grid{width:min(94%,430px)!important;grid-template-columns:1fr!important;gap:16px!important}
  .sales-grid article{min-height:0!important;padding:20px 18px!important}
  .sales-grid article>p{font-size:18px!important;margin:0 0 10px!important}
  .sales-list{margin-top:8px!important;gap:4px!important}
  .sales-person{grid-template-columns:34px 1fr auto!important;gap:10px!important;padding:8px 0!important;text-align:right!important}
  .sales-person b{font-size:20px!important;width:30px!important;height:30px!important}
  .sales-person .sales-name{font-size:14px!important;line-height:1.5}
  .sales-person .sample-number{font-size:13px!important;white-space:nowrap}
  .sales-person .wa{font-size:12px!important;padding:7px 10px!important}
}