.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; }

/* Plus-Button in eigener Zeile abheben */
.rpb-buttons > a.createBlockType { margin-top: 1em; }

/* 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;
}

/* Vorschau der Spalteninhalte im Block „2 Spalten" (Hook in site/ready.php) */
.rpb-colpreview { margin-top: .5em; }
.rpb-colpreview-item {
  border: 1px dashed rgba(0, 0, 0, .2);
  padding: .5em .75em;
  margin-bottom: .5em;
  overflow: hidden;
}
.rpb-colpreview-hidden { opacity: .5; }
.rpb-colpreview-type { display: block; opacity: .6; margin-bottom: .25em; }
.rpb-colpreview-text > :first-child { margin-top: 0; }
.rpb-colpreview-text > :last-child { margin-bottom: 0; }
.rpb-colpreview img { max-width: 100%; height: auto; max-height: 100px; margin: .25em .25em 0 0; }