.actions__meta { color: var(--wa-color-text-quiet); }
.actions__offline { color: var(--wa-color-text-quiet); font-size: var(--wa-font-size-s); }

.actions .admin-table-wrap { margin-block: var(--wa-space-m); }
.actions .admin-table-wrap table { min-width: 0; }

.actions__pill {
  display: inline-block;
  padding: 0 var(--wa-space-s);
  border-radius: var(--wa-border-radius-m);
  font-size: var(--wa-font-size-s);
}
.actions__pill--pending   { background: var(--wa-color-neutral-fill-quiet); color: var(--wa-color-neutral-on-quiet); }
.actions__pill--approved  { background: var(--wa-color-warning-fill-quiet); color: var(--wa-color-warning-on-quiet); }
.actions__pill--executed  { background: var(--wa-color-success-fill-quiet); color: var(--wa-color-success-on-quiet); }
.actions__pill--failed,
.actions__pill--expired,
.actions__pill--rejected  { background: var(--wa-color-danger-fill-quiet); color: var(--wa-color-danger-on-quiet); }
.actions__pill--undone    { background: var(--wa-color-neutral-fill-quiet); color: var(--wa-color-neutral-on-quiet); }
.actions__pill--running   { background: var(--wa-color-warning-fill-quiet); color: var(--wa-color-warning-on-quiet); }
.actions__pill--completed { background: var(--wa-color-success-fill-quiet); color: var(--wa-color-success-on-quiet); }
.actions__pill--stopped   { background: var(--wa-color-danger-fill-quiet); color: var(--wa-color-danger-on-quiet); }

.actions__form { display: flex; gap: var(--wa-space-s); align-items: end; flex-wrap: wrap; margin-block: var(--wa-space-m); }
.actions__form > div { display: flex; flex-direction: column; gap: var(--wa-space-2xs, 2px); }
.actions__form > div label { font-size: var(--wa-font-size-s); color: var(--wa-color-text-quiet); }
/* The textarea sits inside a `flex-direction: column` item, so a flex-basis
   would size its HEIGHT — that is what made it tower over the row (HMS-734).
   Size the width directly and let the height stay at a single text line. */
.actions__form textarea { flex: 0 0 auto; inline-size: 24rem; max-inline-size: 100%; block-size: 2.75rem; margin-block: 0; resize: vertical; }

/* HMS-734 — the plans form's items have no label row; aligning tops puts the
   controls and the button on one line while the example line stays directly
   under the textarea. */
.actions__form--top { align-items: start; }
.actions__form .actions__meta { margin: 0; }

.actions__cell { display: flex; gap: var(--wa-space-s); flex-wrap: wrap; align-items: center; }

.actions__error { color: var(--wa-color-danger-on-quiet); background: var(--wa-color-danger-fill-quiet); padding: var(--wa-space-3xs, 2px) var(--wa-space-xs); border-radius: var(--wa-border-radius-s); font-size: var(--wa-font-size-s); }

.actions__steps { margin-block: var(--wa-space-m); padding-inline-start: 1.5rem; }
.actions__step { margin-block: var(--wa-space-s); }
.actions__step .actions__pill { margin-inline-start: var(--wa-space-s); }