/* App.css */
.dashboard-container {
  padding: 2rem;
  font-family: sans-serif;
  background-color: #0f1115;
  color: #e2e8f0;
  height: 100vh;
}

.table-viewport {
  height: 600px; /* Fixed height for virtualization */
  overflow: auto;
  border: 1px solid #2d3748;
  border-radius: 8px;
  background-color: #1a202c;
}

.table-content {
  position: relative;
  width: 100%;
}

/* The container for the absolute positioning */
.row {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 1rem;
  box-sizing: border-box;
  border-bottom: 1px solid #2d3748;
}

/* The actual grid that forces alignment */
.row-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  height: 100%;
}

.price-cell {
  text-align: right;
  font-family: 'Courier New', Courier, monospace;
}

/* Ensure the price text is right-aligned to match professional dashboards */
.row .price {
  text-align: right;
  font-family: monospace; /* Monospace keeps numbers stable */
}

.row:hover {
  background-color: #2d3748;
}