@import url("../calculators-common.css");
@import url("../tables.css");
/* Summary Cards Container */
.summary-cards-container {
  display: grid;
  gap: 0.5rem;
  height: fit-content;
}

/* Investment Card */
.summary-investment {
  border-left: 4px solid #3b82f6 !important;
}
.summary-text-investment {
  color: #3b82f6 !important;
}

/* Returns Card */
.summary-returns {
  border-left: 4px solid #10b981 !important;
}
.summary-text-returns {
  color: #10b981 !important;
}

/* Maturity Card */
.summary-maturity {
  border-left: 4px solid #a855f7 !important;
}
.summary-text-maturity {
  color: #a855f7 !important;
}

/* Icons */
.summary-icon {
  font-size: 1.875rem; /* text-3xl */
  line-height: 2.25rem;
}

/* Charts */
.chart-container {
  width: 100%;
}

.chart-title {
  margin-bottom: 1rem; /* mb-4 */
  font-weight: 700; /* font-bold */
  display: block;
}

.chart-section {
  margin-bottom: 3rem; /* mb-12 */
}