/* 163 — Bought / Sold installment plans. Compact, responsive, theme-safe. */
.installment-plan-mode{
  display:inline-grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:3px;
  width:min(100%,520px);
  margin:8px 0 10px;
  padding:3px;
  border:1px solid var(--line);
  border-radius:11px;
  background:color-mix(in srgb,var(--card) 92%,var(--muted) 8%);
}
.installment-plan-mode-btn{
  min-width:0;
  min-height:32px;
  border:0;
  border-radius:8px;
  padding:6px 9px;
  background:transparent;
  color:var(--muted);
  font:inherit;
  font-size:.73rem;
  font-weight:720;
  line-height:1.15;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease;
}
.installment-plan-mode-btn.active{
  background:var(--card);
  color:var(--primary);
  box-shadow:0 1px 4px rgba(15,23,42,.08);
}
.installment-plan-mode-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:1px}
.installment-type-badge{font-size:.61rem!important;padding:2px 6px!important;letter-spacing:.02em}
.installment-type-badge.is-sold{color:#067647;background:rgba(18,183,106,.1);border-color:rgba(18,183,106,.2)}
.installment-type-badge.is-bought{color:#2457d6;background:rgba(36,87,214,.08);border-color:rgba(36,87,214,.16)}
.installment-optional-details{
  border:1px solid var(--line);
  border-radius:11px;
  background:color-mix(in srgb,var(--card) 96%,var(--primary) 4%);
  overflow:hidden;
}
.installment-optional-details>summary{
  min-height:38px;
  padding:8px 10px;
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
  font-size:.74rem;
  font-weight:730;
  color:var(--text);
}
.installment-optional-details>summary::-webkit-details-marker{display:none}
.installment-optional-details>summary>span:first-child{display:flex;align-items:center;gap:6px;min-width:0}
.installment-optional-details>summary>small{font-size:.65rem;font-weight:550;color:var(--muted);white-space:nowrap}
.installment-optional-details .expense-optional-chevron{font-size:.68rem;color:var(--muted)}
.installment-optional-details .expense-chevron-down{display:none}
.installment-optional-details[open] .expense-chevron-right{display:none}
.installment-optional-details[open] .expense-chevron-down{display:inline-block}
.installment-optional-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 9px;
  padding:9px 10px 10px;
  border-top:1px solid var(--line);
}
.installment-optional-grid>.field{grid-column:auto!important;margin:0!important;min-width:0}
.installment-optional-grid>.expense-optional-wide{grid-column:1/-1!important}
.installment-optional-grid label{font-size:.66rem!important;margin-bottom:3px!important;color:var(--muted)!important}
.installment-optional-grid :is(.input,.select){min-height:32px!important;height:32px!important;padding:5px 8px!important;font-size:.72rem!important;width:100%!important}
.installment-details-card{
  border:1px solid var(--line);
  border-radius:10px;
  padding:9px 10px;
  background:color-mix(in srgb,var(--card) 97%,var(--primary) 3%);
}
.installment-details-card h4{margin:0 0 7px;font-size:.74rem;color:var(--text)}
.installment-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}
.installment-detail-row{min-width:0;display:flex;flex-direction:column;gap:1px}
.installment-detail-row small{font-size:.61rem;color:var(--muted)}
.installment-detail-row strong{font-size:.71rem;font-weight:650;word-break:break-word;color:var(--text)}
.installment-plan-card[data-plan-type="sold"] .ip-progress-fill{background:linear-gradient(90deg,#12b76a,#039855)}
#installmentPlanModal .ipo-actions .btn,#installmentEditModal .modal-footer .btn{min-height:31px;padding:5px 10px;font-size:.7rem}
#installmentEditModal .modal-dialog,#entryModal .modal-dialog.compact-entry-dialog{max-width:min(680px,calc(100vw - 24px))}
@media (max-width:640px){
  .installment-plan-mode{display:grid;width:100%;margin:7px 0 9px}
  .installment-plan-mode-btn{min-height:31px;padding:5px 6px;font-size:.67rem;gap:4px}
  .installment-plan-mode-btn i{font-size:.67rem}
  .installment-optional-details>summary{grid-template-columns:minmax(0,1fr) auto;padding:8px 9px}
  .installment-optional-details>summary>small{display:none}
  .installment-optional-grid{grid-template-columns:1fr;gap:7px;padding:8px 9px}
  .installment-optional-grid>.expense-optional-wide{grid-column:auto!important}
  .installment-details-grid{grid-template-columns:1fr}
  #entryModal .modal-dialog.compact-entry-dialog,#installmentEditModal .modal-dialog{width:calc(100vw - 12px);max-width:none;max-height:calc(100dvh - 12px)}
}