/* Btns */

/* + Fish / Expense Button */
.add_fish_btn {
  background-color: #7ab4bb; /* Light blue */
  color: #ffffff;
  border-radius: 8px;
}

.add_expense_btn {
  background-color: hsla(0, 79%, 49%, 0.541); /* Light pink */
  color: #ffff;
  border-radius: 8px;
}

/* + Seller Button */
.add_seller_btn {
  background-color: var(--btn-green);
  border: none;
  color: var(--white-text);
  border-radius: 8px;
}

/* + Farmer Button */
.add_farmer_btn {
  background-color: var(--btn-red);
  border: none;
  color: var(--white-text);
  border-radius: 8px;
}

/* + Sell / Buy Button */
.add_sellBuy_btn {
  background-color: var(--btn-light-shade);
  border: none;
  color: var(--btn-darkgreen);
  border-radius: 8px;
}
.dashboard-top-btn {
  width: 160px; /* or your desired equal width */
  height: 60px; /* or your desired equal height */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px; /* space between image and text */
  font-size: 14px; /* optional for consistent text size */
}

.dashboard-top-btn img {
  width: 50px;
  height: 50px;
}

/* Section Two */

/* DASHBOARD ICONS  */

.dashboard-imgicons {
  width: 30px;
  height: 30px;
}

/* Canva Bar Chart */
.chart-container {
  width: 100%;
  max-width: 100%;
}

canvas {
  width: 100% !important;
  height: 600px;
}

/* Section Three */
.table thead {
  background-color: #f1f1f1;
}

/* Doughnut Chart */

#doughnutChart {
  max-width: 100%;
  height: auto;
}

#doughnutChart {
  max-width: 100%;
  height: auto;
}

.fish-img {
  overflow: hidden;
  border: 3px solid;
  width: 100px;
  height: 100px;
}