/* instalment plans: the agreement line, payments that count, the pay sheet's tick, Follow-ups → Instalments (instal.js) */
.ip-agree { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 10px 0 2px; padding: 8px 10px; border-radius: 10px; font-size: var(--fs-12); }
.ip-agree > span:first-of-type { flex: 1 1 200px; min-width: 0; }
.ip-agree.ok { background: #eef6f1; color: #2e6b34; }
.ip-agree.no { background: #fff4e0; color: #8a4a00; }
.ip-agree .acts3 { margin-inline-start: auto; }
.ip-pays { margin-top: 10px; }
.ip-pays .lbl { margin-bottom: 4px; }
.ip-pay-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 5px 0; border-top: 1px solid var(--sep2); font-size: var(--fs-12); }
.ip-pay-row > span { overflow-wrap: anywhere; }
.ip-others { margin-top: 8px; font-size: var(--fs-12); }
.ip-others summary { cursor: pointer; color: var(--ink2); padding: 4px 0; }
.ip-lc { margin-top: 6px; }
.ip-sched { display: grid; gap: 2px; margin: 4px 0 10px; font-size: var(--fs-13); }
.ip-sched > div { display: grid; grid-template-columns: 28px 1fr auto; gap: 10px; padding: 5px 2px; border-top: 1px solid var(--sep2); }
.ip-sched > div > span:first-child { color: var(--ink2); }
.ip-paytick { display: grid; gap: 8px; padding: 10px 12px; border: 1px solid var(--sep); border-radius: 12px; }
label.ip-paytick, .ip-paytick > label { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; }
.ip-paytick input[type=checkbox] { margin-top: 3px; width: 18px; height: 18px; flex: none; }
.ip-paytick label > span, label.ip-paytick > span { display: grid; gap: 2px; }
.ip-payamt { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: var(--fs-13); }
.ip-payamt .amt { max-width: 180px; }
@media (max-width: 640px) { .ip-pay-row { grid-template-columns: minmax(0, 1fr) auto; } .ip-pay-row .lk-link { grid-column: 1 / -1; justify-self: start; } }