/* LoanFlow — Commitments page (base look from loanflow_v10_calc.css; tabs reuse .dc-tabs from docs css, so they are redefined here) */
.cm-wrap{display:grid;gap:16px;max-width:980px}
.cm-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cm-kpi.clk{cursor:pointer;border-color:#bcd7f3;background:#f6fbff}.cm-kpi.clk:active{transform:scale(.98)}
.cm-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 14px}
.cm-kpi small{display:block;color:var(--muted);font-size:12px;font-weight:650}
.cm-kpi strong{display:block;font-size:20px;margin-top:3px}
.cm-kpi em{font-style:normal;color:var(--muted);font-size:11.5px}
.cm-bar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.dc-tabs{display:flex;gap:8px;flex-wrap:wrap}
.dc-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-weight:650;font-size:13px;color:#465267}
.dc-tabs button.on{background:var(--blue);border-color:var(--blue);color:#fff}
.cm-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:12px;display:grid;gap:10px}
.cm-card.off{opacity:.62}
.cm-top{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}
.cm-top h4{font-size:16px;word-break:break-word}
.cm-sub{color:var(--muted);font-size:12.5px;margin-top:2px}
.cm-amt{text-align:right;flex:none}
.cm-amt strong{display:block;font-size:18px}
.cm-amt small{color:var(--muted);font-size:12px}
.cm-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:#465267}
.cm-meta b{color:#1f2a3d}
.cm-tag{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.4px;padding:2px 8px;border-radius:6px;background:#eef3fa;color:var(--blue2)}
.cm-tag.inv{background:#e9f7ee;color:#1e7a35}
.cm-tag.exp{background:#fff4e0;color:#9a6200}
.cm-due{display:inline-block;font-size:12px;font-weight:750;padding:3px 10px;border-radius:999px;background:#eef3fa;color:#2a3850}
.cm-due.soon{background:#fff4e0;color:#9a6200}
.cm-due.late{background:var(--red-bg);color:#a8322b}
.cm-due.stop{background:#eceff3;color:#6b7686}
.cm-act{display:flex;flex-wrap:wrap;gap:8px}
.cm-empty{color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:14px;padding:26px;text-align:center}
.cm-hist{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:13px}
.cm-hist:first-child{border-top:0}
.cm-hist small{color:var(--muted);display:block}
.cm-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cm-err{color:var(--red);font-size:13px;margin:4px 0 8px}
.cm-inv{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f6f9fd;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.cm-inv small{display:block;color:var(--muted);font-size:11.5px;font-weight:650}
.cm-inv b{font-size:14px}
.cm-pos{color:#1e7a35}.cm-neg{color:#c0392b}
.cm-h4{font-size:13px;margin:16px 0 4px;color:#3c4a5f}
.lf-ro-banks .cm-edit{display:none!important}
@media(max-width:760px){.cm-inv{grid-template-columns:1fr 1fr}.cm-kpis{grid-template-columns:repeat(2,1fr)}.cm-kpi.clk{grid-column:1/-1}.cm-row2{grid-template-columns:1fr}.cm-act .fx-btn{flex:1 1 auto}}

/* add / edit form: required fields first, the rest folded away */
.cm-more{margin:6px 0 12px;border:1px solid var(--line,#e3e9f1);border-radius:12px;padding:0 12px;background:#fafcff}
.cm-more>summary{cursor:pointer;font-weight:700;font-size:13.5px;padding:12px 2px;color:#1676c8;list-style:none}
.cm-more>summary::-webkit-details-marker{display:none}
.cm-more>summary::before{content:'\25B8  ';display:inline-block;transition:transform .15s}
.cm-more[open]>summary::before{content:'\25BE  '}
.cm-more[open]{padding-bottom:6px}
#cfHint{display:block;margin-top:4px;color:#6b7a90}
#cfKind{font-weight:700}