/* AresPaper – Verträge → Darlehen (darlehen.js). Farben nur über die Variablen aus style.css – hell und dunkel. */
.dl-intro{margin:-6px 0 14px;max-width:880px}
.dl-kpis .kpi .small{margin-top:2px}
.dl-filter{margin:0 0 10px}
.dl-filter input[type=search]{flex:1 1 260px;max-width:420px}
.dl-tw{overflow-x:auto}
.dl-t td,.dl-t th{white-space:normal}
.dl-t .nowrap,.dl-plan .nowrap,.dl-pf-t .nowrap{white-space:nowrap}
.dl-t td:nth-child(2){min-width:170px}
.sv-st.dl-st-erl{background:var(--grey-bg);color:var(--grey-ink)}
.dl-recht{max-width:880px;line-height:1.45}

/* Formular mit mitlaufender Berechnung */
.dl-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,350px);gap:16px;align-items:start}
.dl-layout .sv-form{max-width:none}
.dl-seg{margin:0 0 12px}
.dl-ma-wahl{max-width:560px;margin:0 0 12px}
.dl-l{font-size:12px;color:var(--ink-2);margin-bottom:4px}
.dl-tilg-text{margin:6px 0 0;min-height:1.2em}
.dl-lz{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.dl-lz>label.f{width:170px}
.dl-chips{display:flex;flex-wrap:wrap;gap:4px;padding-bottom:5px}
.dl-chips .chip{border:0;font:inherit;font-size:12px;padding:3px 10px;margin:0}
.dl-st-pflicht{margin:-4px 0 0}
.dl-form [hidden],.dl-vs [hidden]{display:none!important}

.dl-pfand{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.dl-pf-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,.8fr) auto;gap:8px;align-items:end;
  padding:8px 10px;border:1px solid var(--line-2);border-radius:var(--r-m);background:var(--sheet-2)}
.dl-pf-row+.dl-pf-row{margin-top:6px}
.dl-pf-row input{width:100%}
.dl-pf-wert input{text-align:right;font-variant-numeric:tabular-nums}
.dl-pf-weg{align-self:end;margin-bottom:2px;color:var(--ink-3)}
.dl-pf-weg:hover{color:var(--haben)}
.dl-pf-fuss{gap:10px}
.dl-pfand>p{margin:0}

.dl-vs{position:sticky;top:12px}
.dl-vs .sheet h2{margin-top:0}
.dl-vs-rate{display:flex;flex-direction:column;gap:2px;padding:10px 12px;margin:0 0 10px;border-radius:var(--r-m);background:var(--soll-bg);border:1px solid var(--soll-line)}
.dl-vs-rate .l{font-size:12px;color:var(--ink-2)}
.dl-vs-rate b{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:-.3px}
.dl-vs-kv{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;margin:0 0 10px;font-size:13px}
.dl-vs-kv dt{color:var(--ink-2)}
.dl-vs-kv dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.dl-ein{margin:8px 0;line-height:1.45}
.dl-ein .dl-rat{display:inline-block;margin-top:4px}
.dl-vs .pers-hints{margin-top:8px}
.dl-v-plan{margin-top:10px;border-top:1px solid var(--line-2);padding-top:8px}
.dl-v-plan summary,.dl-plan-det summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--ink-2)}
.dl-plan-scroll{max-height:340px;overflow:auto;margin-top:8px;border:1px solid var(--line-2);border-radius:var(--r-s)}
.dl-plan-gross{max-height:520px}
table.dl-plan{font-size:12px}
table.dl-plan th,table.dl-plan td{padding:4px 7px}
table.dl-plan tr.dl-vorbei td{color:var(--ink-3)}
table.dl-plan tr.sum td{position:sticky;bottom:0}

/* Detail */
.dl-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.dl-art{font-weight:400;margin-left:6px}
.dl-stand{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:2px 0 10px}
.dl-stand>div{display:flex;flex-direction:column;gap:2px}
.dl-stand .l{font-size:12px;color:var(--ink-2)}
.dl-stand b{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums}
.dl-bar{height:8px;border-radius:99px;background:var(--line-2);overflow:hidden}
.dl-bar span{display:block;height:100%;background:var(--stamp-fill);border-radius:99px}
.dl-plan-det{margin-top:8px}
.dl-pf-t td{vertical-align:top}
.dl-sf-l{margin:4px 0 6px}
#dl-mail[hidden],#dl-ag-padbox[hidden],#dl-ag-alt[hidden],#dl-ag-box[hidden]{display:none!important}

@media (max-width:1100px){
  .dl-layout{grid-template-columns:minmax(0,1fr)}
  .dl-vs{position:static}
}
@media (max-width:760px){
  .dl-pf-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .dl-pf-row .dl-pf-bez,.dl-pf-row .dl-pf-besch{grid-column:1/-1}
  .dl-pf-weg{grid-column:2;justify-self:end}
  .dl-stand{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .dl-form .grid.g2{grid-template-columns:minmax(0,1fr)}
  .dl-form .grid.g2>.span2{grid-column:auto}
  .dl-lz>label.f{width:100%}
}