@media (max-width: 767px) {
  .mobile-customer__identity { display: grid; gap: var(--mobile-space-1); }
  .mobile-customer__id { color: #e12b31; font-size: var(--mobile-font-sm); font-weight: 800; }
  .mobile-customer__summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mobile-space-2); }
  .mobile-customer__summary div { min-width: 0; padding: 8px 10px; border-radius: var(--mobile-radius); background: #f3f8f9; }
  .mobile-customer__summary dt { margin-bottom: 2px; color: #647b84; font-size: var(--mobile-font-xs); font-weight: 700; text-transform: uppercase; }
  .mobile-customer__summary dd { margin: 0; overflow-wrap: anywhere; color: #123945; font-size: var(--mobile-font-md); line-height: var(--mobile-line); }
  .mobile-customer__summary .mobile-customer__wide { grid-column: 1 / -1; }
  .mobile-customer__form { display: grid; gap: var(--mobile-space-3); }
  .mobile-customer__po-head { display: grid; gap: var(--mobile-space-2); }
  .mobile-customer__po-card { display: grid; gap: var(--mobile-space-2); }
  .mobile-customer__po-top { display: flex; align-items: start; justify-content: space-between; gap: var(--mobile-space-2); }
  .mobile-customer__po-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mobile-space-1) var(--mobile-space-3); color: #4b6872; font-size: var(--mobile-font-sm); }
  .mobile-customer__po-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mobile-space-2); }
  .mobile-customer__audit { margin: 0; color: #607881; font-size: var(--mobile-font-xs); }
}