/* The Walking card under Terrain blending (WorkbenchWalkingTable.js): each
   pack's speed as a small bar coloured by band — blocked red, slow amber, a
   player's own speed grey, fast green — beside its speed field. */

.wbw-speedcell {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}

.wbw-bar {
  position: relative;
  flex: none;
  width: 90px;
  height: 6px;
  border-radius: 3px;
  background: var(--bg-hover);
  overflow: hidden;
}

.wbw-fill {
  display: block;
  height: 100%;
  border-radius: 3px;
}

.wbw-fill.blocked {
  background: var(--red);
}

.wbw-fill.slow {
  background: var(--amber);
}

.wbw-fill.normal {
  background: var(--text-muted);
}

.wbw-fill.fast {
  background: var(--green);
}

/* The mark at 1, a player's own speed. */
.wbw-one {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--text-secondary);
}

.wbw .wb-in.wbw-speed {
  width: 76px;
  min-height: 28px;
  padding: 3px 8px;
}

.wbw .wb-check {
  min-height: 0;
}

.wbw-suggest {
  white-space: nowrap;
}

.wbw-off td {
  opacity: 0.5;
}