/* Comercial · Thelsa — tabla de datos reutilizable. */
  .data-table { width: 100%; border-collapse: collapse; font-size: 13px; }
  .data-table thead th { text-align: left; padding: 9px 12px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ink-soft); background: var(--bg-subtle); border-bottom: 1px solid var(--line); white-space: nowrap; }
  .data-table tbody td { padding: 10px 12px; border-bottom: 1px solid var(--line-soft); vertical-align: middle; }
  .data-table tbody tr.clickable { cursor: pointer; }
  .data-table tbody tr.clickable:hover { background: var(--bg-subtle); }
  .data-table .num { font-family: 'Geist Mono', monospace; text-align: right; }
  .data-table .truncate { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .data-table input, .data-table select { padding: 5px 8px; font-size: 13px; }