/* Projektwahl sichtbar und abwählbar (fix/00-ziegli-kontext): Chip im Ziegli-Panel über der Eingabe
   (assistent.js) und Chip unter der Suche bzw. über dem Bereich mit neuer Schale (shell2.js) */
.as-kontext-chip, .projekt-chip {
  display: flex; align-items: center; gap: 4px; min-width: 0;
  padding-left: 12px; border: 1px solid var(--color-border); border-radius: var(--radius-s);
  background: var(--color-primary-tint); color: var(--color-primary-ink); font-size: 13px; font-weight: 500;
}
.as-kontext-chip[hidden] { display: none; }
.as-kontext-text, .projekt-chip-text { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.as-kontext-weg, .projekt-chip-weg {
  flex: none; display: inline-grid; place-items: center; width: var(--tap); height: var(--tap);
  border: 0; border-radius: var(--radius-s); background: none; color: inherit; cursor: pointer;
}
.as-kontext-weg:hover, .projekt-chip-weg:hover { background: var(--color-hover); }
.as-kontext-weg:focus-visible, .projekt-chip-weg:focus-visible { outline: 2px solid var(--color-ring); outline-offset: -2px; }
.as-kontext-weg svg, .projekt-chip-weg svg { width: 16px; height: 16px; }
.projekt-chip { margin: 0 0 8px; }
/* Schmale Leiste und Telefon: über dem Bereich, mit dem Rand des Inhalts */
@media (min-width: 768px) and (max-width: 1199.98px) { .projekt-chip { margin: 16px 24px 0; } }
@media (max-width: 767.98px) { .projekt-chip { margin: 8px 16px 0; } }