/* Only tables rendered by app.table(); the permission matrix keeps its own scrolling rules. */
.erp-data-table { scrollbar-gutter: stable; }
.erp-data-table > table { font-size: 13px; }
.erp-data-table > table > thead > tr > th { color: #53665b; font-size: 12px; font-weight: 600; background: #f1f5f1; padding: 13px 16px; border-bottom: 1px solid #cedbcf; }
.erp-data-table > table > tbody > tr > td { padding: 14px 16px; line-height: 1.55; border-bottom: 1px solid #e0e8df; }
.erp-data-table > table > tbody > tr:nth-child(even) { background: #f8faf7; }
.erp-data-table > table > tbody > tr:hover { background: #edf4ec; }
.erp-data-table > table .num { font-variant-numeric: tabular-nums; }
.erp-data-table .cell-sub { color: #687d6b; font-size: 11px; line-height: 1.5; }
.erp-data-table > table > tfoot > tr > th,
.erp-data-table > table > tfoot > tr > td { padding: 14px 16px; color: #294f3a; background: #eaf2e7; border-top: 2px solid #bed0b9; border-bottom: 0; font-size: 12px; font-weight: 650; line-height: 1.65; white-space: pre-line; min-width: 85px; }
.erp-data-table > table > tfoot > tr > th { text-align: left; min-width: 180px; }
.document-totals { display: flex; align-items: baseline; gap: 12px 24px; flex-wrap: wrap; padding: 15px 21px; background: #eaf2e7; border-top: 2px solid #bed0b9; color: #466044; font-size: 12px; }
.document-totals > strong { color: #294f3a; }
.document-totals span strong { color: #294f3a; margin-left: 8px; font-variant-numeric: tabular-nums; }
.document-totals small { width: 100%; color: #73816b; }
.table-total-note { margin: 0; padding: 12px 20px; border-top: 1px solid #dfe8da; color: #687b61; background: #f8faf6; font-size: 12px; line-height: 1.6; }
/* Long page tables scroll independently with their labels visible. Dialog forms retain their own scrolling. */
.content .erp-data-table { max-height: 68vh; overflow: auto; }
.content .erp-data-table > table > thead > tr > th { position: sticky; top: 0; z-index: 2; box-shadow: 0 1px #d3dfcf; }
@media (max-width: 700px) {
  .erp-data-table > table > thead > tr > th,
  .erp-data-table > table > tbody > tr > td { padding: 11px 12px; }
  .erp-data-table > table > tfoot > tr > th,
  .erp-data-table > table > tfoot > tr > td { padding: 12px; }
  .document-totals { padding: 14px; gap: 10px 18px; }
}
@media print {
  .content .erp-data-table { max-height: none; overflow: visible; }
  .content .erp-data-table > table > thead > tr > th { position: static; }
}