.renunciation-layout {
  max-width: 920px;
}

.renunciation-panel {
  margin-bottom: 24px;
}

.renunciation-years {
  display: grid;
  gap: 4px;
  padding: 20px 18px 24px;
}

.renunciation-year-row {
  display: block;
  width: 100%;
  border-radius: 6px;
  padding: 14px 12px;
  background: transparent;
  transition: background 0.15s ease;
}

.renunciation-year-row + .renunciation-year-row {
  border-top: 1px dashed #b4c2c7;
}

.renunciation-year-row:hover {
  background: #f4f8f7;
}

.renunciation-year-label {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #1c2b31;
}

.renunciation-year-label .renunciation-badge {
  font-size: 12px;
  font-weight: 500;
  color: var(--muted);
  background: #e9f2ef;
  padding: 2px 7px;
  border-radius: 4px;
  margin-left: 8px;
}

.renunciation-year-label strong {
  font-size: 21px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #1d3938;
}

.renunciation-year-row .bar-track {
  height: 9px;
  background: #f0f4f5;
  border-radius: 4px;
  overflow: hidden;
}

.renunciation-year-row .bar-value {
  height: 100%;
  background: var(--green);
  border-radius: 4px;
  transition: width 0.3s ease;
}

.renunciation-year-row[data-partial="true"] .bar-value {
  opacity: 0.85;
}

.renunciation-table-wrap {
  border-top: 1px solid var(--line);
  overflow-x: auto;
}

.renunciation-table-wrap table {
  width: 100%;
}

.renunciation-table-wrap th:first-child {
  width: 60%;
}

.renunciation-table-wrap td:last-child {
  font-weight: 600;
  color: #1d3938;
}

.renunciation-footnote {
  margin: 0;
  padding: 14px 24px 18px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--muted);
}