/* The CRM home's field (sections/clients/show; the home's redesign, owner,
   2026-10-20: "the filter should directly autocomplete"): the one-line filter
   (filters.css, .filter-line) with the "/" that puts the cursor in it at its
   end, and under it what it suggests as you type — a popup opened by the
   query (query_frame_controller) and shown as every popup is. It hangs from
   the field's start, as wide as the index column the line stands on; on a
   phone, where that runs off the screen, the popup's own flip keeps it to
   the field's end instead. */
@layer components {
  .crm-find__results {
    --popup-area: block-end span-inline-end;

    inline-size: min(20rem, 100dvw - var(--inline-space-double));
  }

  .crm-find__key {
    padding-inline: 0.375em;
    border: var(--border);
    border-radius: var(--border-radius);
    font-size: var(--text-x-small);
    color: var(--color-ink-subtle);
    cursor: text;
  }
}