.variable-picker {
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid #dce7e2;
  border-radius: 9px;
  background: #f7faf8;
}
.variable-picker small {
  font-size: 10px;
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .04em;
}
.variable-picker > div { display: flex; flex-wrap: wrap; gap: 5px; }
.variable-picker button {
  min-height: 0;
  padding: 5px 7px;
  border: 1px solid #c9dbd3;
  border-radius: 7px;
  background: #fff;
  color: #235f49;
  font: 600 10px/1.1 inherit;
  cursor: pointer;
}
.variable-picker button:hover { border-color: #1f7154; background: #edf7f2; }
.check-row { display: flex !important; align-items: center; gap: 7px; }
.check-row input { width: auto !important; margin: 0 !important; }