/* Custom CSS to match PrimeVue Lara Light Green style */

/* Ensure font family is consistent */
body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Rounded corners for inputs and buttons to match PrimeVue */
.MuiInputBase-root, .MuiButton-root {
  border-radius: 6px !important;
}

/* Adjust button shadow to be subtle */
.MuiButton-contained {
  box-shadow: none !important;
}

.MuiButton-contained:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

/* Green accent for active elements if not covered by theme.json */
.Mui-selected {
  background-color: rgba(16, 185, 129, 0.08) !important; /* Emerald 500 with opacity */
  color: #10b981 !important;
}

/* Scrollbar styling for a cleaner look */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}