/* AresPaper – Kredite (1.22): Kredit beantragen, Anträge entscheiden, Kapitalgeber und ihre Verträge */
.kr-intro { margin: 0 0 14px; max-width: 72em; }
.kr-h { font-size: 16px; margin: 18px 0 8px; }
.kr-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.kr-layout .kr-meine .kr-h { margin-top: 0; }
.kr-form h3 { margin: 16px 0 6px; font-size: 14px; }
/* Felder mit Auswahl (div.f): Beschriftung über der Auswahl, Hinweis darunter – wie label.f */
/* Auswahl-Leisten brechen um, statt am Handy abgeschnitten zu werden */
.kr-form .pers-seg, .kr-vt-form .pers-seg, #kz-f .pers-seg, #kg-f-art.pers-seg, .kr-kd-von.pers-seg { flex-wrap: wrap; }
.kr-form div.f, .kr-vt-form div.f, #kz-f div.f { display: flex; flex-direction: column; gap: 3px; font-size: 12px; color: var(--ink-2); }
.kr-chips { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.kr-karte { margin-bottom: 10px; }
.kr-karte-k { gap: 8px; align-items: center; margin-bottom: 4px; }
.kr-karte-f { gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.kr-karte-f:empty { display: none; }
.kr-zahl { margin: 2px 0 4px; }
.kr-zusage { margin-top: 6px; padding: 6px 10px; border-radius: var(--r-s); background: var(--stamp-bg); color: var(--ink); }
.kr-antwort { margin-top: 6px; padding: 6px 10px; border-left: 3px solid var(--line-3); background: var(--sheet-2); white-space: normal; }
.kr-nachricht { margin: 8px 0 0; padding: 8px 10px; border-radius: var(--r-s); background: var(--sheet-2); }
.kr-vt { margin-top: 6px; }

.kr-st { display: inline-block; padding: 1px 8px; border-radius: 10px; font-size: 12px; line-height: 18px; white-space: nowrap;
  background: var(--grey-bg); color: var(--grey-ink); vertical-align: middle; }
.kr-st.kr-st-neu { background: var(--warn-bg); color: var(--warn-ink); }
.kr-st.kr-st-pruef { background: var(--soll-bg); color: var(--soll); }
.kr-st.kr-st-ok { background: var(--stamp-bg); color: var(--stamp); }
.kr-st.kr-st-bad { background: var(--haben-bg); color: var(--haben); }
.kr-st.kr-st-mut { color: var(--ink-3); }

.kr-einst { margin-bottom: 14px; }
.kr-einst .g3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 14px; }
.kr-kpis { margin-bottom: 14px; }
.kr-filter { gap: 10px; align-items: flex-end; margin-bottom: 8px; flex-wrap: wrap; }
.kr-filter .qt-such { min-width: 220px; }
.kr-t td, .kr-zp td { vertical-align: top; }
.kr-faellig td { background: var(--warn-soft); }

.kr-detail { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.kr-detail > div > .sheet + .sheet { margin-top: 16px; }
.kr-kv { display: grid; grid-template-columns: 11.5em minmax(0, 1fr); gap: 8px; padding: 4px 0; border-bottom: 1px solid var(--line-2); }
.kr-kv > span { color: var(--ink-3); font-size: 13px; }
.kr-kv > b { font-weight: 500; overflow-wrap: anywhere; }
.kr-rechnung { margin-top: 10px; padding: 8px 10px; border-radius: var(--r-s); background: var(--sheet-2); min-height: 1.5em; }
.kr-verlauf { list-style: none; margin: 0; padding: 0; max-height: 340px; overflow: auto; }
.kr-verlauf li { padding: 6px 0; border-bottom: 1px solid var(--line-2); }
.kr-vt-liste { display: flex; flex-direction: column; gap: 6px; }
.kr-vt-z { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--line);
  border-radius: var(--r-s); color: inherit; text-decoration: none; }
.kr-vt-z:hover { background: var(--hover); }
.kr-vt-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.kr-vt-form .sheet + .sheet { margin-top: 14px; }
.kr-vt-form .checkrow { margin-top: 10px; }
.kr-vt-vs { position: sticky; top: 12px; }
.kr-vt-vs h3 { margin: 12px 0 4px; font-size: 13px; }
.kr-plan td { padding: 3px 6px; }

/* „hidden“ muss gegen die display-Werte von .f, .grid und .note gewinnen */
.kr-form [hidden], .kr-vt-form [hidden], #kg-f [hidden], #kr-ang [hidden], .kr-err[hidden], #kr-mail[hidden], #kr-ag-box[hidden], #kr-ag-padbox[hidden],
#kr-ag-alt[hidden], #kd-wir[hidden], #kd-kg[hidden], #kz-ag[hidden], #kz-padbox[hidden], #kz-alt[hidden] { display: none !important; }

@media (max-width: 900px) {
  .kr-layout, .kr-detail, .kr-vt-layout { grid-template-columns: minmax(0, 1fr); }
  .kr-einst .g3 { grid-template-columns: minmax(0, 1fr); }
  .kr-vt-vs { position: static; }
}
@media (max-width: 640px) {
  /* Tabellen als Karten: je Zeile ein Block, Beschriftung aus data-l */
  .kr-t thead { display: none; }
  .kr-t, .kr-t tbody, .kr-t tr, .kr-t td { display: block; width: auto; }
  .kr-t tr { border-bottom: 1px solid var(--line); padding: 8px 12px; }
  .kr-t td { border: 0; padding: 3px 0; min-width: 0 !important; max-width: none; white-space: normal; }
  .kr-t td[data-l] { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 8px; align-items: baseline; }
  .kr-t td[data-l]::before { content: attr(data-l); font-size: 12px; color: var(--ink-3); }
  .kr-t td[data-l] > * { grid-column: 2; }
  .kr-t td.r { text-align: left; }
  .kr-t td:empty { display: none; }
  /* Zinsplan bleibt eine Tabelle – ohne die Spalte Zeitraum */
  .kr-zp th:nth-child(2), .kr-zp td:nth-child(2) { display: none; }
  .kr-zp th, .kr-zp td { padding-left: 6px; padding-right: 6px; }
  .kr-form .grid.g2, .kr-vt-form .grid.g2, #kr-ang.grid.g2, #kg-f.grid.g2, #kz-f.grid.g2, #kz-agf.grid.g2, #kd-wir.grid.g2, #kd-kg.grid.g2,
  #kr-mail.grid.g2, #kr-ag.grid.g2 { grid-template-columns: minmax(0, 1fr); }
  .kr-form .grid.g2 > .span2, .kr-vt-form .grid.g2 > .span2, #kz-f > .span2, #kg-f > .span2, #kd-wir > .span2, #kd-kg > .span2, #kr-mail > .span2 { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .kr-kv { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .kr-filter .qt-such { min-width: 0; width: 100%; }
}

/* öffentliche Seite kapital-unterschreiben.html (Variablen aus unterschrift.css) */
.kr-pub-parteien { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; margin: 6px 0 4px; }
.kr-pub-parteien > div { display: flex; flex-direction: column; gap: 2px; }
.kr-pub-parteien b { font-weight: 500; }
.kr-pub-sig { display: flex; flex-direction: column; gap: 2px; max-width: 280px; margin-top: 4px; }
.kr-pub-sig svg { width: 100%; height: auto; max-height: 70px; }
@media (max-width: 560px) { .kr-pub-parteien { grid-template-columns: minmax(0, 1fr); } }