/* static/css/components/investment-detail.css */
/* static/css/components/investment-detail.css */
/* Investment Detail Component */
.investment-detail {
  background: var(--bg-primary);
  min-height: 100vh;
}

/* Upper Section: Two Columns */
.investment-detail__upper {
  padding: clamp(2rem, 5vw, 4rem) 0;
  border-bottom: 1px solid var(--border-primary);
}

.investment-detail__upper-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1rem, 2vw, 2rem);
  align-items: start;
}

@media (min-width: 768px) {
  .investment-detail__upper-grid {
    grid-template-columns: 1fr 1fr;
    gap: clamp(1rem, 2vw, 2rem);
  }
}

@media (min-width: 1024px) {
  .investment-detail__upper-grid {
    grid-template-columns: 534px 1fr;
    gap: 1rem;
  }
}

/* Carousel Section */
.investment-detail__carousel-section {
  order: 2;
}

@media (min-width: 768px) {
  .investment-detail__carousel-section {
    order: 1;
  }
}

/* Calculator Section */
.investment-detail__calculator-section {
  order: 1;
}

@media (min-width: 768px) {
  .investment-detail__calculator-section {
    order: 2;
  }
}

/* Content Section */
.investment-detail__content {
  padding: clamp(2rem, 4vw, 3rem) 0;
}

/* Tabs */
.investment-detail__tabs {
  display: flex;
  width: 100%;
  max-width: 1120px;
  margin: 0px;
  padding: 0 1rem;
  gap: clamp(0.5rem, 2vw, 2rem);
  border-bottom: 1px solid #E5E8EB;
  position: sticky;
  top: 0;
  background: var(--bg-primary);
  z-index: 10;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.investment-detail__tabs::-webkit-scrollbar {
  display: none;
}

.investment-detail__tab {
  display: flex;
  padding: 1rem 0 0.8rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  color: #E3E1EB;
  font-family: Poppins, sans-serif;
  font-size: clamp(0.875rem, 2vw, 1.25rem);
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  position: relative;
  min-width: max-content;
}

.investment-detail__tab--active {
  color: #EB1260;
  border-bottom: 3px solid #EB1260;
}

.investment-detail__tab:hover {
  color: #EB1260;
}

/* Tab Content */
.investment-detail__tab-content {
  margin-top: clamp(2rem, 4vw, 3rem);
}

.investment-detail__tab-panel {
  display: none;
}

.investment-detail__tab-panel--active {
  display: block;
}

.investment-detail__two-column {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 1200px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .investment-detail__two-column {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
}
/* Content Section */
.investment-detail__content {
  padding: clamp(2rem, 4vw, 3rem) 0;
}

/* Tabs */
.investment-detail__tabs {
  display: flex;
  width: 100%;
  max-width: 1120px;
  margin: 0px;
  padding: 0 1rem;
  gap: clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid #E5E8EB;
  position: sticky;
  top: 0;
  background: var(--bg-primary);
  z-index: 10;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.investment-detail__tabs::-webkit-scrollbar {
  display: none;
}

.investment-detail__tab {
  display: flex;
  padding: 1rem 0 0.8rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  color: #E3E1EB;
  font-family: Poppins, sans-serif;
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  position: relative;
}

.investment-detail__tab--active {
  color: #EB1260;
  border-bottom: 3px solid #EB1260;
}

.investment-detail__tab:hover {
  color: #EB1260;
}

/* Tab Content */
.investment-detail__tab-content {
  margin-top: clamp(2rem, 4vw, 3rem);
}

.investment-detail__tab-panel {
  display: none;
}

.investment-detail__tab-panel--active {
  display: block;
}

.investment-detail__two-column {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 1200px;
  margin: 0 auto;
}

/* Responsive Grid */
@media (min-width: 768px) {
  .investment-detail__hero-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .investment-detail__hero-cards {
    grid-template-columns: repeat(4, 1fr);
  }
  
  .investment-detail__two-column {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
  
  .investment-detail__tabs {
    overflow-x: visible;
  }
}

/* Component Styles */

/* Investment Overview */
.investment-overview__section {
  margin-bottom: clamp(2rem, 4vw, 2.5rem);
}

.investment-overview__title {
  color: #EB1260;
  font-family: Inter, sans-serif;
  font-size: clamp(1.125rem, 2.5vw, 1.25rem);
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1.125rem;
}

.investment-overview__description {
  color: #E3E1EB;
  font-family: Poppins, sans-serif;
  font-size: clamp(0.875rem, 2vw, 1rem);
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 0;
}

.investment-overview__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.investment-overview__list-item {
  color: #E3E1EB;
  font-family: Poppins, sans-serif;
  font-size: clamp(0.875rem, 2vw, 1rem);
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 0.5rem;
  position: relative;
  padding-left: 1rem;
}

.investment-overview__list-item::before {
  content: "•";
  color: #EB1260;
  position: absolute;
  left: 0;
  font-weight: bold;
}

.investment-overview__list-item strong {
  color: #E3E1EB;
  font-weight: 700;
}

/* Funding Card */
.funding-card {
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 16px;
  border: 1px solid #EB1260;
  background: #44094F;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -2px rgba(0, 0, 0, 0.10);
}

.funding-card__title {
  color: #FFF;
  font-family: Poppins, sans-serif;
  font-size: clamp(1.125rem, 2.5vw, 1.25rem);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

.funding-card__pledged {
  display: flex;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 3px;
  border-radius: 16px;
  border: 1px solid #F3F4F6;
  background: #F9FAFB;
  margin-bottom: 1rem;
}

.funding-card__amount {
  color: #2E0013;
  font-family: Poppins, sans-serif;
  font-size: clamp(1.125rem, 2.5vw, 1.25rem);
  font-weight: 600;
  line-height: 1.2;
}

.funding-card__label {
  color: #6B7280;
  font-family: Poppins, sans-serif;
  font-size: clamp(0.875rem, 2vw, 1rem);
  font-weight: 500;
  line-height: 1.5;
}

.funding-card__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.funding-card__stat {
  display: inline-flex;
  padding: 13px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  border-radius: 16px;
  border: 1px solid #F3F4F6;
  background: #F9FAFB;
}

.funding-card__stat-value {
  color: #2E0013;
  font-family: Poppins, sans-serif;
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 600;
  line-height: 1.2;
}

.funding-card__stat-label {
  color: #6B7280;
  font-family: Poppins, sans-serif;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  font-weight: 500;
  line-height: 1.5;
}

.funding-card__progress-section {
  margin-bottom: 1rem;
}

.funding-card__progress-label {
  color: #EB1260;
  font-family: Inter, sans-serif;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

.funding-card__progress-bar {
  height: 12px;
  border-radius: 9999px;
  background: #E5E7EB;
  overflow: hidden;
  margin-bottom: 0.25rem;
}

.funding-card__progress-fill {
  height: 100%;
  border-radius: 9999px;
  background: #E90076;
  transition: width 1s ease-in-out;
}

.funding-card__progress-text {
  color: #E3E1EB;
  font-family: Poppins, sans-serif;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  font-weight: 500;
  text-align: right;
}

.funding-card__end-date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #E3E1EB;
  font-family: Poppins, sans-serif;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 1rem;
}

.funding-card__calendar-icon {
  flex-shrink: 0;
}

.funding-card__minimum {
  display: inline-flex;
  padding: 10px;
  align-items: center;
  border-radius: 16px;
  border: 1px solid #F3F4F6;
  background: #F9FAFB;
  margin-bottom: 1rem;
  color: #2E0013;
  font-family: Poppins, sans-serif;
  font-size: clamp(0.875rem, 2vw, 1rem);
  font-weight: 500;
  line-height: 1.5;
  width: 100%;
}

.funding-card__minimum-amount {
  color: #E90076;
  font-weight: 500;
}

.funding-card__actions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.btn--calculator {
  display: flex;
  height: 40px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  border-radius: 14px;
  border: 1px solid #E90076;
  background: #F4A4B9;
  color: #E90076;
  font-family: Poppins, sans-serif;
  font-size: clamp(0.875rem, 2vw, 1rem);
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
  transition: all var(--transition-base);
}

.btn--calculator:hover {
  background: #E90076;
  color: #FFF;
}

.funding-card__security {
  color: #E3E1EB;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.funding-card__provider {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.funding-card__avatar {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  background: #E5E7EB;
  color: #2E0013;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.funding-card__provider-name {
  color: #EB1260;
  font-family: Inter, sans-serif;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  font-weight: 600;
  line-height: 1.4;
}

.funding-card__provider-type {
  color: #E3E1EB;
  font-family: Inter, sans-serif;
  font-size: clamp(0.625rem, 1.25vw, 0.75rem);
  font-weight: 400;
  line-height: 1.3;
}

/* Technical Specs */
.technical-specs__section {
  margin-bottom: clamp(2rem, 4vw, 2.5rem);
}

.technical-specs__title {
  color: #EB1260;
  font-family: Inter, sans-serif;
  font-size: clamp(1.125rem, 2.5vw, 1.25rem);
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1.125rem;
}

.technical-specs__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.technical-specs__item {
  color: #E3E1EB;
  font-family: Poppins, sans-serif;
  font-size: clamp(0.875rem, 2vw, 1rem);
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 0.5rem;
  position: relative;
  padding-left: 1rem;
}

.technical-specs__item::before {
  content: "•";
  color: #EB1260;
  position: absolute;
  left: 0;
  font-weight: bold;
}

.technical-specs__item strong {
  color: #E3E1EB;
  font-weight: 700;
}

/* ROI Visualization */
.roi-visualization {
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 16px;
  border: 1px solid #EB1260;
  background: #44094F;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -2px rgba(0, 0, 0, 0.10);
  margin-bottom: 2rem;
}

.roi-visualization__title {
  color: #FFF;
  font-family: Poppins, sans-serif;
  font-size: clamp(1.125rem, 2.5vw, 1.25rem);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.75rem;
}

.roi-visualization__description {
  color: #E3E1EB;
  font-family: Poppins, sans-serif;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

.roi-visualization__stats {
  margin-bottom: 1.5rem;
}

.roi-visualization__label {
  color: #E3E1EB;
  font-family: Manrope, sans-serif;
  font-size: clamp(0.5rem, 1.25vw, 0.625rem);
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

.roi-visualization__amount {
  color: #E3E1EB;
  font-family: Manrope, sans-serif;
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 0.25rem;
}

.roi-visualization__timeline {
  color: #E90076;
  font-family: Manrope, sans-serif;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  font-weight: 500;
  line-height: 1.4;
}

/* ROI Chart */
.roi-chart {
  width: 100%;
  height: 150px;
}

.roi-chart__svg {
  width: 100%;
  height: 100%;
}

.roi-chart__line {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: drawLine 2s ease-in-out forwards;
}

.roi-chart__area {
  opacity: 0;
  animation: fadeInArea 1s ease-in-out 1s forwards;
}

.roi-chart__label {
  fill: #E3E1EB;
  font-family: Poppins, sans-serif;
  font-size: 10px;
  font-weight: 400;
}

@keyframes drawLine {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fadeInArea {
  to {
    opacity: 1;
  }
}

/* Risk Assessment */
.risk-assessment {
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 16px;
  border: 1px solid #EB1260;
  background: #44094F;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -2px rgba(0, 0, 0, 0.10);
}

.risk-assessment__title {
  color: #FFF;
  font-family: Poppins, sans-serif;
  font-size: clamp(1.125rem, 2.5vw, 1.25rem);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

.risk-assessment__risks {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.risk-assessment__risk {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.risk-assessment__risk-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.risk-assessment__risk-name {
  color: #EB1260;
  font-family: Inter, sans-serif;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  font-weight: 500;
  line-height: 1.4;
}

.risk-assessment__risk-rating {
  color: #E3E1EB;
  font-family: Inter, sans-serif;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  font-weight: 400;
  line-height: 1.4;
}

.risk-assessment__risk-bar {
  height: 12px;
  border-radius: 9999px;
  background: #E5E7EB;
  overflow: hidden;
}

.risk-assessment__risk-fill {
  height: 100%;
  border-radius: 9999px;
  transition: width 1s ease-in-out;
}

.risk-assessment__risk-fill--low {
  background: #088738;
}

.risk-assessment__risk-fill--medium {
  background: #E90076;
}

/* Exit Strategy */
.exit-strategy__section {
  margin-bottom: clamp(2rem, 4vw, 2.5rem);
}

.exit-strategy__title {
  color: #EB1260;
  font-family: Inter, sans-serif;
  font-size: clamp(1.125rem, 2.5vw, 1.25rem);
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1.125rem;
}

.exit-strategy__list,
.exit-strategy__timeline {
  list-style: none;
  padding: 0;
  margin: 0;
}

.exit-strategy__item,
.exit-strategy__timeline-item {
  color: #E3E1EB;
  font-family: Poppins, sans-serif;
  font-size: clamp(0.875rem, 2vw, 1rem);
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 0.5rem;
  position: relative;
  padding-left: 1rem;
}

.exit-strategy__item::before,
.exit-strategy__timeline-item::before {
  content: "•";
  color: #EB1260;
  position: absolute;
  left: 0;
  font-weight: bold;
}

.exit-strategy__item strong,
.exit-strategy__timeline-item strong {
  color: #E3E1EB;
  font-weight: 700;
}

/* Allocation Charts */
.allocation-charts {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.allocation-chart {
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 16px;
  border: 1px solid #EB1260;
  background: #44094F;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -2px rgba(0, 0, 0, 0.10);
}

.allocation-chart__title {
  color: #FFF;
  font-family: Poppins, sans-serif;
  font-size: clamp(1.125rem, 2.5vw, 1.25rem);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

/* Pie Chart */
.pie-chart {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

.pie-chart__svg {
  width: 200px;
  height: 200px;
}

.pie-chart__legend {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}

.pie-chart__legend-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.pie-chart__legend-color {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  flex-shrink: 0;
}

.pie-chart__legend-label {
  color: #E3E1EB;
  font-family: Poppins, sans-serif;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  font-weight: 400;
  line-height: 1.4;
  flex: 1;
}

.pie-chart__legend-percentage {
  color: #E3E1EB;
  font-family: Poppins, sans-serif;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  font-weight: 600;
  line-height: 1.4;
}

/* Revenue Bars */
.revenue-bars {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.revenue-bar {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.revenue-bar__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.revenue-bar__name {
  color: #EB1260;
  font-family: Inter, sans-serif;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  font-weight: 500;
  line-height: 1.4;
}

.revenue-bar__percentage {
  color: #E3E1EB;
  font-family: Inter, sans-serif;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  font-weight: 400;
  line-height: 1.4;
}

.revenue-bar__progress {
  height: 12px;
  border-radius: 9999px;
  background: #E5E7EB;
  overflow: hidden;
}

.revenue-bar__fill {
  height: 100%;
  border-radius: 9999px;
  transition: width 1s ease-in-out;
}

/* Technical Specifications */
.technical-specs__categories {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  .technical-specs__categories {
      grid-template-columns: 1fr;
      gap: 1.5rem;
  }
}

.technical-specs__category h4 {
  color: var(--text-primary);
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.technical-specs__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.technical-specs__item {
  color: var(--text-secondary);
  font-family: Poppins, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0.5rem;
  position: relative;
  padding-left: 1rem;
}

.technical-specs__item::before {
  content: "•";
  color: #EB1260;
  position: absolute;
  left: 0;
  font-weight: bold;
}

/* Financial Projections Table */
.financial-projections {
  margin-top: 2rem;
}

.projections-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
  background: var(--bg-primary);
  border-radius: 8px;
  overflow: hidden;
}

.projections-table th,
.projections-table td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid var(--border-primary);
}

.projections-table th {
  background: #F9FAFB;
  color: #6B7280;
  font-family: Poppins, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.projections-table td {
  color: var(--text-primary);
  font-family: Poppins, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
}

/* Risk Assessment */
.risk-item {
  margin-bottom: 1.5rem;
}

.risk-item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.risk-item__header span:first-child {
  color: #EB1260;
  font-family: Poppins, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
}

.risk-level {
  color: var(--text-secondary);
  font-family: Poppins, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
}

.risk-bar {
  height: 8px;
  background: #E5E7EB;
  border-radius: 4px;
  overflow: hidden;
}

.risk-bar__fill {
  height: 100%;
  border-radius: 4px;
  transition: width 1s ease-in-out;
}

.risk-bar__fill--low {
  background: #10B981;
  width: 30%;
}

.risk-bar__fill--medium {
  background: #F59E0B;
  width: 60%;
}

.risk-bar__fill--high {
  background: #EF4444;
  width: 90%;
}

/* Investment Benefits */
.benefits-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.benefits-list__item {
  color: var(--text-secondary);
  font-family: Poppins, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0.5rem;
  position: relative;
  padding-left: 1rem;
}

.benefits-list__item::before {
  content: "•";
  color: #EB1260;
  position: absolute;
  left: 0;
  font-weight: bold;
}

/* Funding Breakdown */
.breakdown-item {
  margin-bottom: 1.5rem;
}

.breakdown-item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.breakdown-item__header span:first-child {
  color: var(--text-primary);
  font-family: Poppins, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
}

.breakdown-percentage {
  color: var(--text-secondary);
  font-family: Poppins, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}

.breakdown-bar {
  height: 8px;
  background: #E5E7EB;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 0.5rem;
}

.breakdown-bar__fill {
  height: 100%;
  background: #EB1260;
  border-radius: 4px;
  transition: width 1s ease-in-out;
}

.breakdown-description {
  color: var(--text-muted);
  font-family: Poppins, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}

/* Timeline */
.timeline-item {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
  align-items: flex-start;
}

.timeline-number {
  display: flex;
  width: 24px;
  height: 24px;
  background: #EB1260;
  color: white;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-family: Poppins, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  flex-shrink: 0;
}

.timeline-content h5 {
  color: var(--text-primary);
  font-family: Poppins, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0 0 0.25rem 0;
}

.timeline-content p {
  color: var(--text-secondary);
  font-family: Poppins, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 0.25rem 0;
}

.timeline-duration {
  color: var(--text-muted);
  font-family: Poppins, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  font-style: italic;
}

/* Revenue Distribution */
.revenue-item {
  margin-bottom: 1rem;
}

.revenue-item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.revenue-item__header span:first-child {
  color: var(--text-primary);
  font-family: Poppins, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
}

.revenue-percentage {
  color: var(--text-secondary);
  font-family: Poppins, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}

.revenue-bar {
  height: 8px;
  background: #E5E7EB;
  border-radius: 4px;
  overflow: hidden;
}

.revenue-bar__fill {
  height: 100%;
  background: #EB1260;
  border-radius: 4px;
  transition: width 1s ease-in-out;
}

.revenue-note {
  color: var(--text-muted);
  font-family: Poppins, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 1rem;
  font-style: italic;
}

/* Exit Strategy */
.exit-strategy {
  margin-top: 2rem;
}

.exit-strategy__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.exit-strategy__item {
  color: var(--text-secondary);
  font-family: Poppins, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0.5rem;
  position: relative;
  padding-left: 1rem;
}

.exit-strategy__item::before {
  content: "•";
  color: #EB1260;
  position: absolute;
  left: 0;
  font-weight: bold;
}

/* Documentation */
.documentation {
  margin-top: 2rem;
}

.documentation__links {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.investment-detail__left {
  overflow-x: hidden;
}

.documentation__link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #EB1260;
  font-family: Poppins, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition: color var(--transition-base);
}

.documentation__link:hover {
  color: #C10B56;
}

.documentation__icon {
  font-size: 1rem;
}

/* Investment Benefits Card */
.investment-benefits-card {
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 16px;
  border: 1px solid var(--border-primary);
  background: var(--bg-secondary);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.investment-benefits-card__title {
  color: var(--text-primary);
  font-family: Poppins, sans-serif;
  font-size: clamp(1.125rem, 2.5vw, 1.25rem);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

.investment-benefits-card__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.investment-benefits-card__item {
  color: var(--text-secondary);
  font-family: Poppins, sans-serif;
  font-size: clamp(0.875rem, 2vw, 1rem);
  font-weight: 400;
  line-height: 1.6;
  position: relative;
  padding-left: 1.5rem;
  display: flex;
  align-items: flex-start;
}

.investment-benefits-card__item::before {
  content: "•";
  color: #EB1260;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.3;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .investment-benefits-card {
      padding: 1.5rem;
      margin-top: 1.5rem;
  }
  
  .investment-benefits-card__list {
      gap: 0.875rem;
  }
  
  .investment-benefits-card__item {
      padding-left: 1.25rem;
  }
}

@media (max-width: 480px) {
  .investment-benefits-card {
      padding: 1.25rem;
      border-radius: 12px;
  }
  
  .investment-benefits-card__title {
      margin-bottom: 1.25rem;
  }
  
  .investment-benefits-card__list {
      gap: 0.75rem;
  }
}