/* Wide and tall: this is the whole record, and squeezing thirteen groups into
   a prose-width dialog would only move the crowding rather than remove it. */
.lfd { width: min(1180px, 100%); max-height: min(90vh, 940px); }

.lfd__sub {
  margin: 4px 0 0;
  font-size: var(--fs-2xs);
  line-height: 1.5;
  color: var(--zk-muted);
}

.lfd__tools {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 24px;
  border-bottom: 1px solid var(--zk-line-soft);
  background: var(--zk-tint);
}

/* Ctrl-F was how people read the open version. Behind a click that stops
   working, so the drawer brings its own. */
.lfd__find {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  background: var(--zk-white);
  border: 1px solid var(--zk-line);
  border-radius: var(--r-pill);
}

.lfd__find:focus-within { border-color: var(--zk-blue); box-shadow: 0 0 0 3px var(--zk-tint-blue); }
.lfd__find svg { width: 14px; height: 14px; flex: none; color: var(--zk-grey); }

.lfd__find input {
  flex: 1;
  border: 0;
  outline: none;
  background: none;
  font: inherit;
  font-size: var(--fs-xs);
  color: var(--zk-ink);
}

.lfd__find input::-webkit-search-cancel-button { cursor: pointer; }

.lfd__count {
  flex: none;
  font-size: var(--fs-2xs);
  color: var(--zk-muted);
  font-variant-numeric: tabular-nums;
}

.lfd__body { overflow-y: auto; }
.lfd__body .file360 { padding: 18px 22px 24px; }

.lfd__none {
  margin: 0;
  padding: 44px 24px;
  text-align: center;
  font-size: var(--fs-xs);
  color: var(--zk-grey);
}