/* stylelint-disable -- Migrated parity CSS: keep cascade, selector order, and declarations visually identical. */
  /* stack table rows into cards on small screens (label on top of each value) */
  @media (max-width:640px) {
    .rt thead { display:none; }
    .rt, .rt tbody, .rt tr, .rt td { display:block; width:100%; }
    .table-card { border:none; background:transparent; overflow:visible; }
    .rt tbody tr { border:1px solid var(--hairline); border-radius:var(--r-md); background:var(--surface); margin-bottom:var(--s-3); padding:4px 2px; box-shadow:var(--shadow-card); }
    .rt tbody tr:hover { background:var(--surface); }
    .rt tbody td { padding:9px 16px; border-bottom:1px dashed var(--hairline); text-align:left; }
    .rt tbody tr td:last-child { border-bottom:none; }
    .rt tbody td::before { content:attr(data-label); display:block; margin-bottom:4px; font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:var(--text-faint); font-weight:600; }
    .rt td.num, .rt th.num { text-align:left; }
    .rt .row-actions { justify-content:flex-start; flex-wrap:wrap; }
  }
