/* comparison-calc specific styles (externalized) */
.table-container {
  max-height: 450px;
  overflow-y: auto;
}

/* Selected row highlights (left/right views) */
.selected-row {
  background-color: #bfdbfe; /* blue-200 */
  font-weight: 600;
}
#user-view-2 .selected-row {
  background-color: #d8b4fe; /* purple-300 */
}

/* Dark theme selected row variants */
html.dark .selected-row { background-color: rgba(59,130,246,0.40); }        /* blue-500 @ 40% */
html.dark #user-view-2 .selected-row { background-color: rgba(168,85,247,0.40); } /* purple-500 @ 40% */

/* Keep a clear hover effect for NON-selected rows */
.table-container tbody tr:not(.selected-row):hover { background-color: #f3f4f6; } /* gray-100 */
html.dark .table-container tbody tr:not(.selected-row):hover { background-color: rgba(255,255,255,0.06); }