/* kundenportal-termin.css (21.10.2026) — „Termin mit René“ im Kundenportal (kundenportal-termin.js, Präfix kpt-).
   Flächen und Farben aus konto-app.css (ld-*) und kundenportal.css (kpv-*). */
.kpt-liste{ list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-direction: column; gap: 8px }
.kpt-liste li{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 14px; padding: 10px 0; border-top: 1px solid var(--ld-rand) }
.kpt-liste li:first-child{ border-top: 0 }
.kpt-liste span{ display: flex; flex-direction: column; gap: 2px; min-width: 0 }
.kpt-liste small{ color: var(--ld-text-2) }
.kpt-slots{ display: flex; flex-direction: column; gap: 14px; margin: 14px 0 }
.kpt-slots[hidden]{ display: none }
.kpt-tag p{ margin: 0 0 6px; font-size: 13px; color: var(--ld-text-2) }
.kpt-zeiten{ display: flex; flex-wrap: wrap; gap: 8px }
.kpt-zeit{ padding: 9px 14px; border-radius: 10px; border: 1px solid var(--ld-rand); background: transparent; color: var(--ld-text);
  font: inherit; font-variant-numeric: tabular-nums; cursor: pointer }
.kpt-zeit:hover, .kpt-zeit:focus-visible{ border-color: #3b82f6; background: rgba(59,130,246,.1); outline: none }
.kpt-gewaehlt{ margin: 12px 0 0; padding: 10px 12px; border-radius: 10px; background: rgba(59,130,246,.1) }
.kpt-fertig{ margin: 0; padding: 12px 14px; border-radius: 10px; background: rgba(22,163,74,.1) }