/* Kajian proyek berjalan 5.10.0 */
.kkf-investment-page .bcr-editor-content {
  grid-template-columns: minmax(0,1fr);
  contain: inline-size;
}
.inv-analysis-settings {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  gap: 14px;
  padding: 18px;
}
.inv-analysis-settings label {
  display: grid;
  align-content: start;
  gap: 7px;
  color: var(--muted);
  font-size: .72rem;
  font-weight: 750;
}
.inv-analysis-settings small {
  font-size: .65rem;
  font-weight: 500;
  line-height: 1.45;
}
#invActualInput,
#invActualResult {
  width: 0;
  min-width: 100%;
  max-width: 100%;
}
#invActualInput .table-wrap,
.inv-actual-panel,
.inv-actual-panel .table-wrap {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
#invActualInput .table-wrap,
.inv-actual-panel .table-wrap { overflow-x: auto; }
.inv-actual-input-table { width: max-content; min-width: 1540px; }
.inv-actual-input-table td:nth-child(2) input { min-width: 145px; }
.inv-actual-input-table td:nth-child(3) input { min-width: 210px; }
.inv-actual-input-table output {
  display: block;
  min-width: 120px;
  font-size: .72rem;
  font-weight: 800;
  text-align: right;
  white-space: nowrap;
}
.inv-actual-input-table output.is-positive { color: #188a2d; }
.inv-actual-input-table output.is-negative { color: #c92a2a; }
.inv-actual-panel { margin-top: 18px; overflow: hidden; }
.inv-actual-panel .panel-header { align-items: flex-start; gap: 18px; }
.inv-actual-panel .panel-header p {
  max-width: 720px;
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
}
.inv-actual-heading-state { display: grid; justify-items: end; gap: 7px; }
.inv-actual-heading-state > span { color: var(--muted); font-size: .68rem; font-weight: 750; }
.inv-actual-heading-state > strong {
  display: inline-flex;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: .7rem;
}
.inv-actual-heading-state > strong.is-paid { background: rgba(47,179,68,.14); color: #188a2d; }
.inv-actual-heading-state > strong.is-open { background: rgba(245,159,0,.14); color: #ae6b00; }
.inv-actual-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); }
.inv-actual-forecast-card {
  border-color: color-mix(in srgb,#7c3aed 32%,var(--line)) !important;
  background: color-mix(in srgb,#7c3aed 6%,var(--surface-soft)) !important;
}
.inv-actual-table { min-width: 1550px; }
.inv-actual-table th:nth-child(3),
.inv-actual-table td:nth-child(3) { min-width: 190px; white-space: normal; }
.inv-source-badge {
  display: inline-flex;
  padding: 4px 7px;
  border-radius: 999px;
  font-size: .62rem;
  font-weight: 850;
}
.inv-source-badge.is-actual { background: rgba(32,107,196,.13); color: #206bc4; }
.inv-source-badge.is-forecast { background: rgba(124,58,237,.13); color: #7c3aed; }
.inv-actual-panel > .alert { margin: 0 18px 12px; }
.inv-actual-assessment {
  margin: 0 0 16px;
  padding: 11px 13px;
  border-left: 3px solid #206bc4;
  border-radius: 8px;
  background: color-mix(in srgb,#206bc4 7%,var(--surface-soft));
  color: var(--muted);
  font-size: .72rem;
  font-weight: 650;
}
.inv-actual-panel > .bcr-help { margin-top: 12px; }
.inv-actual-panel[hidden],
#invActualResult[hidden],
[data-analysis-running][hidden] { display: none !important; }
html[data-theme=dark] .inv-actual-heading-state > strong.is-paid { color: #6ee787; }
html[data-theme=dark] .inv-actual-heading-state > strong.is-open { color: #ffc14d; }
@media (max-width: 1050px) {
  .inv-analysis-settings { grid-template-columns: 1fr 1fr; }
  .inv-actual-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .inv-analysis-settings,
  .inv-actual-metrics { grid-template-columns: 1fr; }
  .inv-actual-panel .panel-header { flex-direction: column; }
  .inv-actual-heading-state { justify-items: start; }
}