/* ====================  css/kundenportal-buchhaltung-ausgang.css  ====================
   Buchhaltung (17.10.2026, Umbau Abschnitt 1): Reiter des Rahmens und der Kalender (bis 17.10.2026 „Zahlungsplan“ im
   Kunden-Admin, die Regeln kpa-plan-* zogen aus kunden-admin.css hierher um). Rahmen, Karten, Marken: konto-app.css. */

.ba-reiterleiste{ margin-top: 2px }
.ba-reiter{ display: flex; flex-direction: column; gap: 16px }
.ba-reiter[hidden]{ display: none }
.ld-app .ba-unterkopf h2{ margin: 0; font-family: inherit; font-size: 22px; font-weight: 700; letter-spacing: -.01em; text-transform: none; color: var(--ld-text) }
.ba-kalender{ display: flex; flex-direction: column; gap: 16px }
.ba-erklaerung{ margin: 0; max-width: 820px; color: var(--ld-text-2); font-size: 14.5px; line-height: 1.5 }
.ba-kalender .kpa-abschnitt{ display: flex; flex-direction: column; gap: 10px; margin-top: 6px }
.ld-app .kpa-abschnitt-titel{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 0; font-family: inherit;
  font-size: 18px; font-weight: 700; line-height: 1.3; letter-spacing: 0; text-transform: none; color: var(--ld-text) }
/* 18.10.2026: Reiter Mahnungen und Einstellungen — Überschriften wie im Kalender (vorher griff das Versalregister aus welt.css),
   Abstand nach oben, wenn sie mitten im Text stehen */
.ld-app :not(.kpa-abschnitt) > h2.kpa-abschnitt-titel{ margin-top: 26px }
.ld-app :not(.kpa-abschnitt) > h2.kpa-abschnitt-titel:first-child{ margin-top: 0 }
/* Knopfzeilen (kunden-admin.css ist hier nicht geladen): Abstand zum Text darüber */
.ld-app .kpa-fg-knoepfe{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 14px 0 0 }
.ld-app .kpa-fg-knoepfe .ld-details{ width: auto; padding: 0 14px }
/* Glocke und Briefumschlag laufen hier nicht mit — sie verdeckten beim Scrollen die Marken rechts in Kalender und Listen */
.ld-app .ld-glocken{ position: relative; top: auto }
a.kpa-plan-eintrag, a.kpa-plan-zeile{ text-decoration: none; box-sizing: border-box }

/* ---------- Zahlungsplan: Kalender aller fälligen Rechnungen und Raten (16.10.2026) ---------- */
.kpa-plan-leiste{ flex-wrap: wrap; gap: 10px 18px }
.kpa-plan-monat{ display: flex; align-items: center; gap: 8px }
.kpa-plan-monat .ld-details{ width: 40px; min-height: 40px; padding: 0; font-size: 20px; line-height: 1 }
.ld-app .kpa-plan-titel{ margin: 0 6px; min-width: 170px; text-align: center; font-family: inherit; font-size: 20px; font-weight: 700;
  letter-spacing: 0; text-transform: none; color: var(--ld-text) }
.kpa-plan-raster{ display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px }
.kpa-plan-wt{ padding: 0 6px 2px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ld-text-2) }
.kpa-plan-tag{ min-height: 104px; min-width: 0; display: flex; flex-direction: column; gap: 4px; padding: 7px; border-radius: 10px;
  border: 1px solid var(--ld-rand); background: var(--ld-flaeche) }
.kpa-plan-tag--we{ background: color-mix(in srgb, var(--ld-flaeche) 70%, var(--ld-seite)) }
.kpa-plan-tag--leer{ border-style: dashed; background: none; opacity: .45 }
.kpa-plan-tag--heute{ border-color: #3b82f6; box-shadow: inset 0 0 0 1px #3b82f6 }
.kpa-plan-tag--ueber{ border-color: rgba(220,38,38,.7); background: color-mix(in srgb, #dc2626 9%, var(--ld-flaeche)) }
.kpa-plan-kopf{ display: flex; align-items: baseline; justify-content: space-between; gap: 6px; font-size: 12px; color: var(--ld-text-2) }
.kpa-plan-nr{ font-weight: 700; color: var(--ld-text-2) }
.kpa-plan-tag--heute .kpa-plan-nr{ color: #1d4ed8 }
.kpa-plan-summe{ font-size: 12.5px; color: var(--ld-text); font-variant-numeric: tabular-nums; white-space: nowrap }
.kpa-plan-tag--ueber .kpa-plan-summe{ color: #a51c1c }
.kpa-plan-ok{ font-size: 12px; color: #146c35 }
.kpa-plan-eintrag{ display: flex; flex-direction: column; gap: 1px; width: 100%; min-width: 0; padding: 5px 7px; border: 0; border-left: 3px solid var(--ton);
  border-radius: 6px; background: color-mix(in srgb, var(--ton) 13%, var(--ld-flaeche-2)); color: var(--ld-text); font: inherit; text-align: left; cursor: pointer }
.kpa-plan-eintrag:hover, .kpa-plan-eintrag:focus-visible{ background: color-mix(in srgb, var(--ton) 24%, var(--ld-flaeche-2)) }
.kpa-plan-eintrag.ld-ton--gruen{ opacity: .75 }
.kpa-plan-kunde{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12.5px; font-weight: 700 }
.kpa-plan-was{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; color: var(--ld-text-2) }
.kpa-plan-betrag{ display: flex; align-items: center; gap: 5px; font-size: 12.5px; font-variant-numeric: tabular-nums }
.kpa-plan-brief{ display: inline-flex; color: #1d4ed8 }
.kpa-plan-brief svg{ width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.8 }
.kpa-plan-brief--weg{ color: var(--ld-text-3) }
.kpa-plan--beispiel{ border-left-style: dashed }
.kpa-plan-liste{ display: none; flex-direction: column; gap: 14px }
.kpa-plan-gruppe{ display: flex; flex-direction: column; gap: 6px }
.kpa-plan-gruppe-kopf{ display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin: 0; font-size: 14px; font-weight: 700; color: var(--ld-text) }
.kpa-plan-gruppe-kopf b{ font-variant-numeric: tabular-nums }
.kpa-plan-gruppe--ueber .kpa-plan-gruppe-kopf b{ color: #a51c1c }
.kpa-plan-zeile{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 12px; width: 100%; padding: 10px 12px;
  border: 1px solid var(--ld-rand); border-left: 4px solid var(--ton); border-radius: 10px; background: var(--ld-flaeche); color: var(--ld-text);
  font: inherit; text-align: left; cursor: pointer }
.kpa-plan-zeile:hover, .kpa-plan-zeile:focus-visible{ background: var(--ld-flaeche-2) }
.kpa-plan-zeile-text{ display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 220px }
.kpa-plan-zeile-text small{ color: var(--ld-text-2); font-size: 12.5px; overflow-wrap: anywhere }
.kpa-plan-zeile-betrag{ display: flex; align-items: center; gap: 8px; font-variant-numeric: tabular-nums }
.kpa-plan-ueber .kpa-plan-zeile{ margin: 0 }
@media (max-width: 900px){
  .kpa-plan-raster{ display: none }
  .kpa-plan-liste{ display: flex }
}
@media (max-width: 520px){
  .ld-app .kpa-plan-titel{ min-width: 0; font-size: 18px }
}

/* Abschnitt 4 (17.10.2026): geplante Posten aus den Abrechnungsplänen und Fristmarken — gestrichelt, zählen in keiner Summe */
.kpa-plan-eintrag.kpa-plan--geplant, .kpa-plan-zeile.kpa-plan--geplant,
.kpa-plan-eintrag.kpa-plan--frist, .kpa-plan-zeile.kpa-plan--frist{ border-style: dashed; background: transparent }
.kpa-plan-eintrag.kpa-plan--geplant, .kpa-plan-zeile.kpa-plan--geplant{ opacity: .85 }
.ba-haken{ display: inline-flex; flex-wrap: wrap; gap: 6px 16px }

/* Belege und Eingang „zuordnen“, Einstellungen (18.10.2026, Paket 2, Abschnitt 5) */
.ba-beleg{ cursor: default }
.ba-zuordnen{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; flex: 1 1 100% }
.ba-zuordnen .ld-details{ width: auto; padding: 0 14px; min-height: 36px }
.ba-projekt{ min-height: 36px; max-width: 100%; padding: 0 10px; border-radius: 10px; border: 1px solid var(--ld-rand-stark); background: var(--ld-flaeche-2); color: var(--ld-text); font: inherit; font-size: 14px }
.ba-aendern{ font-size: 13px }
.ba-filter{ margin: 14px 0 10px }
.ba-eingang .kpa-plan-gruppe{ border-color: rgba(234,108,16,.5) }
.ba-profil{ margin: 10px 0 14px }
/* Alarme aus lexoffice und Webhooks (Paket 2, Abschnitt 6) */
.ba-alarm{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 14px; margin: 0 0 10px; padding: 10px 14px; border-radius: 10px;
  border: 1px solid rgba(220,38,38,.6); background: rgba(220,38,38,.10); color: #a51c1c; line-height: 1.5 }
.ba-alarm p{ margin: 0; flex: 1 1 320px }
.ba-alarm .ld-details{ width: auto; padding: 0 14px }
.ba-alarm--gelb{ border-color: rgba(212,161,6,.55); background: rgba(212,161,6,.08); color: #7a5300 }
.ba-ereignisse{ margin: 6px 0 10px; font-size: 13px; color: var(--ld-text-2) }
.ba-ereignisse ul{ margin: 6px 0 0; padding-left: 18px }
/* Belege-Board, Vorschau und Versand (Abschnitt 7) */
.ba-brett .ld-spalte{ flex-basis: 240px }
.ba-brett .ld-karte .ld-weiter--klein{ margin-top: 4px }
.kpa-bv-tabelle{ width: 100%; border-collapse: collapse; margin: 8px 0; font-size: 14px }
.kpa-bv-tabelle th{ text-align: left; font-size: 12px; color: var(--ld-text-3); font-weight: 600; padding: 6px 6px 6px 0; border-bottom: 1px solid var(--ld-rand) }
.kpa-bv-tabelle td{ padding: 6px 6px 6px 0; border-bottom: 1px solid var(--ld-rand); vertical-align: top }
.kpa-bv-tabelle td:last-child, .kpa-bv-tabelle th:last-child{ text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums }
.kpa-bv-tabelle tfoot td{ border-bottom: 0 }
.kpa-bv-summe td{ font-weight: 700; border-top: 1px solid var(--ld-rand-stark) }
.kpa-bv-tabelle small{ color: var(--ld-text-2) }
.ba-endgueltig{ margin-top: 14px }
.ba-mailframe{ width: 100%; height: 420px; border: 1px solid var(--ld-rand); border-radius: 10px; background: #fff }
/* Spickzettel Abschlag/Schluss (Abschnitt 8) */
.ba-spick-text{ padding: 10px 12px; border: 1px dashed var(--ld-rand-stark); border-radius: 10px; font-family: ui-monospace, Menlo, monospace; font-size: 13.5px; overflow-wrap: anywhere }
.ba-spick-schritte{ margin: 10px 0; padding-left: 20px; line-height: 1.6 }
.ba-spick-link{ width: auto; padding: 0 16px }
/* Mahnungen (Abschnitt 9) */
.ba-basiszins{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 6px }
.ba-basiszins input{ min-height: 36px; padding: 0 10px; border-radius: 10px; border: 1px solid var(--ld-rand-stark); background: var(--ld-flaeche-2); color: var(--ld-text); font: inherit }
.ba-basiszins .ld-details{ width: auto; padding: 0 14px }
/* Abschluss: Monatsabgleich, Export (Abschnitt 10) */
.ba-ag{ margin: 10px 0 14px; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(220,38,38,.5); background: rgba(220,38,38,.06) }
.ba-ag--ok{ border-color: rgba(22,163,74,.45); background: rgba(22,163,74,.06) }
.ba-ag-rot{ color: #a51c1c; margin: 6px 0 }
.ba-basiszins .kp-feld{ margin: 0 }