/* DataTableComponent styles */
.mm-data-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
  color: var(--text-primary);
}

.mm-data-table th {
  text-align: left;
  padding: 6px 12px;
  border-bottom: 2px solid var(--border);
  color: var(--text-bright);
  font-weight: 600;
}

.mm-data-table td {
  padding: 6px 12px;
  border-bottom: 1px solid var(--border-subtle);
}

.mm-data-table tbody tr:hover {
  background: var(--bg-surface);
}