/* Screen-only cards: printed reports retain their column layout. */
@media screen and (width < 700px) {
  html body .mobile-cards { display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; border:0!important; }
  html body .mobile-cards thead { display:block!important; position:absolute!important; width:1px!important; height:1px!important; padding:0!important; overflow:hidden!important; clip-path:inset(50%); }
  html body .mobile-cards tbody, html body .mobile-cards tfoot { display:grid!important; gap:12px; width:100%; }
  html body .mobile-cards tbody>tr, html body .mobile-cards tfoot>tr { display:block!important; position:static!important; width:100%!important; padding:8px 12px!important; border:1px solid var(--border,#d7d7d7)!important; border-radius:10px; background:var(--surface,#fff)!important; }
  html body .mobile-cards tbody>tr>*, html body .mobile-cards tfoot>tr>* { display:block!important; position:static!important; width:100%!important; min-width:0!important; max-width:100%!important; padding:10px 0!important; border:0!important; border-bottom:.5px solid var(--border,#ddd)!important; white-space:normal!important; overflow-wrap:anywhere; text-align:start; }
  html body .mobile-cards tr>:last-child { border-bottom:0!important; }
  html body .mobile-cards [data-card-label]::before { content:attr(data-card-label); display:block; margin:0 0 5px; font-size:11px; font-weight:500; color:var(--text-muted,#505050); direction:rtl; text-align:right; }
  html[dir=ltr] body .mobile-cards [data-card-label]::before { direction:ltr; text-align:left; }
  html body .mobile-cards [data-card-label=""]::before { display:none; }
  html body .mobile-cards input:not([type=checkbox]), html body .mobile-cards select, html body .mobile-cards textarea { width:100%!important; min-width:0!important; max-width:100%!important; box-sizing:border-box; }
  html body .mobile-cards button, html body .mobile-cards a { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
  html body .mobile-cards .row-index { position:static; }
  html body .print-report .mobile-cards tr, html body .archive-print-sheet .mobile-cards tr { background:#fff!important; border-color:#d7d7d7!important; }
  html body .print-report .mobile-cards td, html body .archive-print-sheet .mobile-cards td { background:#fff!important; color:#292929!important; }
  html body .print-report .mobile-cards td::before, html body .archive-print-sheet .mobile-cards td::before { color:#505050!important; }
  html body .print-report .mobile-cards td.num { direction:ltr; text-align:left; font-variant-numeric:tabular-nums; }
  html body .table-wrap, html body .archive-records-wrap, html body .import-table-wrap, html body .report-table-wrap { min-width:0; max-width:100%; }
  html body .print-preview-shell .archive-print-sheet { min-width:0!important; width:100%!important; padding:16px; box-sizing:border-box; }
  html body .print-preview-shell .print-report-header, html body .print-preview-shell .print-report-summary { grid-template-columns:minmax(0,1fr); }
  html body .print-preview-shell .print-report-header>* { min-width:0; overflow-wrap:anywhere; }
}