.roz-mobile-only { display: none; }
@media screen and (max-width: 600px) {
  table[data-mobile-primary].roz-table-cards { display: block; min-width: 0; width: 100%; margin-top: 12px; }
  [data-mobile-primary].roz-table-cards thead, [data-mobile-primary].roz-table-cards thead tr { display: block; }
  [data-mobile-primary].roz-table-cards thead th {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap;
  }
  [data-mobile-primary].roz-table-cards thead [data-mobile-selection] {
    position: static; width: auto; height: auto; margin: 0; padding: 8px 12px;
    overflow: visible; clip-path: none; border: 0;
  }
  [data-mobile-primary].roz-table-cards .debt-select-all { display: flex; gap: 10px; align-items: center; }
  [data-mobile-primary].roz-table-cards tbody { display: grid; gap: 12px; }
  [data-mobile-primary].roz-table-cards tbody tr {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0;
    padding: 10px 12px; border: 1px solid var(--line); border-radius: 14px;
    background: var(--card); min-width: 0;
  }
  [data-mobile-primary].roz-table-cards tbody td {
    display: block; min-width: 0; padding: 8px 4px; border: 0;
    white-space: normal; overflow-wrap: anywhere; font-size: 14px;
  }
  [data-mobile-primary].roz-table-cards tbody td::before {
    content: attr(data-mobile-label); display: block; color: var(--muted);
    font-size: 12px; line-height: 1.6; margin-bottom: 4px; font-weight: 400;
  }
  [data-mobile-primary].roz-table-cards tbody td[data-mobile-title],
  [data-mobile-primary].roz-table-cards tbody td[data-mobile-detail],
  [data-mobile-primary].roz-table-cards tbody td.roz-row-details { grid-column: 1 / -1; }
  [data-mobile-primary].roz-table-cards tbody td[data-mobile-detail] { border-top: 1px solid var(--line); }
  [data-mobile-primary].roz-table-cards tbody tr:not([data-mobile-expanded=true]) td[data-mobile-detail] { display: none; }
  [data-mobile-primary].roz-table-cards tbody td[hidden] { display: none !important; }
  [data-mobile-primary].roz-table-cards .roz-mobile-only { display: block; }
  [data-mobile-primary].roz-table-cards .roz-row-toggle {
    width: 100%; min-height: 44px; font-size: 13px; border: 1px solid var(--line);
    background: var(--bg); color: var(--ink);
  }
  [data-mobile-primary].roz-table-cards .roz-row-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
  [data-mobile-primary].roz-table-cards .sub-row-trigger { white-space: normal; text-align: start; min-height: 44px; }
  [data-mobile-primary].roz-table-cards .debt-select-cell { padding: 0 4px; }
  [data-mobile-primary].roz-table-cards input[type=checkbox] { width: 24px; height: 24px; margin: 8px; }
}