@import url("../calculators-common.css");
@import url("../tables.css");

/* Summary Cards Container */
.summary-cards-container {
  display: grid;
  gap: 0.5rem;
}

/* Principal Card */
/* Principal Card */
.summary-principal {
  border-left: 4px solid #3b82f6 !important;
}
.summary-text-principal {
  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;
}

/* Helper Text */
.calc-input-help-text {
  margin-top: 0.25rem;
  font-size: 0.75rem; /* text-xs */
  color: var(--text-muted, #6b7280);
}

/* Button Group */
.calc-btn-group {
  display: flex;
  gap: 0.75rem; /* gap-3 */
}

/* 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 */
}

/* Tables */
.results-table-container {
  height: 30rem;
  overflow-x: auto;
}

.results-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem; /* text-sm */
}

.results-table tbody {
  border-top: 1px solid var(--table-border);
}

.results-table tbody tr {
  border-bottom: 1px solid var(--table-border);
}

.results-table-header {
  background-color: var(--table-header-bg);
  position: sticky;
  top: 0;
  z-index: 10;
  color: var(--table-header-text);
}

.results-table-row-even {
  background-color: var(--table-row-even);
}

.results-table-row-odd {
  background-color: var(--table-row-odd);
}

.table-cell {
  padding: 0.5rem 0.75rem;
}

.table-cell-left {
  text-align: left;
}

.table-cell-right {
  text-align: right;
}