@media (max-width: 768px) {
  .container { padding: 0 14px; }
  .hide-mobile { display: none !important; }
  table.data-table.responsive-cards thead { display: none; }
  table.data-table.responsive-cards, table.data-table.responsive-cards tbody, table.data-table.responsive-cards tr, table.data-table.responsive-cards td {
    display: block; width: 100%;
  }
  table.data-table.responsive-cards tr {
    border: 1px solid var(--border); border-radius: var(--radius-md); margin-bottom: 12px; padding: 8px 12px;
  }
  table.data-table.responsive-cards td {
    border: none; padding: 6px 0; display: flex; justify-content: space-between; gap: 12px;
  }
  table.data-table.responsive-cards td::before {
    content: attr(data-label); font-weight: 600; color: var(--muted); font-size: 0.78rem;
  }
}

@media (min-width: 769px) {
  .hide-desktop { display: none !important; }
}