/* Table component styles */

table {
  width: 100%;
  border-collapse: collapse;
  margin-top: var(--spacing-md);
}

th, td {
  text-align: left;
  padding: 8px;
  border-bottom: 1px solid var(--border-color);
}

th {
  background-color: var(--medium-gray);
}

tr:nth-child(even) {
  background-color: #f9f9f9;
}

/* Profit/Loss styling */
.profit { 
  color: green; 
}

.loss { 
  color: red; 
}