@media (max-width: 767px) {
  .mobile-beneficiary__card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--mobile-space-1) var(--mobile-space-2); align-items: start; }
  .mobile-beneficiary__card strong { grid-column: 1 / -1; }
  .mobile-beneficiary__identity { grid-column: 1; grid-row: 2; color: #315866; font-size: var(--mobile-font-sm); font-weight: 700; }
  .mobile-beneficiary__company { grid-column: 1; grid-row: 3; min-width: 0; overflow-wrap: anywhere; color: #315866; font-size: var(--mobile-font-sm); }
  .mobile-beneficiary__mobile { grid-column: 2; grid-row: 3; overflow-wrap: anywhere; color: #315866; font-size: var(--mobile-font-sm); text-align: right; }
  .mobile-beneficiary__status { grid-column: 2; grid-row: 2; align-self: center; padding: 2px 8px; border-radius: 999px; background: #e7f3f5; color: #07516b; font-size: var(--mobile-font-xs); font-weight: 800; }

  /* Detail header */
  .mobile-beneficiary__detail-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--mobile-space-2); }
  .mobile-beneficiary__page-title { margin: 0; color: #073d52; font-size: var(--mobile-font-xl); line-height: var(--mobile-line-tight); }
  .mobile-app .mobile-beneficiary__back-icon:not([hidden]) { width: 36px; min-width: 36px; padding: 0 !important; font-size: 20px; line-height: 1; }
  .mobile-beneficiary__identity-card { display: grid; gap: var(--mobile-space-1); }
  .mobile-beneficiary__prn { color: #e12b31; font-size: var(--mobile-font-sm); font-weight: 800; }
  .mobile-beneficiary__identity-card .mobile-beneficiary__status { justify-self: start; }

  /* Grouped sections */
  .mobile-beneficiary__section { display: grid; gap: var(--mobile-space-2); }
  .mobile-beneficiary__section h2 { margin: 0; color: #073d52; font-size: var(--mobile-font-lg); line-height: var(--mobile-line-tight); }
  .mobile-beneficiary__section-head { display: flex; align-items: center; justify-content: space-between; gap: var(--mobile-space-2); }
  .mobile-app .mobile-beneficiary__identity-edit:not([hidden]) { min-height: 34px !important; height: 34px; padding: 0 12px; }
  .mobile-beneficiary__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mobile-space-2); }
  .mobile-beneficiary__grid > div { min-width: 0; padding: 8px 10px; border-radius: var(--mobile-radius); background: #f3f8f9; }
  .mobile-beneficiary__grid dt { margin-bottom: 3px; color: #58717b; font-size: var(--mobile-font-xs); font-weight: 700; line-height: var(--mobile-line-tight); text-transform: none; letter-spacing: 0; }
  .mobile-beneficiary__grid dd { margin: 0; overflow-wrap: anywhere; color: #123945; font-size: var(--mobile-font-md); font-weight: 500; line-height: var(--mobile-line); }

  /* Delivery / status history cards */
  .mobile-beneficiary__delivery { display: grid; gap: var(--mobile-space-1); }
  .mobile-beneficiary__delivery-top { display: flex; align-items: center; justify-content: space-between; gap: var(--mobile-space-2); }
  .mobile-beneficiary__delivery-top strong { color: #073d52; font-size: var(--mobile-font-base); }
  .mobile-beneficiary__delivery-top .mobile-beneficiary__status { position: static; }
  .mobile-beneficiary__delivery-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-beneficiary__delivery-meta span { overflow-wrap: anywhere; }

  /* Edit form */
  .mobile-beneficiary__form { display: grid; gap: var(--mobile-space-3); }

  /* Workshop location action: keep it aligned with the full-width location field. */
  .mobile-beneficiary-workshop__location { display: grid; gap: var(--mobile-space-2); }
  .mobile-app .mobile-beneficiary-workshop__location [data-mobile-workshop-location-save]:not([hidden]) {
    width: 100%;
    justify-self: stretch;
    min-height: var(--mobile-button-height-primary) !important;
  }
}