.order-row-actions .sales-card-view { display: none; }
@media screen and (max-width: 760px) {
  .sales-order-list { overflow: visible; padding: 10px; }
  .sales-order-list table, .sales-order-list tbody { display: block; width: 100%; min-width: 0; white-space: normal; }
  .sales-order-list thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .sales-order-list tr {
    display: grid; grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 10px 8px; padding: 12px; margin-bottom: 10px;
    border: 1px solid #dfe5df; border-radius: 10px; background: white;
  }
  .sales-order-list tr:last-child { margin-bottom: 0; }
  .sales-order-list td {
    display: block; padding: 0; border: 0; min-width: 0;
    white-space: normal; overflow-wrap: anywhere; font-size: 13px; line-height: 1.4;
  }
  .sales-order-list td[data-label]::before {
    content: attr(data-label); display: block; font-size: 11px;
    color: #526259; margin-bottom: 3px; font-weight: 500;
  }
  .sales-order-list td small { white-space: normal; max-width: none; overflow: visible; font-size: 12px; margin-top: 3px; }
  .sales-card-id { grid-column: span 2; }
  .sales-card-customer { grid-column: span 4; }
  .sales-card-customer strong { font-size: 15px; }
  .sales-order-list .order-number-link { font-size: 14px; min-height: 44px; }
  .sales-card-meta, .sales-card-status { grid-column: span 3; }
  .sales-card-money { grid-column: span 2; border-top: 1px solid #edf0eb !important; padding-top: 8px !important; }
  .sales-card-meta + .sales-card-money { grid-column: 1 / span 2; }
  .sales-card-actions { grid-column: 1 / -1; }
  .sales-order-list .status, .sales-order-list .dispatch-badge { white-space: normal; max-width: 100%; font-size: 12px; margin: 0; }
  .sales-order-list .order-row-actions { display: flex; gap: 8px; }
  .sales-order-list .order-action { flex: 1; min-width: 0; padding: 9px 8px; }
  .sales-order-list .sales-card-view { display: inline-flex; background: #19251e; color: white; }
}