/* huelle-brain-suche.css — Suche ohne KI, Vertraulichkeits-Filter, Brotkrumen,
   Herkunft (B8, Welle 8, Abschnitt B, Punkte 3 und 4). */

/* --- Strg+K Blatt --------------------------------------------------------- */
.bsBlatt {
  position: fixed; inset: 0; z-index: 60; background: color-mix(in srgb, black 45%, transparent);
  display: flex; align-items: flex-start; justify-content: center; padding: 10vh 16px;
}
.bsKasten {
  background: var(--panel); border: 1px solid var(--linie); border-radius: 12px;
  width: min(640px, 100%); max-height: 70vh; display: flex; flex-direction: column;
  overflow: hidden; box-shadow: 0 12px 40px color-mix(in srgb, black 25%, transparent);
}
.bsKopf { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--linie); }
.bsEingabe {
  flex: 1 1 auto; min-height: 44px; border: none; background: transparent; color: var(--text);
  font-size: 16px; outline: none;
}
.bsListe { overflow-y: auto; padding: 6px; }
.bsZeile {
  display: flex; align-items: flex-start; gap: 8px; width: 100%; text-align: left;
  background: transparent; border: 1px solid transparent; border-radius: 8px;
  padding: 8px; cursor: pointer; font: inherit; color: var(--text); min-height: 44px;
}
.bsZeile:hover, .bsZeile.aktiv, .bsZeile:focus-visible { background: var(--bg); border-color: var(--linie); outline: none; }
.bsZeileMitte { flex: 1 1 auto; min-width: 0; }
.bsZeileTitel { font-weight: 600; }
.bsZeileSystem { opacity: 0.75; }
.bsSystemMarke {
  font-size: 11px; font-weight: 400; color: var(--dim); border: 1px solid var(--linie);
  border-radius: 999px; padding: 1px 7px; vertical-align: middle;
}
.bsZeilePfad { font-size: 12px; color: var(--dim); font-family: monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bsZeileAusschnitt { font-size: 13px; color: var(--text); margin-top: 2px; }
.bsAusschnitt mark { background: color-mix(in srgb, var(--gold) 45%, transparent); color: inherit; border-radius: 3px; }
.bsLeerzeile, .bsHinweis { padding: 10px 12px; color: var(--dim); font-size: 13px; }

/* --- Vertraulichkeits-Filter im Baum --------------------------------------- */
.kwVertraulichFilter { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin: 6px 0; }
.kwFilterChips { display: flex; gap: 6px; flex-wrap: wrap; }
.kwLupeKnopf { flex: none; }
.kwFilterChip {
  border: 1px solid var(--linie); background: var(--bg); color: var(--text);
  border-radius: 999px; padding: 4px 10px; font-size: 12px; cursor: pointer; min-height: 28px;
}
.kwFilterChip.aktiv { border-color: var(--gold); background: color-mix(in srgb, var(--gold) 16%, var(--panel)); }

/* --- Brotkrumen und Herkunft über der geöffneten Datei --------------------- */
.kwBrotkrumen { font-size: 12px; color: var(--dim); margin-bottom: 6px; }
.kwBrotkrume { background: none; border: none; color: var(--dim); text-decoration: underline; cursor: pointer; padding: 2px; font: inherit; min-height: 24px; }
.kwBrotkrume:hover, .kwBrotkrume:focus-visible { color: var(--text); }
.kwBrotkrumeAktiv { color: var(--text); }
.kwHerkunft { font-size: 12px; color: var(--dim); margin-bottom: 8px; }

@media (max-width: 390px) {
  .bsBlatt { padding: 4vh 8px; }
  .bsKasten { max-height: 88vh; }
}