/* Docked editor chrome only; keep the selection, tools and overflow owners. */
[data-site-editor-root] [data-editor-toolbar-dock] [data-editor-toolbar-identity]
  > span:has(> button[aria-label^="Select "]) {
  display: inline-flex;
  min-width: 0;
  flex-shrink: 1;
  align-self: stretch;
  align-items: center;
}

[data-site-editor-root] [data-editor-toolbar-dock] [data-editor-toolbar-identity]
  > span > button[aria-label^="Select "] {
  align-self: stretch;
  min-width: 44px;
  min-height: 44px;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

[data-site-editor-root] [data-editor-toolbar-dock] [data-editor-toolbar-identity]
  > span > button[aria-label^="Select "] > span {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Preserve the plain column label's block layout and native ellipsis. Generic
   selection labels already center their icon/text with inline-flex. */
[data-site-editor-root] [data-editor-toolbar-dock] [data-editor-selection-name] {
  align-content: center;
}