.rpb-buttons > .rpb-group-title {
  flex: 0 0 100%;
  margin: 1em 0 .3em;
  padding-bottom: .3em;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.rpb-buttons > .rpb-group-title:first-child { margin-top: 0; }
.rpb-buttons > .rpb-group-title[hidden] { display: none; }

/* Aktionsleiste der RPB-Items (Bearbeiten, Verstecken, Löschen …) im Feld:
   RPB legt sie absolut über den Auf-/Zuklapp-Pfeil des Headers und verdeckt ihn mit
   background: var(--rock-input-bg). Diese Variable definiert nur AdminStyleRock; im
   nativen AdminThemeUikit-Theme ist sie leer, die Leiste also durchsichtig, und der Pfeil
   scheint durch die Icons. Deshalb die Leiste links neben den Pfeil rücken und
   vertikal im Header zentrieren. */
li.Inputfield.rpb-item > .InputfieldHeader .rpb-actions {
  right: 2.2em;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  background: transparent;
}

/* Nur im Debug-Modus ($config->debug): Beim Hovern des Pfeils blendet ProcessWire links
   daneben den Feldnamen ein (small.InputfieldNameTip, float: right) – genau dort, wo jetzt
   die Aktionsleiste steht. Solange der Pfeil gehovert wird, die Leiste ausblenden.
   Die Regel hängt am Pfeil selbst: er steht im Header-Markup vor der Leiste. */
li.Inputfield.rpb-item > .InputfieldHeader > i.toggle-icon:hover ~ .rpb-actions {
  visibility: hidden;
}

/* Den eingeblendeten Feldnamen an die Stelle der Aktionsleiste setzen und wie diese
   vertikal im Header zentrieren (als kleines float-Element säße er sonst zu hoch). */
li.Inputfield.rpb-item > .InputfieldHeader > .InputfieldNameTip {
  position: absolute;
  right: 2.2em;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}
