/* KI-Ablage der Projektakte (projektakte.js, Schalter projektakte.ki-ablage): Kurztext unter dem Titel, Typ als
   Auswahl, Filter nach Typ. Telefon 375px: Kurztext höchstens zwei Zeilen, Auswahl und Titel 44px tippbar, die
   Filter scrollen waagrecht (.filter aus styles.css). */
.ka-filter { margin: 8px 0 4px; }
.ka-titel {
  display: grid; gap: 4px; min-height: var(--tap); min-width: 0; padding: 4px 0;
  background: none; border: 0; color: inherit; font: inherit; text-align: left; cursor: pointer;
}
.ka-titel:focus-visible { outline: 2px solid var(--color-ring); outline-offset: 2px; border-radius: var(--radius-s); }
.ka-titel-name { font-weight: 500; overflow-wrap: anywhere; }
.ka-kurztext {
  color: var(--color-muted-fg); font-size: 13px; line-height: 1.4; overflow-wrap: anywhere;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 60ch;
}
.ka-typ { min-height: var(--tap); width: auto; max-width: 220px; }
.ka-dialog-text { margin: 0; max-width: 60ch; line-height: 1.5; }
@media (max-width: 767px) {
  .ka-typ { width: 100%; max-width: none; }
}