/* Native administrator service dialog: keep labels beside values on phones. */
@media (max-width: 767px) {
  #cx-matchmaking .mm-admins-native .modal .table-responsive {overflow: visible;}
  #cx-matchmaking .mm-admins-native .modal table {display: block; width: 100%;}
  #cx-matchmaking .mm-admins-native .modal table thead {display: none !important;}
  #cx-matchmaking .mm-admins-native .modal table tbody {display: grid; gap: 12px;}
  #cx-matchmaking .mm-admins-native .modal table tbody tr {
    display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px 14px; margin: 0; padding: 18px; border-radius: 12px;
  }
  #cx-matchmaking .mm-admins-native .modal table tbody td {
    display: flex !important; flex-direction: column; align-items: flex-start;
    min-width: 0; width: auto !important; padding: 0 !important; border: 0 !important;
    line-height: 1.6; font-size: 12px; white-space: normal; overflow-wrap: anywhere;
  }
  #cx-matchmaking .mm-admins-native .modal table tbody td::before {
    display: block; margin: 0 0 4px; font-size: 10px; font-weight: 500; color: #ada2a7;
  }
  #cx-matchmaking .mm-admins-native .modal table tbody td:nth-child(1)::before {content: '#';}
  #cx-matchmaking .mm-admins-native .modal table tbody td:nth-child(2)::before {content: 'Услуга';}
  #cx-matchmaking .mm-admins-native .modal table tbody td:nth-child(3)::before {content: 'Дата покупки';}
  #cx-matchmaking .mm-admins-native .modal table tbody td:nth-child(4)::before {content: 'Дата окончания';}
  #cx-matchmaking .mm-admins-native .modal table tbody td:nth-child(5)::before {content: 'Осталось';}
  #cx-matchmaking .mm-admins-native .modal table tbody td[colspan] {grid-column: 1 / -1;}
  #cx-matchmaking .mm-admins-native .modal table tbody td[colspan]::before {content: none;}
}